@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--r:#f22b3d;--r2:#c91025;--sun:#ffcf32;--black:#13100f;--black2:#211a17;--bone:#f8f1e7;--white:#fffdfa;--gray:#776d68;--stroke:#e8ded3;--shadow:0 18px 55px rgba(36,17,9,.12)}
*{box-sizing:border-box}body{font-family:'Plus Jakarta Sans',Arial,sans-serif;background:var(--bone);color:var(--black)}h1,h2,h3,.title,.logo{font-family:'Archivo Black','Plus Jakarta Sans',sans-serif;letter-spacing:-.035em}a,button{transition:.18s ease}.demo-banner{position:fixed;left:50%;top:10px;transform:translateX(-50%);z-index:9999;background:var(--sun);color:var(--black);border:2px solid var(--black);border-radius:999px;padding:7px 14px;font-size:10px;font-weight:900;box-shadow:4px 4px 0 var(--black);white-space:nowrap}

/* Completely new storefront direction */
.deal{background:var(--sun);color:var(--black);font-weight:900;border-bottom:2px solid var(--black);letter-spacing:.08em}.header{height:88px;background:rgba(255,253,250,.96);border-bottom:2px solid var(--black);box-shadow:none}.header .logo img{width:195px!important;filter:contrast(1.08)}.header nav a{font-weight:800}.header nav a:hover{background:var(--black);color:#fff}.head-icon{border:2px solid var(--black);font-weight:800}.order-btn,.primary{background:var(--r);color:#fff;border:2px solid var(--black);border-radius:10px;box-shadow:5px 5px 0 var(--black)}.order-btn:hover,.primary:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--black)}
.hero{min-height:680px;background:var(--black);color:#fff;padding:70px 7vw;gap:6vw;position:relative}.hero:before{content:'MAIDA FREE';position:absolute;right:-35px;top:20px;font:400 92px/1 'Archivo Black';color:#ffffff08;writing-mode:vertical-rl}.hero>div>small{background:var(--sun);color:var(--black);border:2px solid #fff;border-radius:7px;box-shadow:4px 4px 0 var(--r)}.hero h1{font-size:clamp(58px,7vw,105px);line-height:.86;text-transform:uppercase;text-shadow:none}.hero h1 em{color:var(--sun)}.hero p{color:#d7ccc5}.hero .secondary{color:#fff;border:2px solid #fff;background:transparent;border-radius:10px}.hero .secondary:hover{background:#fff;color:var(--black)}.hero img{height:500px;border:3px solid #fff;border-radius:20px;box-shadow:18px 18px 0 var(--r);transform:rotate(2deg)}.hero-points{color:#fff}.hero-points{display:inline-flex;background:#ffffff0d;border:1px solid #ffffff25;padding:12px 15px;border-radius:10px}.trust{background:var(--r);border-top:2px solid var(--black);border-bottom:2px solid var(--black)}.trust span:before{background:var(--sun);color:var(--black)}
.section{background:var(--bone)}.title small{display:inline-block;background:var(--black);color:#fff;padding:6px 9px;border-radius:4px}.title h2{font-size:clamp(40px,5vw,70px);text-transform:uppercase}.product{background:var(--white);border:2px solid var(--black);border-radius:15px;box-shadow:7px 7px 0 var(--black);overflow:hidden}.product:hover{transform:translate(-2px,-4px);box-shadow:11px 12px 0 var(--r)}.photo{border-bottom:2px solid var(--black)}.photo em,.photo span{border:1px solid var(--black);border-radius:5px;background:var(--sun);color:var(--black)}.photo span{background:var(--black);color:#fff}.copy h3{text-transform:uppercase}.copy button{background:var(--r);border:2px solid var(--black);border-radius:7px}.why{background:var(--sun);border-top:2px solid var(--black);border-bottom:2px solid var(--black)}.why h2{text-transform:uppercase}.why-grid article{border:2px solid var(--black);border-radius:14px;box-shadow:6px 6px 0 var(--black)}.why-grid article:hover{box-shadow:9px 9px 0 var(--r)}
.page-head{background:var(--sun);border-bottom:2px solid var(--black);border-radius:0}.page-head h1{text-transform:uppercase}.page-head small{background:var(--black);color:#fff;padding:6px 10px;border-radius:4px}.filters a,.location-filter a{border:1px solid var(--black)}.filters a.active,.location-filter a.active{background:var(--black)}.admin-form,.inline-form,.panel,.summary{border:2px solid var(--black);border-radius:14px;box-shadow:6px 6px 0 var(--black)}.footer{border-top:2px solid var(--black)}

/* New login experience */
.auth-wrap.unified-auth{padding:60px 5vw;background:radial-gradient(circle at 15% 20%,#ffcf3230,transparent 22%),var(--bone);min-height:calc(100vh - 120px)}.login-experience{width:min(1180px,100%);display:grid;grid-template-columns:.9fr 1.1fr;border:2px solid var(--black);border-radius:24px;overflow:hidden;box-shadow:14px 14px 0 var(--black);background:#fff}.login-story{padding:55px;background:var(--black);color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-story:after{content:'🥟';position:absolute;font-size:220px;right:-55px;bottom:-55px;opacity:.09;transform:rotate(-18deg)}.story-brand{display:flex;align-items:center;gap:12px;margin-bottom:55px}.story-brand span{width:48px;height:48px;display:grid;place-items:center;background:var(--r);border:2px solid #fff;border-radius:10px;font-weight:900}.story-brand b{font:26px Archivo Black}.login-story>small{color:var(--sun);font-weight:900;letter-spacing:.14em}.login-story h1{font-size:clamp(45px,5vw,72px);line-height:.9;margin:18px 0}.login-story h1 em{font-style:normal;color:var(--sun)}.login-story>p{max-width:430px;color:#cfc4be}.story-points{display:flex;flex-direction:column;gap:9px;margin-top:25px}.story-points span{background:#ffffff0d;border:1px solid #ffffff1d;padding:10px 12px;border-radius:9px;font-size:12px}.login-panel{padding:48px}.login-title small{color:var(--r);font-weight:900;letter-spacing:.14em}.login-title h2{font-family:Archivo Black;font-size:34px;margin:8px 0}.login-title p{color:var(--gray)}.demo-login-grid{display:grid;gap:10px;margin:24px 0}.demo-login-grid button{width:100%;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;text-align:left;padding:14px;border:2px solid var(--black);border-radius:12px;background:#fff;box-shadow:4px 4px 0 var(--black)}.demo-login-grid button:hover{background:var(--sun);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--black)}.demo-login-grid button i{width:46px;height:46px;display:grid;place-items:center;background:var(--bone);border-radius:9px;font-size:22px;font-style:normal}.demo-login-grid button span{display:flex;flex-direction:column}.demo-login-grid button b{font-size:14px}.demo-login-grid button small{color:var(--gray);margin-top:3px}.demo-login-grid button strong{font-size:11px}.login-divider{display:flex;align-items:center;gap:12px;color:#938780;font-size:9px;font-weight:900;letter-spacing:.08em}.login-divider:before,.login-divider:after{content:'';height:1px;background:var(--stroke);flex:1}.real-login{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.real-login label{font-size:9px;font-weight:900;display:flex;flex-direction:column;gap:6px}.real-login input{padding:13px;border:1.5px solid #cfc3b9;border-radius:9px}.real-login button{grid-column:1/-1;padding:14px;background:var(--r);color:#fff;border:2px solid var(--black);border-radius:9px;font-weight:900;box-shadow:4px 4px 0 var(--black)}.demo-note{font-size:10px;color:var(--gray);text-align:center}.create-account{display:block;text-align:center;font-weight:800;font-size:11px;color:var(--r)}

/* Admin redesign */
.admin-v2{--nav:#13100f;--nav2:#2a211d;--blue:var(--r);--page:#f3eee7;--line:#ddd3c9;--muted:#756a64}.admin-v2 .admin-side{background:var(--black);border-right:2px solid #000}.admin-v2 .admin-logo b{background:var(--r);border:2px solid #fff;border-radius:9px}.admin-v2 .admin-side nav>a{border-radius:8px}.admin-v2 .admin-side nav>a.active{background:var(--sun);color:var(--black);box-shadow:none}.admin-v2 .admin-side nav>a.active i{color:var(--black)}.admin-v2 .admin-top{border-bottom:2px solid var(--black)}.admin-v2 .admin-head h1{text-transform:uppercase;font-family:Archivo Black}.admin-v2 .panel,.admin-v2 .admin-form,.admin-v2 .inline-form,.admin-v2 .stats article{border:1.5px solid var(--black);border-radius:12px;box-shadow:4px 4px 0 var(--black)}.admin-v2 .stats article{background:#fff}.admin-v2 .stats article:nth-child(2){background:#fff7d6}.admin-v2 .stats article.attention{background:#ffe1dc}.admin-v2 .stats i{color:var(--r)}.quick-grid>a{border:1.5px solid var(--black);border-radius:10px;box-shadow:3px 3px 0 var(--black)}.quick-grid>a:hover{background:var(--sun);box-shadow:5px 5px 0 var(--black)}.quick-grid i{background:var(--r);color:#fff}.admin-v2 .admin-primary{background:var(--r);border:2px solid var(--black);box-shadow:4px 4px 0 var(--black);border-radius:8px}.status{border:1px solid var(--black);border-radius:6px}.top-actions a:first-child{background:var(--r);border:1px solid var(--black)}

/* Operator redesign */
.outlet-portal{background:var(--bone)}.outlet-portal>header{background:var(--black);border-bottom:4px solid var(--sun)}.outlet-portal>header>div>b{background:var(--r);border:2px solid #fff;border-radius:9px}.portal-welcome{background:var(--sun);border:2px solid var(--black);border-radius:14px;box-shadow:6px 6px 0 var(--black)}.role-chip{background:#fff;border:1.5px solid var(--black);color:var(--black)}.outlet-portal .stats article,.outlet-portal .panel{border:1.5px solid var(--black);border-radius:12px;box-shadow:4px 4px 0 var(--black)}.outlet-portal .stats article:before{background:var(--r)}.portal-order{border:1.5px solid var(--black);border-radius:9px}.portal-order:hover{background:#fff7d2}.portal-order select{border:1.5px solid var(--black)}.outlet-portal .mini-form button{background:var(--r);border:2px solid var(--black);box-shadow:3px 3px 0 var(--black)}

@media(max-width:900px){.login-experience{grid-template-columns:1fr;box-shadow:8px 8px 0 var(--black)}.login-story{padding:35px}.story-brand{margin-bottom:25px}.login-story h1{font-size:48px}.story-points{display:none}.login-panel{padding:32px}.hero{grid-template-columns:1fr}.hero img{height:380px}}
@media(max-width:600px){.header{height:72px}.header .logo img{width:135px!important}.hero{padding:48px 18px}.hero h1{font-size:53px}.hero img{height:310px;box-shadow:10px 10px 0 var(--r)}.product{box-shadow:5px 5px 0 var(--black)}.auth-wrap.unified-auth{padding:30px 14px}.login-story{padding:28px 22px}.login-story h1{font-size:39px}.login-story>p{font-size:12px}.login-panel{padding:25px 19px}.login-title h2{font-size:26px}.real-login{grid-template-columns:1fr}.real-login button{grid-column:1}.demo-login-grid button{grid-template-columns:40px 1fr auto;padding:11px}.demo-login-grid button i{width:40px;height:40px}.demo-login-grid button strong{font-size:0}.demo-login-grid button strong:after{content:'→';font-size:18px}.admin-v2 .stats article,.admin-v2 .panel{box-shadow:3px 3px 0 var(--black)}.outlet-portal .stats article,.outlet-portal .panel{box-shadow:3px 3px 0 var(--black)}}
