/* Untitled.fig, 26 September: details 140:20, dashboard 140:7, category 140:54.
   Geometry, fonts and colours follow the supplied desktop frames. */
@font-face{font-family:Unbounded;src:url('unbounded-variable.woff2') format('woff2');font-weight:200 900;font-display:swap}
[hidden]{display:none!important}
.direction-card{text-decoration:none;touch-action:manipulation}
a:focus-visible,.consent-check:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:4px}
#account-dialog[data-step="details"] .commerce-panel{padding-top:29px}
#account-dialog::backdrop{background:#f5f4f2 url('backdrop-mark.svg') center / min(1251px,120vw) auto no-repeat}
#account-dialog[data-step="profile"]::backdrop{background:#f5f4f2}
#account-dialog[data-step="details"] .commerce-body{margin-top:19px;max-width:616px}
#details-form .commerce-input{height:53px}
#details-form #account-address{height:47px}
#details-form .address-label{margin-top:17px}
.details-actions{justify-content:center;margin-top:27px}
.consent-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 4px;margin-top:17px;font-size:13px;line-height:1.5;color:#565651}
.consent-check{display:flex;align-items:center;gap:8px;min-height:32px;cursor:pointer;border-radius:3px}
.consent-check input{width:18px;height:18px;margin:0;accent-color:var(--orange);flex:none;cursor:pointer}
.consent-policy{min-height:32px;padding:3px 0;background:transparent;font:inherit;text-align:left;text-decoration:underline;text-underline-offset:3px}
#consent-error{text-align:center}
#account-dialog[data-step="profile"]{width:min(1196px,calc(100% - 40px));padding-top:30px}
.profile-panel{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,543fr) minmax(0,539fr);gap:16px;min-height:804px;padding:59px 42px 11px 56px;border-radius:27px;background:#fff;overflow:hidden;color:#000}
.profile-panel::before{content:"";position:absolute;z-index:-1;left:34.3%;top:14.1%;width:84%;aspect-ratio:1;background:#eaeaea;mask:url('../b6b88a2/assets/brand/leader-mark.svg') center/contain no-repeat;pointer-events:none}
.profile-close{top:6px;right:7px}
.profile-history,.profile-data{min-width:0}
.cashback-card{position:relative;isolation:isolate;height:288px;padding:54px 19px 20px;border-radius:14px;overflow:hidden;background:#171815;border-left:10px solid var(--orange);font-family:Unbounded,Arial,sans-serif}
.cashback-card::after{content:"";position:absolute;z-index:-1;left:304px;top:119px;width:346px;height:337px;border:3px solid #404040;border-radius:50%;pointer-events:none}
.cashback-card img{position:absolute;right:8px;top:19px;width:138px;height:78px;object-fit:contain}
.cashback-label{margin:0;color:#7f817b;font-size:25px;font-weight:600;line-height:1.2}
.cashback-value{margin:20px 0 0;color:white;font-size:50px;font-weight:600;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums}
.history-label{margin:25px 0 9px;color:#7f817b;font-size:15px;font-weight:600;line-height:20px}
.profile-history h3{margin:0;font-family:Unbounded,Arial,sans-serif;font-size:45px;font-weight:400;line-height:1.15;letter-spacing:0}
.profile-data{display:flex;flex-direction:column;min-height:734px;padding:27px 18px 19px;background:#f5f4f2;border-radius:27px}
.profile-data h3{margin:0 22px;font-family:Oswald,Arial,sans-serif;font-size:50px;font-weight:600;line-height:1.1;text-transform:uppercase;letter-spacing:0}
.profile-fields{margin:34px 30px 0 22px}
.profile-fields label{display:block;font-size:20px;font-weight:500;line-height:27px}
.profile-fields input{display:block;width:100%;min-width:0;height:38px;border:0;border-bottom:2px solid #000;border-radius:0;background:transparent;padding:3px 0;font-family:Manrope,Arial,sans-serif;font-size:20px;color:#000;text-overflow:ellipsis;appearance:none}
.profile-fields input+label{margin-top:17px}
.profile-fields input:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.profile-link{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:76px;margin-top:8px;padding:12px 22px;border-radius:27px;background:#fff;font-size:20px;font-weight:500;text-align:left;line-height:1.35}
.profile-fields+.profile-link{margin-top:40px}
.profile-link svg{flex:none}
.profile-logout{align-self:center;min-height:44px;margin-top:auto;padding:10px 14px;border-radius:5px;background:#ec281a;color:#fff;font-family:'Golos Text',Arial,sans-serif;font-size:14px;font-weight:700;line-height:24px}
.category-mode .first-screen{height:auto;min-height:0;padding-bottom:0;display:block;max-width:1440px;padding-left:42px;padding-right:42px}
.category-mode .hero,.category-mode .bonus,.category-mode .directions,.category-mode>.footer{display:none}
.category-mode .header{min-height:99px;border-radius:27px}
.category-view{max-width:1356px;min-height:883px;margin:18px auto 0;padding:24px 28px;border-radius:27px;background:#fff}
.category-back{display:inline-flex;align-items:center;min-height:44px;color:#565651;font-family:Manrope,Arial,sans-serif;font-size:15px;text-decoration:underline;text-underline-offset:4px;touch-action:manipulation}
.category-back:hover{color:#000}
@media(hover:hover) and (pointer:fine){.profile-link:hover{background:#e8e7e3}.profile-logout:hover{background:#c91e13}.consent-policy:hover{color:#000}}
@media(max-width:1439px){.category-view{margin-left:42px;margin-right:42px;min-height:calc(100svh - 134px)}}
@media(min-width:1280px) and (min-height:900px){#account-dialog[data-step="profile"]{translate:15px -15px}}
@media(max-width:1100px){.profile-panel{padding-left:28px;padding-right:28px;gap:16px}.profile-data h3{font-size:40px;margin-left:12px;margin-right:12px}.profile-fields{margin-left:12px;margin-right:12px}.profile-link{font-size:17px;padding-left:14px;padding-right:14px}.cashback-card{padding-left:20px}.cashback-label{font-size:21px}.cashback-value{font-size:clamp(26px,4vw,45px)}.profile-history h3{font-size:clamp(26px,3.6vw,40px)}}
@media(max-width:760px){#account-dialog[data-step="profile"]{width:calc(100% - 24px);padding-top:18px}.profile-panel{grid-template-columns:1fr;min-height:0;padding:50px 20px 20px;gap:28px;border-radius:22px}.profile-panel::before{left:20%;top:10%;width:120%}.cashback-card{height:230px;padding-top:70px}.cashback-label{font-size:20px}.cashback-value{font-size:clamp(29px,7vw,45px);margin-top:15px}.history-label{margin-top:22px}.profile-history h3{font-size:30px}.profile-data{min-height:650px;padding:26px 16px 20px;border-radius:22px}.profile-data h3{font-size:36px}.profile-fields{margin-top:30px}.profile-fields label,.profile-fields input{font-size:17px}.profile-link{min-height:68px;border-radius:20px;font-size:16px}.profile-logout{margin-top:40px}.category-mode .first-screen{padding-left:12px;padding-right:12px}.category-mode .header{min-height:0;border-radius:14px}.category-view{margin:12px 12px 0;padding:16px;min-height:calc(100svh - 92px);border-radius:20px}.category-back{font-size:14px}}
@media(max-width:600px){#account-dialog[data-step="details"] .commerce-panel{padding-top:34px}#account-dialog[data-step="details"] .commerce-body{margin-top:28px}.consent-row{justify-content:flex-start;font-size:12px;gap:0 3px}.consent-policy{min-height:36px}.profile-panel{padding-left:12px;padding-right:12px}.profile-data h3{font-size:clamp(28px,8vw,36px)}.profile-fields{margin-left:6px;margin-right:6px}.profile-data{padding-left:12px;padding-right:12px}.profile-link{padding:12px;font-size:15px}.profile-link svg{width:28px;height:28px}.profile-history h3{font-size:clamp(25px,7vw,30px)}}
@media(prefers-reduced-motion:reduce){.profile-panel,.commerce-body,.category-view{animation:none!important;scroll-behavior:auto}}