/* /refinement.css */
/* V23: selected violet, responsive order flow and purposeful motion. */
html{scroll-padding-bottom:240px}body.selected-app{background:#fafafa}body.selected-app #app{isolation:isolate;overflow:clip;--ease-pop:cubic-bezier(.22,1,.36,1)}
body.selected-app #app .content{padding-bottom:calc(var(--dock-height,240px) + 28px)}
body.selected-app #app .intro{margin:16px 0 26px;text-align:center}body.selected-app #app .intro h1{line-height:1.16;letter-spacing:-.035em}
body.selected-app #app .entry-return{min-height:48px;padding:10px 0;line-height:1.4;font-size:17px;display:inline-flex;align-items:center;gap:9px}
body.selected-app #app .easy-top{padding:20px 22px 10px}body.selected-app #app .easy-top .logo{width:80px;height:54px;object-fit:contain}
body.selected-app #app .easy-progress{padding:14px 22px 18px;border-bottom:1px solid #ffffff38;margin-bottom:10px;font-size:18px}
body.selected-app #app .easy-progress b{display:flex;align-items:center;gap:8px}
body.selected-app #app .type-toggle{min-height:48px;padding:10px 16px;font-size:17px;background:#ffffff16;border-color:#edc7f4;color:#fff}
body.selected-app #app .entry-main{padding:0 20px 8px}body.selected-app #app .entry-heading h1{font-size:clamp(29px,7.8vw,40px)}
body.selected-app #app .entry-product-scene img{aspect-ratio:3/2;object-fit:contain}body.selected-app #app .entry-choice{min-height:142px;padding:22px;gap:16px}
body.selected-app #app .entry-copy b{font-size:clamp(24px,5.6vw,28px);line-height:1.2}body.selected-app #app .entry-copy>span{font-size:18px;line-height:1.45}
body.selected-app #app .entry-arrow{width:46px;height:46px;transition:transform 250ms var(--ease-pop)}
body.selected-app #app .entry-minimum{font-size:18px;line-height:1.5}
body.selected-app #app .brand-flavors{display:grid;gap:18px}
body.selected-app #app .brand-flavor{grid-template-columns:100px minmax(0,1fr);gap:16px;padding:18px;background:linear-gradient(135deg,#fffafd,#f8edf8);box-shadow:inset 0 1px 0 #fff,0 10px 24px #43125822;scroll-margin-block:24px 240px;transition:border-color 180ms,box-shadow 180ms}
body.selected-app #app .brand-flavor>img.product-render{width:100px;height:150px;object-fit:contain;background:transparent;border-radius:0;filter:drop-shadow(0 7px 6px #52216712)}
body.selected-app #app .brand-flavor h2{font-size:24px;line-height:1.25;letter-spacing:-.02em;overflow-wrap:normal;word-break:normal}
body.selected-app #app .brand-flavor p{font-size:18px;line-height:1.5;margin-top:8px;color:#62476a}
body.selected-app #app .brand-flavor.is-added{border-color:#fac2db;box-shadow:inset 0 0 0 1px #e6a3cc,0 10px 24px #43125822}
body.selected-app #app .easy-counter{grid-template-columns:56px minmax(0,1fr) 56px;gap:12px;padding:8px;background:#efdeef;border:1px solid #e1c8e4;min-width:0}
body.selected-app #app .easy-counter button{min-width:56px;min-height:56px;font-size:28px;line-height:1;touch-action:manipulation;transition:transform 140ms var(--ease-pop),background 160ms,box-shadow 160ms}
body.selected-app #app .easy-counter button:disabled{opacity:.55;box-shadow:none}
body.selected-app #app .quantity-input{appearance:textfield;-moz-appearance:textfield;width:100%;min-width:0;height:56px;border:1px solid #c5a3cb;border-radius:12px;background:#fffafd;color:#281331;text-align:center;font-size:25px;font-weight:650;font-variant-numeric:tabular-nums;padding:0 4px}
body.selected-app #app .quantity-input::-webkit-inner-spin-button,body.selected-app #app .quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body.selected-app #app .footer{padding:16px 20px max(16px,env(safe-area-inset-bottom));background:#fff8fc;z-index:10;border-top:1px solid #e4cced;box-shadow:0 -8px 30px #3b134e26;border-radius:24px 24px 0 0}
body.selected-app #app .easy-total{gap:12px}body.selected-app #app .easy-total>span{font-size:16px;color:#62476a;line-height:1.4}
body.selected-app #app .easy-total strong{font-size:34px;line-height:1.25;letter-spacing:-.04em;color:#281331;font-variant-numeric:tabular-nums}
body.selected-app #app .easy-total>b{font-size:28px;line-height:1.1;color:#57216e;text-align:right;font-variant-numeric:tabular-nums}body.selected-app #app .easy-total small{font-size:16px;font-weight:500;line-height:1.5}
body.selected-app #app .easy-minimum{font-size:16px;line-height:1.4;margin:7px 0;color:#62476a}
body.selected-app #app .minimum-track{height:5px;background:#e9d5eb;border-radius:8px;overflow:hidden;margin:9px 0 14px}body.selected-app #app .minimum-track>span{display:block;width:0;height:100%;background:#8b36ae;border-radius:inherit;transition:width 300ms var(--ease-pop)}
body.selected-app #app .primary{min-height:58px;padding:16px 18px;line-height:1.35;font-size:19px;white-space:normal;gap:10px;border-radius:17px;background:linear-gradient(120deg,#ffdfed,#fac0db);color:#3e154d;border:1px solid #d69ab9;box-shadow:inset 0 1px 0 #fff,0 4px 10px #6b287b14;transition:transform 160ms var(--ease-pop),box-shadow 200ms}
body.selected-app #app .primary svg{flex-shrink:0}
body.selected-app #app .secondary{min-height:54px;font-size:18px;line-height:1.4;padding:13px 16px;border-radius:16px}
body.selected-app #app .violet-card{transition:transform 220ms var(--ease-pop),box-shadow 220ms,border-color 180ms;min-width:0;overflow:hidden}
body.selected-app #app .violet-bento .violet-price{font-size:clamp(24px,6.2vw,32px);letter-spacing:-.04em}
body.selected-app #app .violet-level-2 .violet-price{font-size:32px}body.selected-app #app .violet-card.selected{box-shadow:0 0 0 3px #ffcade45,0 10px 28px #42145336}
body.selected-app #app .violet-scene{margin-bottom:22px}body.selected-app #app .violet-scene>img{max-height:270px;object-fit:contain;background:#8123a9}
body.selected-app #app .customer-tabs{gap:12px}body.selected-app #app .customer-tabs button{min-height:58px;padding:15px 18px;line-height:1.4;border-radius:16px}
body.selected-app #app .field{color:#fff4fc;font-size:18px;line-height:1.5}
body.selected-app #app .field input{height:60px;min-width:0;font-size:19px;border:1px solid #dfc4e6;border-radius:15px;padding:12px 16px;transition:box-shadow 180ms,border-color 180ms}
body.selected-app #app .field input:focus{outline:none;border-color:#ffc4dc;box-shadow:0 0 0 4px #ffc4dc33}
body.selected-app #app .reviewcard{padding:22px;border-radius:23px;background:linear-gradient(135deg,#fffafd,#f7eaf5);border:1px solid #e4cce8;box-shadow:0 10px 24px #4312581a}
body.selected-app #app .reviewhead h2{font-size:24px}body.selected-app #app .reviewrow{align-items:start;gap:16px;font-size:18px;padding:12px 0;border-bottom:1px solid #e4cde74d;overflow-wrap:anywhere}
body.selected-app #app .reviewrow>b{white-space:nowrap;font-size:18px}body.selected-app #app .reviewrow small{font-size:16px;line-height:1.45;color:#62476a}
body.selected-app #app .reviewtotal{gap:14px;font-size:17px;flex-wrap:wrap}body.selected-app #app .reviewtotal .price{color:#281331;font-size:32px}
body.selected-app #app .inline{min-height:44px;padding:8px;font-size:17px;color:#752199}body.selected-app #app .content>.minor,body.selected-app #app .hint{color:#f2ddf9;font-size:16px;line-height:1.6}
body.selected-app #app .status{color:#281331;background:#fff5fa;border-color:#dfc4e6;font-size:18px}
body.selected-app #app .order-overview{display:none}body.selected-app #app :is(button,input,a):focus-visible{outline:3px solid #ffbfdf;outline-offset:4px}
body.selected-app #app .brand-flavor :is(button,input):focus-visible,body.selected-app #app .footer :is(button,input):focus-visible{outline-color:#752199}
body.selected-app #app [data-large=true]{font-size:21px}body.selected-app #app[data-large=true] .brand-flavor h2{font-size:28px}body.selected-app #app[data-large=true] .brand-flavor p{font-size:21px}
@media(hover:hover) and (pointer:fine){body.selected-app #app .entry-choice:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #fff,0 18px 32px #43125830}body.selected-app #app .entry-choice:hover .entry-arrow{transform:translateX(4px)}body.selected-app #app .violet-card:hover{transform:translateY(-3px)}body.selected-app #app .primary:hover{box-shadow:inset 0 1px 0 #fff,0 7px 20px #6b287b28}body.selected-app #app .easy-counter button:not(:disabled):hover{box-shadow:0 4px 10px #4a185928}}
body.selected-app #app :is(.primary,.entry-choice,.violet-card,.easy-counter button):active{transform:scale(.98)}
@media(min-width:900px){html{scroll-padding-bottom:32px}body.selected-app{padding:32px}body.selected-app #app{max-width:1160px;min-height:calc(100svh - 64px);border-radius:30px}body.selected-app #app:not(.entry-screen){display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto auto 1fr;align-items:start;padding:8px 30px 32px;column-gap:28px;overflow:clip}body.selected-app #app .easy-top,body.selected-app #app .easy-progress{grid-column:1/-1;padding-left:0;padding-right:0}body.selected-app #app .content{grid-column:1;grid-row:3;min-width:0;padding:0!important}body.selected-app #app .footer{position:sticky;top:24px;left:auto;bottom:auto;transform:none;width:100%;max-width:none;grid-column:2;grid-row:3;border:1px solid #e4cced;border-radius:24px;padding:22px;box-shadow:0 18px 40px #43125825;margin-top:18px;max-height:calc(100svh - 48px);overflow-y:auto}body.selected-app #app .order-overview{display:block;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #e5cfe8;color:#281331}body.selected-app #app .order-overview b{display:block;font-size:24px;letter-spacing:-.03em;line-height:1.3}body.selected-app #app .order-overview span{display:block;font-size:17px;line-height:1.55;color:#62476a;margin-top:8px}body.selected-app #app .intro h1{font-size:38px}body.selected-app #app .intro{margin:16px 0 28px}body.selected-app #app .brand-flavor{grid-template-columns:104px minmax(0,1fr);padding:20px;gap:20px;scroll-margin-bottom:24px}body.selected-app #app .brand-flavor>img.product-render{width:104px;height:152px}body.selected-app #app .brand-flavor .easy-counter{grid-column:2;grid-row:2}body.selected-app #app .brand-flavor>img{grid-row:1/3}body.selected-app #app .brand-flavor h2{font-size:26px}body.selected-app #app .violet-scene>img{max-height:300px}body.selected-app #app .violet-bento{gap:18px}body.selected-app #app.entry-screen{max-width:1160px;min-height:0;padding:16px 24px 28px}body.selected-app #app.entry-screen .entry-main{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:36px;padding:0 14px}body.selected-app #app.entry-screen .entry-heading h1{font-size:46px}body.selected-app #app.entry-screen .entry-choice{min-height:165px;padding:24px}body.selected-app #app .entry-copy b{font-size:28px}body.selected-app #app .entry-copy>span{font-size:19px}}
@media(min-width:1200px){body.selected-app #app:not(.entry-screen){grid-template-columns:minmax(0,1fr) 340px;column-gap:36px;padding-left:36px;padding-right:36px}}
@media(max-width:380px){body.selected-app #app .entry-main{padding-left:16px;padding-right:16px}body.selected-app #app .entry-choice{padding:18px 16px;gap:10px;grid-template-columns:minmax(0,1fr) 40px}body.selected-app #app .entry-arrow{width:40px;height:40px}body.selected-app #app .entry-copy b{font-size:23px}body.selected-app #app .entry-copy>span{font-size:17px}body.selected-app #app .brand-flavor{grid-template-columns:78px minmax(0,1fr);gap:12px;padding:14px}body.selected-app #app .brand-flavor>img.product-render{width:78px;height:134px}body.selected-app #app .brand-flavor h2{font-size:22px}body.selected-app #app .brand-flavor p{font-size:17px}body.selected-app #app .footer{padding-left:16px;padding-right:16px}body.selected-app #app .primary{font-size:18px}body.selected-app #app .reviewcard{padding:17px}}
@media(max-height:500px) and (max-width:899px){body.selected-app #app .footer{position:static;transform:none;left:auto;max-width:none;border-radius:24px;margin-top:16px}body.selected-app #app .content{padding-bottom:24px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body.selected-app #app *,body.selected-app #app *:before,body.selected-app #app *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.selected-app #app :is(.primary,.entry-choice,.violet-card,.easy-counter button):is(:hover,:active){transform:none!important}}
/* V24: a distinct champagne selection; overrides the legacy generic !important rule. */
body.selected-app #app.easy-50 .violet-card.selected{
 background:linear-gradient(135deg,#FFF3CF 0%,#FFE6A3 100%)!important;
 border-color:#F6D270!important;
 color:#3E154D;
 box-shadow:inset 0 1px 0 #ffffffd9,0 0 0 3px #ffe6a338,0 12px 28px #32104038;
}
body.selected-app #app.easy-50 .violet-card.selected .violet-action{color:#3E154D;border-top-color:#c7a34c80}
body.selected-app #app.easy-50 .violet-card.selected .violet-pick{background:#752199;border-color:#752199;color:#fff}
body.selected-app #app.easy-50 .violet-card.selected:focus-visible{outline-color:#fff4fc;outline-offset:5px}

/* Primary ordering action: strong contrast against the light order bar. */
body.selected-app #app .footer .primary{background:linear-gradient(120deg,#25d366,#21c35f);color:#031d12;border:1px solid #12833f;min-height:64px;padding:18px 20px;font-size:21px;font-weight:750;line-height:1.35;letter-spacing:-.2px;text-shadow:none;box-shadow:inset 0 1px 0 #ffffff26,0 5px 0 #12833f,0 10px 20px #12833f24}
body.selected-app #app .footer .primary svg{color:inherit;stroke-width:2.4;width:24px;height:24px;flex-shrink:0}
body.selected-app #app .footer .primary:focus-visible{outline:3px solid #752199;outline-offset:5px}
@media(hover:hover) and (pointer:fine){body.selected-app #app .footer .primary:hover{background:linear-gradient(120deg,#25d366,#21c35f);box-shadow:inset 0 1px 0 #ffffff26,0 5px 0 #0d7137,0 12px 24px #12833f33}}
body.selected-app #app .footer .primary:active{box-shadow:inset 0 1px 0 #ffffff26,0 2px 0 #12833f,0 5px 12px #12833f24}
@media(max-width:380px){body.selected-app #app .footer .primary{font-size:20px;padding:16px 14px;gap:8px}}

/* /color-preview.css */
/* Logo comparison only. Preserve every approved page color. */
.color-comparison{max-width:1160px;margin:0 auto 20px;padding:18px 22px;background:#fff;border:1px solid #e3dce2;border-radius:22px;color:#35252f;font-family:Inter,sans-serif;box-shadow:0 6px 22px #35252f09}
.color-comparison>p{font-size:18px;font-weight:650;margin:0 0 12px}.color-comparison>div{display:flex;gap:10px;flex-wrap:wrap}.color-comparison button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 18px;flex:1;border:1px solid #bdb0ba;border-radius:14px;background:#fff;color:#35252f;font-size:17px;font-weight:550;cursor:pointer}.color-comparison button[aria-pressed=true]{border:2px solid #35252f;background:#f4eff3;padding:10px 17px;box-shadow:0 2px 0 #35252f20}.color-comparison i{width:20px;height:20px;flex:0 0 20px;border-radius:50%;border:1px solid #0002}.color-comparison button:focus-visible{outline:3px solid #752199;outline-offset:3px}
@media(max-width:899px){.color-comparison{max-width:560px;margin:12px auto 16px;padding:16px}.color-comparison>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.color-comparison button{min-width:0;padding:10px;font-size:16px}.color-comparison button[aria-pressed=true]{padding:9px}}

body.selected-app[data-logo-color] #app :is(.entry-header img,.easy-top .logo){filter:url(#hipop-logo-tint)!important}

/* /glass-preview.css */
/* Approval-only experiment. The original application remains unchanged. */
.glass-review{max-width:1160px;margin:0 auto 16px;padding:20px;border:1px solid #e6dbe9;border-radius:22px;background:#fff;color:#3e154d;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font:500 17px/1.4 Inter,sans-serif}
.glass-review p{margin:0;font-size:21px;font-weight:750}.glass-review small{display:block;margin-top:4px;font-size:16px;font-weight:450;color:#68566d}.glass-review>div{display:flex;gap:8px;flex-wrap:wrap}.glass-review button{font:inherit;min-height:48px;border:1px solid #bba9c3;border-radius:14px;padding:10px 18px;background:#fff;color:#49165d;cursor:pointer}.glass-review button[aria-pressed=true],.glass-review button[data-replay]{background:#752199;color:#fff;border-color:#752199}.glass-review button:focus-visible{outline:3px solid #752199;outline-offset:3px}
body:has(.glass-review) .color-comparison{display:none}
.glass-comparison{max-width:1160px;margin:0 auto 24px;padding:24px;background:#78259f;border-radius:28px;display:grid;grid-template-columns:1fr 1fr;gap:24px;color:white}
.glass-comparison h2{font-size:21px;line-height:1.2;margin:0 0 16px;text-align:center;color:#fff}.glass-comparison article{min-width:0}
.comparison-card{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:18px;padding:24px;border-radius:28px;border:2px solid #f6d270;background:linear-gradient(135deg,#fff3cf,#ffe6a3);color:#3e154d;box-shadow:inset 0 1px 0 #ffffffd9,0 0 0 3px #ffe6a338,0 12px 28px #32104038}
.comparison-card .sample-head{display:flex;align-items:center;justify-content:space-between;font-size:30px;font-weight:750;gap:8px}.sample-check{display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#752199;color:#fff;width:36px;height:36px;font-size:24px}.sample-quantity{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.sample-quantity strong{font-size:68px;line-height:1;font-weight:750;letter-spacing:-.04em}.sample-quantity span{font-size:22px}.sample-price{font-size:38px;letter-spacing:-.04em;line-height:1.2}.sample-action{font-size:23px;font-weight:650;padding-top:16px;border-top:1px solid #c7a34c80}
:is(body.selected-app[data-glass-preview=true] #app.easy-50 .violet-card.selected,.glass-comparison .glass-sample){
 isolation:isolate;overflow:hidden;position:relative;
 background:linear-gradient(135deg,#fff9d091 0%,#ffda5e24 35%,#e9991533 76%,#fff2a78c 100%),linear-gradient(160deg,#ffd95cdb,#ffbd24ed)!important;
 border:2px solid #fff3bc!important;color:#381047;
 backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);
 box-shadow:inset 0 2px 1px #fffef5,inset 2px 0 2px #fff1a8bd,inset -2px -3px 3px #a75f3357,0 0 0 4px #ffdc7433,0 18px 30px -10px #23042e99;
 transition:box-shadow 300ms ease,border-color 300ms ease;
}
:is(body.selected-app[data-glass-preview=true] #app.easy-50 .violet-card.selected,.glass-comparison .glass-sample)>*{position:relative;z-index:2;color:#381047}
:is(body.selected-app[data-glass-preview=true] #app.easy-50 .violet-card.selected,.glass-comparison .glass-sample)::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(circle at var(--light-x,15%) var(--light-y,0%),#ffffff9e,transparent 43%),linear-gradient(148deg,#ffffff3b 0%,#ffffff10 27%,transparent 27.5%,transparent 76%,#ffffff40 76.5%,#ffffff08 100%)}
:is(body.selected-app[data-glass-preview=true] #app.easy-50 .violet-card.selected,.glass-comparison .glass-sample)::after{content:"";position:absolute;inset:-40%;pointer-events:none;z-index:1;background:linear-gradient(110deg,transparent 36%,#ffffff19 42%,#ffffffad 49%,#ffffff3b 54%,transparent 63%);transform:translateX(-90%);opacity:0}
:is(body.selected-app[data-glass-preview=true] #app.easy-50 .violet-card.selected,.glass-comparison .glass-sample).glass-arrive::after{animation:hipop-reflection 1400ms cubic-bezier(.16,1,.3,1) both}
:is(body.selected-app[data-glass-preview=true] #app.easy-50 .violet-card.selected,.glass-comparison .glass-sample).glass-arrive{animation:hipop-edge 1400ms ease-out both}
body.selected-app[data-glass-preview=true] #app.easy-50 .violet-card.selected .violet-action{color:#381047;border-top-color:#93601e66;text-shadow:none}
body.selected-app[data-glass-preview=true] #app.easy-50 .violet-card.selected .violet-quantity>*{color:#381047}
:is(body.selected-app[data-glass-preview=true] #app.easy-50 .violet-card.selected .violet-pick,.glass-comparison .glass-sample .sample-check){background:linear-gradient(145deg,#9134b7,#591379);border:1px solid #ffffff96;color:#fff;box-shadow:inset 0 1px 0 #ffffff7a,0 4px 10px #4a19554d}
body.selected-app[data-glass-preview=true] #app.easy-50 .violet-card.selected:focus-visible{outline:3px solid #fff;outline-offset:6px}
@keyframes hipop-reflection{0%{transform:translateX(-90%);opacity:0}15%{opacity:1}100%{transform:translateX(90%);opacity:0}}
@keyframes hipop-edge{0%,100%{outline:1px solid #ffe7ab00;outline-offset:0}38%{outline:3px solid #ffe7ab99;outline-offset:5px}}
@media(max-width:899px){.glass-review,.glass-comparison{max-width:560px;margin:12px auto 16px}.glass-review{padding:16px}.glass-review>div{width:100%}.glass-review button{flex:1;padding:10px 12px}.glass-review button[data-replay]{flex-basis:100%}.glass-comparison{gap:12px;padding:18px 12px;border-radius:22px}.glass-comparison h2{font-size:18px}.comparison-card{padding:16px 12px;gap:16px;border-radius:22px}.comparison-card .sample-head{font-size:23px}.sample-check{width:26px;height:26px;font-size:18px}.sample-quantity{gap:6px}.sample-quantity strong{font-size:52px}.sample-quantity span{font-size:18px}.sample-price{font-size:clamp(23px,6.1vw,32px)}.sample-action{font-size:18px;padding-top:12px}}
@media(prefers-reduced-motion:reduce){.glass-comparison *,body.selected-app[data-glass-preview=true] #app.easy-50 .violet-card{transition:none!important;animation:none!important}.glass-comparison *::after,.glass-comparison *::before,body.selected-app[data-glass-preview=true] #app.easy-50 .violet-card.selected::after{animation:none!important}}

/* /fixed-combos.css */
.combo-fixed-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.combo-fixed-heading h2{margin:0;font-size:26px}.combo-fixed-heading>strong{font-size:32px;letter-spacing:-.03em}.combo-fixed-note{font-size:19px;margin:12px 0 20px}.combo-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 24px}.combo-categories>div{border:1px solid #ddcbe5;border-radius:16px;padding:14px 10px;background:#f8effc;text-align:center;color:#381047}.combo-categories dt{font-size:18px}.combo-categories dd{margin:8px 0 0;font-weight:750;font-size:30px;line-height:1.15}.combo-categories small{display:block;font-size:16px;font-weight:450;margin-top:5px}.combo-breakdown{margin:16px 0 22px;color:#381047}.combo-breakdown>summary{min-height:48px;padding:12px 0;font-size:19px;font-weight:650;cursor:pointer;line-height:1.4}.combo-breakdown>summary:focus-visible{outline:3px solid #752199;outline-offset:4px;border-radius:6px}.combo-lines{list-style:none;margin:8px 0;padding:0}.combo-lines li{display:grid;grid-template-columns:minmax(0,1fr) 62px auto;gap:10px;align-items:center;padding:16px 0;border-top:1px solid #e4d8e9;font-size:18px}.combo-lines b{font-weight:650;overflow-wrap:anywhere}.combo-lines small{display:block;font-size:16px;line-height:1.5;font-weight:450;color:#65546a;margin-top:3px}.combo-quantity{text-align:center;font-size:24px;font-weight:700}.combo-lines strong{font-size:18px;white-space:nowrap}.combo-fixed .easy-outline{margin-top:6px}.combo-fixed,.combo-breakdown{max-width:100%}#app[data-large=true] .combo-lines li{grid-template-columns:minmax(0,1fr) auto}#app[data-large=true] .combo-lines li>strong{grid-column:1/-1}#app[data-large=true] .combo-lines b{font-size:23px}#app[data-large=true] .combo-lines small{font-size:20px}@media(max-width:380px){.combo-lines li{grid-template-columns:minmax(0,1fr) 52px;gap:8px}.combo-lines li>strong{grid-column:1/-1}.combo-categories{gap:6px}.combo-categories>div{padding:12px 5px}}

/* Benefits are separate from the paid assortment and never change totals(). */
#app .combo-card-benefits,.design-lab .combo-card-benefits{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:14px 12px;border:1px solid #dec6e3;border-radius:14px;background:#fff9fc;color:#421453;font-size:17px;line-height:1.35;text-align:left;letter-spacing:0;position:relative;z-index:1}
#app .combo-card-benefits>strong,.design-lab .combo-card-benefits>strong{font-size:19px;font-weight:750;color:#571a6d}
#app .combo-delivered,.design-lab .combo-delivered{font-size:16px;font-weight:650;border-top:1px solid #ddc8e2;width:100%;padding-top:8px;margin-top:2px}
#app .violet-card.selected .combo-card-benefits,.design-lab .selected .combo-card-benefits{background:#fff7e9e8;border-color:#c69536;color:#381047;box-shadow:inset 0 1px 0 #fff}
#app .combo-benefit-summary{padding:18px 20px;margin:20px 0;border:1px solid #d6ac4c;border-radius:18px;background:linear-gradient(120deg,#fff6de,#ffedb3);color:#381047}
#app .combo-benefit-summary h3{font-size:21px;margin:0 0 10px;font-weight:750}
#app .combo-benefit-summary p{font-size:19px;line-height:1.5;margin:0}
#app .combo-benefit-summary .combo-receive{border-top:1px solid #dab867;padding-top:10px;margin-top:12px}
#app[data-large=true] .combo-card-benefits,#app[data-large=true] .combo-delivered{font-size:20px}
#app[data-large=true] .combo-card-benefits>strong{font-size:23px}
@media(max-width:440px){body.selected-app #app.easy-50 .violet-bento{grid-template-columns:minmax(0,1fr)}body.selected-app #app.easy-50 .violet-card{grid-template-columns:minmax(0,1fr) auto;padding:20px;gap:14px}body.selected-app #app.easy-50 .violet-card.selected{padding:19px}body.selected-app #app.easy-50 .violet-card-head,body.selected-app #app.easy-50 .violet-action{grid-column:1/-1}body.selected-app #app.easy-50 .violet-quantity{display:flex;align-items:baseline}body.selected-app #app.easy-50 .violet-price{font-size:30px}body.selected-app #app.easy-50 .violet-quantity strong{font-size:40px}#app .combo-card-benefits{padding:14px 16px}}
@media(max-width:360px){body.selected-app #app.easy-50 .violet-price{font-size:26px}body.selected-app #app.easy-50 .violet-quantity strong{font-size:34px}}

/* /violet-light.css */
/* Approved violet light background; comparison controls remain on the preview route only. */
.light-preview-bar{max-width:1160px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;font-family:Inter,system-ui,sans-serif;color:#48165e}
.light-preview-bar button,.light-preview-bar a{font:600 16px/1.3 Inter,system-ui,sans-serif;min-height:46px;padding:11px 18px;border-radius:24px;border:1px solid #ceb8d8;background:#fff;color:#48165e;cursor:pointer;text-decoration:none}
.light-preview-bar button[aria-pressed=true]{background:#752199;border-color:#752199;color:#fff}
.light-preview-bar :focus-visible{outline:3px solid #752199;outline-offset:3px}
body.selected-app[data-violet-light=true] #app{isolation:isolate;position:relative;background:radial-gradient(ellipse at 8% 0%,#9239b6 0%,transparent 51%),radial-gradient(ellipse at 100% 72%,#8b31ae 0%,transparent 52%),linear-gradient(145deg,#662080 0%,#78259f 48%,#581773 100%)!important}
body.selected-app[data-violet-light=true] #app::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 12% 8%,#ffc4dc1a 0%,transparent 44%);opacity:.75;animation:violet-light-breathe 12s ease-in-out infinite alternate}
@keyframes violet-light-breathe{from{opacity:.28}to{opacity:1}}
body[data-violet-light-paused=true] #app::before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){body.selected-app[data-violet-light=true] #app::before{animation:none!important;opacity:.65}}
@media(max-width:899px){.light-preview-bar{padding:12px 10px 0;gap:8px;margin-bottom:12px}.light-preview-bar button,.light-preview-bar a{font-size:15px;padding:10px 13px}}

/* /order-api.css */
body.selected-app #app .field select{width:100%;min-height:56px;font:500 18px/1.4 Inter,system-ui,sans-serif;padding:14px;border:1px solid #bfa8c9;border-radius:14px;color:#32153f;background:#fff}
body.selected-app #app .api-help{font-size:16px;line-height:1.5;color:#5b4265;margin:0 0 14px}
body.selected-app #app #client .api-help{color:#f6e9fb;margin:0}
body.selected-app #app .api-receipt{background:#edfff3;color:#104c2a;border:1px solid #9cd5b0;border-radius:24px;padding:24px;margin:16px 0 24px}
body.selected-app #app .api-receipt h2{font-size:28px;line-height:1.2;margin:12px 0}
body.selected-app #app .api-receipt p{font-size:18px;line-height:1.5;margin:8px 0}
.api-receipt-check{display:grid;place-items:center;border-radius:50%;width:42px;height:42px;background:#087b43;color:#fff;font-size:28px}
body.selected-app #app .primary:disabled{opacity:.8;cursor:wait}
body.selected-app #app .api-copy-text{width:100%;min-height:260px;font:16px/1.5 Inter,system-ui,sans-serif;border-radius:16px;padding:16px;background:#fff;color:#32153f}

/* R51: choosing the customer type is a separate screen before either form. */
body.selected-app #app .customer-choice-screen{max-width:900px;margin:30px auto 60px}
body.selected-app #app .customer-choice-screen .intro{text-align:left;margin:0 0 28px}
body.selected-app #app .customer-choice-screen h1{text-align:left;font-size:clamp(28px,3.3vw,44px);line-height:1.15;letter-spacing:-.04em;color:#fff;max-width:650px}
body.selected-app #app .customer-choice-screen .intro p{font-size:18px;line-height:1.5;margin:16px 0 0;color:#f5e8fc}
body.selected-app #app .customer-choices{display:grid;grid-template-columns:1fr 1fr;gap:20px}
body.selected-app #app .customer-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;min-height:160px;padding:28px;border:1px solid #ffffffab;border-radius:24px;background:linear-gradient(130deg,#fffaf5,#f6eaf8);color:#381047;box-shadow:0 12px 28px -16px #23042e80;cursor:pointer;transition:background .18s,box-shadow .18s}
body.selected-app #app .customer-choice>span:first-child{min-width:0}
body.selected-app #app .customer-choice b{display:block;font-size:25px;line-height:1.2;letter-spacing:-.025em}
body.selected-app #app .customer-choice small{display:block;font-size:16px;line-height:1.5;margin-top:12px;color:#694c73}
body.selected-app #app .customer-choice-arrow{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;border:1px solid #e8c877;background:linear-gradient(120deg,#fff2c8,#f2d481);color:#563b14}
body.selected-app #app .customer-choice-arrow svg{width:22px;height:22px;color:inherit}
body.selected-app #app .customer-choice:hover,body.selected-app #app .customer-choice:focus-visible{background:linear-gradient(120deg,#fff5d5,#f6dc97);box-shadow:0 12px 28px -14px #23042e80}
body.selected-app #app .customer-choice:focus-visible{outline:3px solid #fff3bc;outline-offset:5px}
body.selected-app #app.stage3 #client{margin-top:28px}
body.selected-app #app[data-large=true] .customer-choice small{font-size:20px}
body.selected-app #app:has(.customer-choice-screen) .content{padding-bottom:30px!important}
@media(min-width:900px){body.selected-app #app:has(.customer-choice-screen)>.content{grid-column:1/-1}}
@media(max-width:699px){
 body.selected-app #app .customer-choice-screen{margin:24px 0 36px}
 body.selected-app #app .customer-choices{grid-template-columns:1fr;gap:14px}
 body.selected-app #app .customer-choice{padding:24px 20px;min-height:130px;border-radius:22px}
 body.selected-app #app .customer-choice b{font-size:23px}
 body.selected-app #app .customer-choice small{font-size:16px;margin-top:8px}
 body.selected-app #app .customer-choice-screen .intro p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){body.selected-app #app .customer-choice{transition:none}}

/* R56: a saved order and the WhatsApp handoff are separate actions. */
body.selected-app #app .api-receipt{margin:0;padding:clamp(24px,4vw,48px);border:1px solid #f9dbef;border-radius:28px;background:linear-gradient(145deg,#fff8fc,#f5deee 58%,#e8d9fa);color:#391247;box-shadow:0 20px 60px -35px #21032f88}
body.selected-app #app .api-receipt-check{width:54px;height:54px;background:#75249a;color:#fff4dc;box-shadow:0 5px 18px -8px #75249a80;font-size:30px}
body.selected-app #app .api-receipt .api-receipt-label{font-size:12px;font-weight:700;letter-spacing:.14em;margin:26px 0 12px;color:#6c377b}
body.selected-app #app .api-receipt h1{font-size:clamp(30px,3.5vw,48px);line-height:1.08;letter-spacing:-.045em;text-align:left;color:#391247;max-width:540px;margin:0;outline:none}
body.selected-app #app .api-receipt .api-receipt-number{display:inline-block;font-size:16px;font-weight:600;margin:20px 0 28px;border:1px solid #d2afd9;border-radius:999px;padding:8px 14px;color:#5e2874;background:#fff9fd80}
body.selected-app #app .api-receipt-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px 0;border-top:1px solid #d8bddf;border-bottom:1px solid #d8bddf;font-size:18px}
body.selected-app #app .api-receipt-summary>span:last-child{text-align:right}
body.selected-app #app .api-receipt-summary b{font-size:clamp(26px,2.6vw,36px);font-weight:600;letter-spacing:-.035em}
body.selected-app #app .api-receipt-summary small{display:block;font-size:14px;line-height:1.5;margin-top:6px;color:#684472}
body.selected-app #app .api-receipt .api-receipt-note{font-size:16px;margin:24px 0 0;max-width:420px;line-height:1.55;color:#684472}
body.selected-app #app .api-next-step h2{font-size:26px;line-height:1.15;margin:12px 0 18px;letter-spacing:-.035em;color:#391247;text-align:left}
body.selected-app #app .api-next-label{font-size:11px;font-weight:700;letter-spacing:.14em;color:#6c377b}
body.selected-app #app .api-whatsapp{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;text-align:center;min-height:60px;width:100%}
body.selected-app #app .api-next-note{font-size:13px;line-height:1.5;color:#684472;margin:18px 0}
body.selected-app #app .api-next-step .inline{display:block;margin:12px auto 0;color:#642380;text-align:center}
body.selected-app #app:has(.api-receipt) .content>.status{font-size:15px;line-height:1.5;color:#fff6ff;padding:16px 0}
body.selected-app #app:has(.api-receipt) .content{padding-top:0!important}
@media(max-width:899px){body.selected-app #app:has(.api-receipt)>.footer{position:static!important;margin-top:20px!important}body.selected-app #app:has(.api-receipt)>.content{padding-bottom:0!important}}
@media(max-width:380px){body.selected-app #app .api-receipt{padding:24px 20px}body.selected-app #app .api-receipt-summary{font-size:16px;gap:10px}body.selected-app #app .api-receipt-summary b{font-size:26px}}

/* /emerald-cta.css */
/* Approved dark green CTA: emerald depth, white type, quiet surface light. */
body.selected-app:not([data-button-option="naranja"]) #app .footer .primary{
 background:radial-gradient(ellipse at 18% 0%,#ffffff14,transparent 62%),linear-gradient(115deg,#0c7851 0%,#096a49 55%,#07593f 100%)!important;
 background-size:140% 100%!important;background-position:0% 50%!important;
 color:#fff!important;border:1px solid #399474!important;
 box-shadow:inset 0 1px 0 #ffffff38,inset 0 -1px 0 #03473080,0 8px 22px #064f392e!important;
 text-shadow:0 1px 1px #043d3526;
 transition:background-position .32s ease,box-shadow .2s ease,transform .18s ease;
}
body.selected-app:not([data-button-option="naranja"]) #app .footer .primary svg{color:#fff!important}
@media(hover:hover) and (pointer:fine){
 body.selected-app:not([data-button-option="naranja"]) #app .footer .primary:hover:not(:disabled){background-position:100% 50%!important;box-shadow:inset 0 1px 0 #ffffff45,inset 0 -1px 0 #03473080,0 11px 26px #064f3938!important;transform:translateY(-1px)}
}
body.selected-app:not([data-button-option="naranja"]) #app .footer .primary:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 3px #03473040,0 3px 10px #064f3920!important}
body.selected-app:not([data-button-option="naranja"]) #app .footer .primary:focus-visible{outline:3px solid #752199;outline-offset:5px}
@media(prefers-reduced-motion:reduce){body.selected-app:not([data-button-option="naranja"]) #app .footer .primary{transition:none;transform:none!important}}

/* /site-fixes.css */
/* Revision 42: explicit contrast and desktop layout; mobile order flow retained. */
body.selected-app #app .reviewcard{color:#381047}
body.selected-app #app .reviewcard .easy-outline,body.selected-app #app .sheet .easy-outline{color:#571a6d!important;background:#fff!important;border:1px solid #9b65ad!important;min-height:52px;padding:13px 18px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:14px;font-size:18px;line-height:1.4}
body.selected-app #app .reviewcard .easy-outline svg{color:inherit!important}
body.selected-app #app .reviewcard .easy-outline:hover{background:#f0dff6!important;color:#381047!important}
body.selected-app #app .reviewcard .easy-outline:active{background:#e5c9ef!important}
body.selected-app #app .reviewcard :is(button,summary):focus-visible{outline:3px solid #752199;outline-offset:4px}
body.selected-app #app .combo-breakdown{border:1px solid #d4b9df;border-radius:16px;background:#fff9fd;padding:0 16px}
body.selected-app #app .combo-breakdown>summary{color:#48165e;padding:16px 0;line-height:1.4}
body.selected-app #app .combo-lines{margin:0 0 12px}
body.selected-app #app .combo-lines li{min-width:0}
@media(min-width:900px){
 body.selected-app{padding:24px}
 body.selected-app #app:not(.entry-screen){grid-template-columns:minmax(0,1fr) 300px;column-gap:24px;padding:8px 28px 32px;grid-template-rows:auto auto auto;min-height:calc(100svh - 48px)}
 body.selected-app #app .easy-top{padding-top:12px}
 body.selected-app #app .easy-progress{padding-top:10px;padding-bottom:14px}
 body.selected-app #app .intro{margin:10px 0 20px;text-align:left}
 body.selected-app #app .intro h1{font-size:32px}
 body.selected-app #app .violet-scene{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;margin:0 0 20px;background:#732299;border-radius:20px;overflow:hidden}
 body.selected-app #app .violet-scene>img{width:200px;height:134px;max-height:none;object-fit:contain}
 body.selected-app #app .violet-scene figcaption{background:transparent;padding:20px;text-align:left;font-size:18px;line-height:1.5}
 body.selected-app #app.easy-50 .violet-bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
 body.selected-app #app.easy-50 .violet-card,body.selected-app #app.easy-50 .violet-card.selected{grid-column:auto;display:flex;flex-direction:column;align-items:stretch;gap:15px;padding:18px 14px;min-height:320px}
 body.selected-app #app.easy-50 .violet-card-head{gap:6px;min-height:32px}
 body.selected-app #app.easy-50 .violet-card-head b{font-size:23px}
 body.selected-app #app.easy-50 .violet-quantity{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
 body.selected-app #app.easy-50 .violet-quantity strong{font-size:42px;line-height:1}
 body.selected-app #app.easy-50 .violet-quantity span{font-size:17px}
 body.selected-app #app.easy-50 .violet-price,body.selected-app #app.easy-50 .violet-level-2 .violet-price{font-size:26px;white-space:nowrap}
 body.selected-app #app .combo-card-benefits{padding:10px;font-size:15px;gap:6px}
 body.selected-app #app .combo-card-benefits>strong{font-size:16px}
 body.selected-app #app .combo-delivered{font-size:14px}
 body.selected-app #app.easy-50 .violet-action{font-size:16px;margin-top:auto;min-height:42px}
 body.selected-app #app .footer{top:20px;padding:20px;margin-top:12px}
 body.selected-app #app .footer .primary{font-size:18px;padding:16px 12px;min-height:60px}
 body.selected-app #app .combo-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
 body.selected-app #app .combo-lines li{grid-template-columns:minmax(0,1fr) 48px;font-size:17px;gap:6px;padding:14px 0}
 body.selected-app #app .combo-lines li>strong{grid-column:1/-1;font-size:17px}
 body.selected-app #app .combo-lines small{font-size:15px}
 body.selected-app #app .brand-flavors{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 body.selected-app #app .brand-flavor{grid-template-columns:72px minmax(0,1fr);gap:10px;padding:14px}
 body.selected-app #app .brand-flavor>img.product-render{width:72px;height:120px;grid-row:1}
 body.selected-app #app .brand-flavor h2{font-size:21px}
 body.selected-app #app .brand-flavor p{font-size:16px}
 body.selected-app #app .brand-flavor .easy-counter{grid-column:1/-1;grid-row:auto;grid-template-columns:46px minmax(0,1fr) 46px;gap:8px;padding:6px}
 body.selected-app #app .easy-counter button{min-width:46px;min-height:46px}
 body.selected-app #app .quantity-input{height:46px;font-size:23px}
}
@media(min-width:900px) and (max-width:1099px){body.selected-app #app:not(.entry-screen){grid-template-columns:minmax(0,1fr) 260px;gap:16px;padding-left:20px;padding-right:20px}body.selected-app #app.easy-50 .violet-card,body.selected-app #app.easy-50 .violet-card.selected{padding:16px 10px}body.selected-app #app.easy-50 .violet-price{font-size:22px}body.selected-app #app .brand-flavors{grid-template-columns:1fr}}

/* R44: full viewport background, fluid inner gutters and tablet layout. */
html{background:#662080}
body.selected-app{margin:0;padding:0;background:#662080;min-width:0}
body.selected-app #app,body.selected-app #app.entry-screen{
 width:100%;max-width:none;margin:0;min-height:100svh;border-radius:0;box-shadow:none;
 --page-gutter:clamp(20px,4vw,64px);
}
body.selected-app #app .content,body.selected-app #app .entry-main{min-width:0}
@media(max-width:899px){
 body.selected-app #app .footer{width:100%;max-width:none;left:0;right:0;transform:none}
}
@media(min-width:600px) and (max-width:899px){
 body.selected-app #app .content{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
 body.selected-app #app .easy-top,body.selected-app #app .easy-progress{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
 body.selected-app #app .entry-main{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
 body.selected-app #app.entry-screen .entry-choices{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px}
 body.selected-app #app.entry-screen .entry-choice{padding:20px;grid-template-columns:minmax(0,1fr) 40px;gap:10px}
 body.selected-app #app.entry-screen .entry-copy b{font-size:24px}
 body.selected-app #app.entry-screen .entry-copy>span{font-size:17px}
 body.selected-app #app.entry-screen .entry-arrow{width:40px;height:40px}
 body.selected-app #app.entry-screen .entry-product-scene{max-width:580px;margin-left:auto;margin-right:auto}
 body.selected-app #app .footer{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
 body.selected-app #app .violet-scene>img{height:240px;max-height:240px}
}
@media(min-width:700px) and (max-width:899px){
 body.selected-app #app .brand-flavors{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 body.selected-app #app .brand-flavor{grid-template-columns:72px minmax(0,1fr);padding:16px;gap:12px}
 body.selected-app #app .brand-flavor>img.product-render{width:72px;height:120px;grid-row:1}
 body.selected-app #app .brand-flavor h2{font-size:22px}
 body.selected-app #app .brand-flavor p{font-size:17px}
 body.selected-app #app .brand-flavor .easy-counter{grid-column:1/-1;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px}
 body.selected-app #app .easy-counter button{min-width:48px;min-height:48px}
 body.selected-app #app .quantity-input{height:48px}
}
@media(min-width:900px){
 body.selected-app #app,body.selected-app #app.entry-screen{--page-gutter:max(clamp(24px,4vw,64px),calc((100vw - 1440px)/2))}
 body.selected-app #app:not(.entry-screen){padding:16px var(--page-gutter) 40px;min-height:100svh;grid-template-columns:minmax(0,1fr) clamp(260px,24vw,340px);column-gap:clamp(20px,2.5vw,40px);grid-template-rows:auto auto 1fr}
 body.selected-app #app.entry-screen{display:flex;flex-direction:column;padding:20px var(--page-gutter) 40px;min-height:100svh}
 body.selected-app #app.entry-screen .entry-header{padding:10px 0 20px;width:100%;max-width:1280px;margin:0 auto}
 body.selected-app #app.entry-screen .entry-main{padding:0;width:100%;max-width:1280px;margin:auto;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
 body.selected-app #app.entry-screen .entry-heading{margin-top:12px}
 body.selected-app #app .footer{max-width:none;left:auto;right:auto;transform:none}
 body.selected-app #app .content{padding:0!important}
}
@media(min-width:1500px){body.selected-app #app .brand-flavors{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* R47: customer type selection uses the approved golden combo palette. */
body.selected-app #app .customer-tabs button.on{
 background:linear-gradient(135deg,#fff9d091 0%,#ffda5e24 35%,#e9991533 76%,#fff2a78c 100%),linear-gradient(160deg,#ffd95cdb,#ffbd24ed)!important;
 border:2px solid #fff3bc!important;color:#381047!important;font-weight:600;
 box-shadow:inset 0 2px 1px #fffef5,inset 2px 0 2px #fff1a8bd,inset -2px -3px 3px #a75f3357,0 0 0 3px #ffdc7433,0 8px 16px -8px #23042e99;
}
body.selected-app #app .customer-tabs button:focus-visible{outline:3px solid #fff3bc;outline-offset:5px}

/* R48: desktop header and catalog alignment. Mobile/tablet rules stay unchanged. */
@media(min-width:900px){
 body.selected-app #app:not(.entry-screen){grid-template-rows:auto 1fr;row-gap:0}
 body.selected-app #app:not(.entry-screen)>.easy-top{
  grid-column:1/-1;grid-row:1;height:76px;padding:0;margin:0 0 12px;
  border-bottom:1px solid #ffffff30;align-items:center;
 }
 body.selected-app #app:not(.entry-screen)>.easy-top .logo{width:96px;height:64px}
 body.selected-app #app:not(.entry-screen)>.easy-top .type-toggle{min-height:44px;padding:9px 16px;font-size:16px}
 body.selected-app #app:not(.entry-screen)>.easy-progress{
  grid-column:1/-1;grid-row:1;align-self:center;justify-self:end;
  width:auto;gap:16px;margin:0 0 12px;padding:10px 18px;
  border:1px solid #ffffff30;border-radius:999px;background:#ffffff0d;
  font-size:15px;line-height:1.4;
 }
 body.selected-app #app:not(.entry-screen)>.easy-progress>span{border-right:1px solid #ffffff40;padding-right:16px}
 body.selected-app #app:not(.entry-screen)>.content{grid-row:2}
 body.selected-app #app:not(.entry-screen)>.footer{grid-row:2}
 body.selected-app #app:has(.brand-flavors){grid-template-rows:auto auto auto 1fr}
 body.selected-app #app:has(.brand-flavors)>.content{display:contents}
 body.selected-app #app:has(.brand-flavors)>.content>.entry-return{
  grid-column:1;grid-row:2;justify-self:start;min-height:40px;padding:8px 0;margin:0;
  font-size:15px;
 }
 body.selected-app #app:has(.brand-flavors)>.content>.intro{
  grid-column:1;grid-row:3;text-align:left;margin:0 0 18px;
 }
 body.selected-app #app:has(.brand-flavors)>.content>.intro h1{font-size:36px;line-height:1.16;text-align:left}
 body.selected-app #app:has(.brand-flavors)>.content>.brand-flavors{grid-column:1;grid-row:4}
 body.selected-app #app:has(.brand-flavors)>.footer{
  grid-column:2;grid-row:4;align-self:start;margin:0;position:sticky;top:24px;
 }
}

/* /combo-celebration.css */
/* R50: art-directed product composition; official photographs, no decorative stars. */
body.selected-app #app .combo-celebration{display:grid;gap:16px;color:#381047;min-width:0}
body.selected-app #app .combo-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:12px;padding:30px;border:1px solid #fff7fb;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at 82% 18%,#ffc5d7 0%,#ffd7e566,transparent 65%),linear-gradient(125deg,#fff9f4 3%,#f9e9f6 52%,#ead9fa);box-shadow:0 18px 44px -18px #26073866,inset 0 1px 0 #fff}
body.selected-app #app .combo-hero-copy{position:relative;z-index:2;min-width:0}
body.selected-app #app .combo-selected-label{display:inline-flex;align-items:center;gap:7px;margin:0 0 18px;padding:7px 10px;border:1px solid #e8c877;border-radius:999px;color:#594016;background:linear-gradient(110deg,#fff3cd,#f6df9e);font-size:13px;font-weight:650;box-shadow:inset 0 1px 0 #fff9}
body.selected-app #app .combo-selected-label svg{width:16px;height:16px;color:inherit}
body.selected-app #app .combo-hero h1{margin:0;color:#381047;font-size:25px;line-height:1.12;letter-spacing:-.035em;font-weight:500;text-align:left}
body.selected-app #app .combo-hero h1 strong{display:block;font-size:72px;font-weight:800;line-height:1.03;letter-spacing:-.06em;margin-top:6px}
body.selected-app #app .combo-hero-copy>p{margin:13px 0 0;font-size:17px;line-height:1.5;color:#633e72;max-width:210px}
body.selected-app #app .combo-price-strip{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;margin-top:6px;border-top:1px solid #69417326;position:relative;z-index:2}
body.selected-app #app .combo-price-strip>span{font-size:20px;font-weight:600;line-height:1.4}
body.selected-app #app .combo-price-strip>strong{font-size:37px;line-height:1;letter-spacing:-.055em;font-weight:800;white-space:nowrap}
body.selected-app #app .combo-product-party{position:relative;min-width:0;height:245px;isolation:isolate}
body.selected-app #app .combo-product-party::before{content:"";position:absolute;inset:10px -15px -10px;border-radius:50%;background:radial-gradient(ellipse,#fff6d966,#ff9ac729 42%,transparent 70%);z-index:-1;pointer-events:none}
body.selected-app #app .combo-product-party img{position:absolute;object-fit:contain;max-width:none;height:248px;width:165px;left:50%;top:0;filter:drop-shadow(2px 5px 3px #5e216e12) drop-shadow(10px 18px 12px #7d35582b);transform-origin:50% 88%;animation:combo-pop-in .75s cubic-bezier(.2,.8,.3,1) both}
body.selected-app #app .combo-product-party .party-pop-0{--pop-turn:-15deg;--pop-x:-106%;--pop-y:12px;transform:translate(var(--pop-x),var(--pop-y)) rotate(var(--pop-turn));z-index:2}
body.selected-app #app .combo-product-party .party-pop-1{--pop-turn:12deg;--pop-x:0%;--pop-y:3px;transform:translate(var(--pop-x),var(--pop-y)) rotate(var(--pop-turn));z-index:1;animation-delay:.06s}
body.selected-app #app .combo-product-party .party-pop-2{--pop-turn:-3deg;--pop-x:-52%;--pop-y:-10px;transform:translate(var(--pop-x),var(--pop-y)) rotate(var(--pop-turn));z-index:3;animation-delay:.12s}
body.selected-app #app .combo-rewards{position:relative;isolation:isolate;overflow:hidden;border:1px solid #ff8fc5;border-radius:25px;padding:22px 24px;background:radial-gradient(ellipse at 100% 0%,#ff63ae88,transparent 65%),linear-gradient(115deg,#a60c65,#c51679);color:#fff;box-shadow:0 12px 30px #320e3f22}
body.selected-app #app .combo-rewards h3{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:23px;font-weight:750;letter-spacing:-.03em;color:#fff;line-height:1.25}
body.selected-app #app .combo-rewards h3 svg{flex:none;width:28px;height:28px;fill:none;stroke:#ffe29b;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.selected-app #app .combo-gifts{display:grid;grid-template-columns:1fr 1fr;gap:20px}
body.selected-app #app .combo-gift{display:flex;gap:12px;align-items:center;min-width:0}
body.selected-app #app .combo-gift+.combo-gift{border-left:1px solid #ffffff45;padding-left:20px}
body.selected-app #app .combo-gift>strong{font-size:55px;line-height:1;font-weight:800;letter-spacing:-.065em;color:#fff0b4}
body.selected-app #app .combo-gift>span{font-size:18px;line-height:1.35;font-weight:600;max-width:135px}
body.selected-app #app .combo-gift small{display:block;font-size:15px;font-weight:400;margin-top:2px;color:#fff2f8}
body.selected-app #app .combo-rewards .combo-receive{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:19px 0 0;padding:13px 16px;border-radius:13px;background:#ffffff;color:#681042;font-size:16px;line-height:1.4}
body.selected-app #app .combo-receive b{font-size:20px;letter-spacing:-.03em}
body.selected-app #app .combo-category-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0}
body.selected-app #app .combo-category-strip>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:17px 18px;border-radius:17px;background:#e5f6cb;color:#304b20;border:1px solid #f3ffe4}
body.selected-app #app .combo-category-strip>div:nth-child(2){background:#ffe1d9;color:#733327;border-color:#fff0e7}
body.selected-app #app .combo-category-strip>div:nth-child(3){background:#e5ddff;color:#4d3286;border-color:#f4efff}
body.selected-app #app .combo-category-strip dt{font-size:16px;font-weight:600}
body.selected-app #app .combo-category-strip dd{font-size:28px;line-height:1;margin:0;font-weight:750;letter-spacing:-.04em}
body.selected-app #app .combo-category-strip small{grid-column:1/-1;font-size:13px;opacity:.85}
body.selected-app #app .combo-detail-controls{border:1px solid #ffffff45;border-radius:22px;padding:3px 20px 16px;background:#ffffff0d}
body.selected-app #app .combo-celebration .combo-breakdown{border:0;border-radius:0;background:transparent;margin:0;padding:0;color:#fff}
body.selected-app #app .combo-celebration .combo-breakdown>summary{padding:17px 0;color:#fff;font-size:16px;font-weight:600;line-height:1.5}
body.selected-app #app .combo-celebration .combo-lines{margin:0 0 10px}
body.selected-app #app .combo-celebration .combo-lines li{border-color:#ffffff30;color:#fff}
body.selected-app #app .combo-celebration .combo-lines small{color:#f3dcff}
body.selected-app #app .combo-fixed-note{font-size:14px;margin:0 0 14px;line-height:1.5;color:#f1dcfa}
body.selected-app #app .combo-celebration .easy-outline{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;padding:12px 16px;border-radius:13px;background:#fff8fc;color:#55206b;border:1px solid #fff8fc;font-size:16px;font-weight:600}
body.selected-app #app .combo-celebration .easy-outline svg{width:20px;height:20px;color:inherit}
body.selected-app #app .combo-celebration :is(button,summary):focus-visible{outline:3px solid #ffe399;outline-offset:4px}
body.selected-app #app:has(.combo-celebration) .minimum-track,body.selected-app #app:has(.combo-celebration) .easy-minimum{display:none}
body.selected-app #app:has(.combo-celebration) .footer .primary{margin-top:16px}
body.selected-app #app[data-large=true] .combo-hero-copy>p{font-size:21px}
body.selected-app #app[data-large=true] .combo-gift>span{font-size:21px}
body.selected-app #app[data-large=true] .combo-fixed-note{font-size:18px}
body.selected-app #app[data-large=true] .combo-breakdown>summary{font-size:20px}
@media(min-width:900px){
 body.selected-app #app:has(.combo-celebration){grid-template-rows:auto auto 1fr}
 body.selected-app #app:has(.combo-celebration)>.content{display:contents}
 body.selected-app #app:has(.combo-celebration)>.content>.entry-return{grid-column:1;grid-row:2;justify-self:start;margin:0 0 12px;padding:8px 0;min-height:40px;font-size:15px}
 body.selected-app #app:has(.combo-celebration) .combo-celebration{grid-column:1;grid-row:3}
 body.selected-app #app:has(.combo-celebration)>.footer{grid-column:2;grid-row:3;margin:0;top:24px;align-self:start}
 body.selected-app #app:has(.combo-celebration)>.footer .order-overview{margin-bottom:18px}
}
@media(min-width:600px) and (max-width:1499px){body.selected-app #app .combo-hero{padding:24px 30px}body.selected-app #app .combo-product-party{height:195px}body.selected-app #app .combo-product-party img{height:216px;width:144px}body.selected-app #app .combo-hero h1 strong{font-size:66px}body.selected-app #app .combo-selected-label{margin-bottom:14px}}
@media(min-width:1500px){body.selected-app #app .combo-hero{padding:32px 40px}body.selected-app #app .combo-product-party{height:270px}body.selected-app #app .combo-product-party img{height:275px;width:183px}}
@media(max-width:599px){
 body.selected-app #app .combo-celebration{gap:12px}
 body.selected-app #app .combo-hero{padding:21px 20px;gap:4px;grid-template-columns:1.08fr 1fr;border-radius:24px}
 body.selected-app #app .combo-selected-label{font-size:11px;padding:6px 7px;gap:4px;white-space:nowrap;margin-bottom:15px}
 body.selected-app #app .combo-selected-label svg{width:12px;height:12px}
 body.selected-app #app .combo-hero h1{font-size:20px}
 body.selected-app #app .combo-hero h1 strong{font-size:44px}
 body.selected-app #app .combo-hero-copy>p{font-size:14px;margin-top:10px;max-width:140px}
 body.selected-app #app .combo-product-party{height:200px}
 body.selected-app #app .combo-product-party img{height:175px;width:117px;top:17px}
 body.selected-app #app .combo-product-party .party-pop-0{--pop-turn:-17deg;--pop-x:-87%;--pop-y:7px}
 body.selected-app #app .combo-product-party .party-pop-1{--pop-turn:13deg;--pop-x:-32%;--pop-y:6px}
 body.selected-app #app .combo-product-party .party-pop-2{--pop-x:-50%;--pop-y:-6px}
 body.selected-app #app .combo-price-strip{padding-top:15px;margin-top:9px;gap:8px}
 body.selected-app #app .combo-price-strip>span{font-size:17px}
 body.selected-app #app .combo-price-strip>strong{font-size:29px}
 body.selected-app #app .combo-rewards{padding:19px 18px;border-radius:22px}
 body.selected-app #app .combo-rewards h3{font-size:20px;gap:8px;margin-bottom:17px}
 body.selected-app #app .combo-rewards h3 svg{width:24px;height:24px}
 body.selected-app #app .combo-gifts{gap:12px}
 body.selected-app #app .combo-gift{gap:7px}
 body.selected-app #app .combo-gift>strong{font-size:42px}
 body.selected-app #app .combo-gift>span{font-size:15px}
 body.selected-app #app .combo-gift small{font-size:12px}
 body.selected-app #app .combo-gift+.combo-gift{padding-left:12px}
 body.selected-app #app .combo-rewards .combo-receive{padding:10px 12px;margin-top:17px;font-size:14px}
 body.selected-app #app .combo-receive b{font-size:17px}
 body.selected-app #app .combo-category-strip{gap:7px}
 body.selected-app #app .combo-category-strip>div{padding:13px 10px;display:block;text-align:center;border-radius:15px}
 body.selected-app #app .combo-category-strip dt{font-size:13px}
 body.selected-app #app .combo-category-strip dd{font-size:26px;margin-top:5px}
 body.selected-app #app .combo-category-strip small{display:block;font-size:11px;margin-top:4px}
 body.selected-app #app .combo-detail-controls{padding:0 15px 15px;border-radius:20px}
 body.selected-app #app .combo-celebration .combo-breakdown>summary{font-size:15px}
}
@media(max-width:350px){body.selected-app #app .combo-hero{padding:18px 15px}body.selected-app #app .combo-hero h1 strong{font-size:39px}body.selected-app #app .combo-product-party img{height:155px;width:103px;top:27px}body.selected-app #app .combo-price-strip>strong{font-size:26px}body.selected-app #app .combo-price-strip>span{font-size:15px}body.selected-app #app .combo-rewards{padding:17px 14px}body.selected-app #app .combo-gift>strong{font-size:36px}body.selected-app #app .combo-gift>span{font-size:13px}}
@keyframes combo-pop-in{from{opacity:0;transform:translate(var(--pop-x),calc(var(--pop-y) + 16px)) rotate(var(--pop-turn)) scale(.97)}to{opacity:1;transform:translate(var(--pop-x),var(--pop-y)) rotate(var(--pop-turn)) scale(1)}}
@media(min-width:600px) and (max-width:1499px){body.selected-app #app .combo-product-party .party-pop-0{--pop-y:-9px}}
@media(max-width:599px){body.selected-app #app .combo-hero-copy{position:static}body.selected-app #app .combo-selected-label{position:absolute;top:21px;left:20px;margin:0}}
@media(min-width:600px) and (max-width:1099px){body.selected-app #app .combo-product-party img{height:195px;width:130px}}
@media(max-width:599px){body.selected-app #app[data-large=true] .combo-hero{padding-top:64px;grid-template-columns:1fr}body.selected-app #app[data-large=true] .combo-hero-copy>p{max-width:none}body.selected-app #app[data-large=true] .combo-product-party{height:195px}body.selected-app #app[data-large=true] .party-pop-0{--pop-x:-104%}body.selected-app #app[data-large=true] .party-pop-1{--pop-x:0%}}
@media(prefers-reduced-motion:reduce){body.selected-app #app .combo-product-party img{animation:none!important}}

body.selected-app #app .api-next-step .order-overview{display:none}
body.selected-app #app:has(.api-receipt)>.footer{margin-top:0!important;align-self:start}

@media(max-width:899px){body.selected-app #app:has(.api-receipt)>.footer.api-next-step{position:static!important;margin:20px 22px 30px!important;width:calc(100% - 44px)!important;border-radius:24px!important}body.selected-app #app .api-receipt .api-receipt-note{display:none}body.selected-app #app .api-receipt-check{width:44px;height:44px}body.selected-app #app .api-receipt .api-receipt-label{margin-top:18px}body.selected-app #app .api-receipt .api-receipt-number{margin:16px 0 22px}body.selected-app #app .api-next-step h2{font-size:24px}body.selected-app #app .api-next-step .api-help{font-size:15px}}

/* R58: compact order navigation on mobile; retain the desktop layout. */
body.selected-app #app .easy-progress>span>strong{font-weight:750}
@media(max-width:899px){
 body.selected-app #app:not(.entry-screen){position:relative}
 body.selected-app #app:not(.entry-screen)>.easy-top{
  height:64px;min-height:64px;margin:0;padding:10px 22px;
  border-bottom:1px solid #ffffff38;align-items:center;
 }
 body.selected-app #app:not(.entry-screen)>.easy-top .logo{width:62px;height:42px}
 body.selected-app #app:not(.entry-screen)>.easy-progress{
  position:absolute;top:0;right:22px;height:64px;width:auto;
  display:flex;align-items:center;justify-content:flex-end;
  padding:0;margin:0;border:0;background:none;gap:0;
  color:#fff3fc;font-size:16px;line-height:1.25;
 }
 body.selected-app #app:not(.entry-screen)>.easy-progress>span{white-space:nowrap}
 body.selected-app #app:not(.entry-screen)>.easy-progress>span>strong{font-weight:750}
 body.selected-app #app:not(.entry-screen)>.easy-progress>b{display:none!important}
 body.selected-app #app:not(.entry-screen)>.easy-top .type-toggle{
  position:absolute;top:64px;right:22px;min-height:44px;
  padding:0 4px;margin:0;border:0;border-radius:6px;background:transparent;
  font-size:12px;line-height:1.25;color:#f5d9f1;
 }
 body.selected-app #app:not(.entry-screen)>.content>:is(.entry-return,.back){
  min-height:44px;max-width:100%;padding:6px 0;margin:0;
  gap:6px;font-size:13px;line-height:1.3;
 }
 body.selected-app #app:not(.entry-screen)>.content>:is(.entry-return,.back) svg{width:16px;height:16px;flex-shrink:0}
 body.selected-app #app:not(.entry-screen)>.content>.intro{margin:4px 0 16px}
 body.selected-app #app.stage2>.content>.intro h1{font-size:28px;line-height:1.15}
 body.selected-app #app .type-toggle:focus-visible{outline:2px solid #fff3bc;outline-offset:2px}
 body.selected-app #app:has(.api-receipt)>.easy-top .type-toggle{display:none}
 body.selected-app #app:has(.api-receipt)>.content{margin-top:16px}
}
@media(min-width:600px) and (max-width:899px){
 body.selected-app #app:not(.entry-screen)>.easy-top{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
 body.selected-app #app:not(.entry-screen)>.easy-progress,
 body.selected-app #app:not(.entry-screen)>.easy-top .type-toggle{right:var(--page-gutter)}
}

/* The WhatsApp action is the first, dominant element of the final screen. */
body.selected-app #app:has(.api-handoff)>.content{padding-bottom:32px!important}
body.selected-app #app .api-handoff{padding:clamp(26px,5vw,48px);border:1px solid #f6d6ef;border-radius:28px;background:linear-gradient(150deg,#fff9fd,#f5e0f0);color:#391247;box-shadow:0 24px 70px -40px #25063299;text-align:center}
body.selected-app #app .api-handoff h1{color:#391247;font-size:clamp(35px,8vw,56px);line-height:1.02;letter-spacing:-.045em;margin:14px auto 18px;max-width:560px;text-align:center;outline:none}
body.selected-app #app .api-handoff-lead{font-size:19px;line-height:1.5;max-width:470px;margin:0 auto 26px;color:#694571}
body.selected-app #app .api-handoff .api-whatsapp{font-size:22px;line-height:1.25;min-height:76px;border-radius:18px;box-shadow:0 12px 28px -12px #006847aa;max-width:520px;margin:0 auto}
body.selected-app #app .api-handoff .api-whatsapp svg{width:25px;flex-shrink:0}
body.selected-app #app .api-send-hint{font-size:16px;line-height:1.5;margin:14px 0 24px;color:#5b3767}
body.selected-app #app .api-registration{display:flex;align-items:flex-start;justify-content:center;gap:9px;font-size:14px;line-height:1.5;padding:18px 0;border-top:1px solid #d9bddf;color:#694571}
body.selected-app #app .api-registration-dot{height:8px;width:8px;margin-top:6px;border-radius:50%;background:#9c61b3;flex-shrink:0}
body.selected-app #app .api-registration-dot.done{background:#0b805b}
body.selected-app #app .api-registration-dot.review{background:#9d651a}
body.selected-app #app .api-handoff-details{border:1px solid #d9bddf;border-radius:14px;padding:0 16px;text-align:left}
body.selected-app #app .api-handoff-details summary{padding:14px 0;cursor:pointer;font-size:15px;font-weight:600;color:#571e70}
body.selected-app #app .api-handoff-details .api-receipt-summary{padding:18px 0;font-size:14px}
body.selected-app #app .api-web-reference{font-size:12px;overflow-wrap:anywhere;color:#694571;margin:14px 0}
body.selected-app #app .api-handoff>.inline{color:#694571;display:block;margin:8px auto 0;font-size:13px}
body.selected-app #app .api-phone-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:start}
body.selected-app #app .api-phone-row input,body.selected-app #app .api-phone-row select{width:100%;min-width:0;margin-top:7px;height:54px}
body.selected-app #app .api-phone-row select{padding:0 10px;font-size:17px}
.api-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:900px){body.selected-app #app:has(.api-handoff){grid-template-columns:1fr}body.selected-app #app:has(.api-handoff)>.content{grid-column:1/-1!important;max-width:760px;width:100%;margin:24px auto 0}body.selected-app #app .api-handoff{padding:44px 60px}}
@media(max-width:899px){body.selected-app #app:has(.api-handoff)>.easy-top .type-toggle{display:none}body.selected-app #app:has(.api-handoff)>.content{padding-top:20px!important}}
@media(max-width:360px){body.selected-app #app .api-handoff{padding:24px 18px}body.selected-app #app .api-handoff h1{font-size:33px}body.selected-app #app .api-handoff-lead{font-size:17px}body.selected-app #app .api-handoff .api-whatsapp{font-size:19px;min-height:70px}}

body.selected-app #app .api-handoff .api-whatsapp{
 background:radial-gradient(ellipse at 18% 0%,#ffffff14,transparent 62%),linear-gradient(115deg,#0c7851 0%,#096a49 55%,#07593f 100%)!important;
 color:#fff!important;border:1px solid #399474!important;
 box-shadow:inset 0 1px 0 #ffffff38,inset 0 -1px 0 #03473080,0 12px 28px -12px #006847aa!important;
}
body.selected-app #app .api-handoff .api-whatsapp svg{color:#fff!important}
body.selected-app #app .api-handoff .api-whatsapp:focus-visible{outline:3px solid #752199;outline-offset:5px}