:root{--menoo-green:#34a853;--menoo-yellow:#fbbc04;--menoo-red:#ea4335;--menoo-blue:#4285f4;--menoo-ink:#122a1d}
/* The 3 disks move independently. The two blue lenses use the animated
   geometric intersection of the disks, never a stationary slice of the PNG. */
.menoo-motion-logo{width:100%;max-width:var(--menoo-logo-max,560px);aspect-ratio:1363/766;margin-inline:auto;line-height:0}
.menoo-motion-logo svg{display:block;width:100%;height:auto;overflow:visible}
.menoo-motion-logo .menoo-circle-motion{will-change:transform}
.menoo-motion-logo .menoo-shift-green{animation:menoo-wave-one var(--menoo-logo-speed,5.8s) ease-in-out infinite alternate both}
.menoo-motion-logo .menoo-shift-yellow{animation:menoo-wave-two var(--menoo-logo-speed,5.8s) ease-in-out infinite alternate both}
.menoo-motion-logo .menoo-shift-red{animation:menoo-wave-three var(--menoo-logo-speed,5.8s) ease-in-out infinite alternate both}
@keyframes menoo-wave-one{0%{transform:translateY(calc(var(--menoo-logo-rise,7px)*-.6))}100%{transform:translateY(var(--menoo-logo-rise,7px))}}
@keyframes menoo-wave-two{0%{transform:translateY(var(--menoo-logo-rise,7px))}100%{transform:translateY(calc(var(--menoo-logo-rise,7px)*-.8))}}
@keyframes menoo-wave-three{0%{transform:translateY(calc(var(--menoo-logo-rise,7px)*-.5))}100%{transform:translateY(var(--menoo-logo-rise,7px))}}
.menoo-e-card,.menoo-e-cta,.menoo-e-tile{font-family:inherit;box-sizing:border-box}
.menoo-e-card *, .menoo-e-cta *, .menoo-e-tile *{box-sizing:border-box}
.menoo-e-card{max-width:620px;width:100%;margin:0 auto;padding:clamp(22px,5vw,42px);border:1px solid #dfebe2;border-radius:28px;background:#fff;color:var(--menoo-ink);box-shadow:0 10px 36px rgba(13,45,23,.06)}
.menoo-e-card h2{font-size:clamp(25px,3vw,35px);font-weight:800;margin:0 0 8px;color:var(--menoo-ink);line-height:1.15}
.menoo-e-card>p{color:#557060;margin:0 0 24px}
.menoo-e-card form{display:flex;flex-direction:column;gap:15px;margin:0}
.menoo-e-card label:not(.menoo-e-checkbox){display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:700;color:#173b28}
.menoo-e-card input:not([type="checkbox"]){width:100%;min-width:0;padding:14px 17px;border:1px solid #cce1d1;border-radius:15px;background:#fff;color:#162f22;font-size:16px;box-shadow:none;outline:none;line-height:1.4}
.menoo-e-card input:focus{border-color:#4285f4;box-shadow:0 0 0 3px rgba(66,133,244,.14)}
.menoo-e-card label small{font-weight:400;color:#697d70;font-size:12px}
.menoo-e-card .menoo-e-checkbox{display:flex;flex-direction:row;gap:10px;align-items:flex-start;color:#385644;font-size:13px;line-height:1.45}
.menoo-e-checkbox input{margin-top:3px;accent-color:#34a853;flex-shrink:0}
.menoo-e-card a{color:#267c44;text-decoration:none}
.menoo-e-card a:hover{text-decoration:underline}
.menoo-e-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 25px;min-height:48px;background:var(--menoo-green);color:#fff!important;border:0;border-radius:999px;font-size:15px;font-weight:700;text-decoration:none!important;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.menoo-e-btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(52,168,83,.19);color:#fff}
.menoo-e-btn.menoo-e-outline{background:#eef8f0;color:#287644!important}
.menoo-e-meta{margin-top:20px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px;color:#587260}
.menoo-e-honey{position:absolute!important;left:-10000px!important;top:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.menoo-e-alert{padding:12px 16px;border-radius:12px;margin:0 0 20px;font-size:14px}.menoo-e-warning{background:#fff1ed;color:#8c2c19}.menoo-e-success{background:#eaf6ee;color:#206b3c}
.menoo-e-profile{display:grid;gap:13px;padding:16px 0}.menoo-e-profile div{display:flex;flex-direction:column;gap:3px;border-bottom:1px solid #e7eee8;padding-bottom:10px}.menoo-e-profile small{color:#638073}.menoo-e-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.menoo-e-cta{position:relative;overflow:hidden;background:linear-gradient(110deg,#e8f8ed,#fff9e4 55%,#fff0ed);border-radius:42px;padding:clamp(28px,5vw,80px);min-height:380px;isolation:isolate;display:flex;align-items:center}
.menoo-e-cta-content{position:relative;z-index:2;max-width:650px}.menoo-e-cta h2{color:#122e22;font-size:clamp(32px,4vw,60px);font-weight:800;line-height:1.1;margin:0 0 18px}.menoo-e-cta p{color:#425b4d;font-size:clamp(16px,1.5vw,20px);margin:0 0 24px}
.menoo-e-cta-orbits{pointer-events:none;position:absolute;right:15px;top:15px;bottom:15px;width:280px}.menoo-e-cta-orbits .menoo-orbit{position:absolute;display:block;border-radius:50%}.menoo-e-cta-orbits .menoo-orbit{border:14px solid var(--menoo-green);opacity:.6}.menoo-e-cta-orbits .menoo-orbit-green{width:176px;height:176px;top:0;right:0;animation:menoo-wave-one 7s ease-in-out infinite alternate}.menoo-e-cta-orbits .menoo-orbit-yellow{border-color:var(--menoo-yellow);width:142px;height:142px;top:122px;right:56px;animation:menoo-wave-two 8s ease-in-out infinite alternate}.menoo-e-cta-orbits .menoo-orbit-red{border-color:var(--menoo-red);width:86px;height:86px;right:0;bottom:0;animation:menoo-wave-three 6.4s ease-in-out infinite alternate}
.menoo-e-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.menoo-e-tile{background:#fff;border:1px solid #e2ede4;border-radius:26px;padding:28px;color:#163423}.menoo-e-feature,.menoo-e-num{font-size:34px;font-weight:800;color:#34a853}.menoo-e-tile:nth-child(3n+2) .menoo-e-feature{color:#eaa900}.menoo-e-tile:nth-child(3n+3) .menoo-e-feature{color:#ea4335}.menoo-e-tile h3{font-size:22px;font-weight:800;margin:17px 0 10px;color:#173a28}.menoo-e-tile p{font-size:15px;line-height:1.6;color:#627669;margin:0}
@media(max-width:800px){.menoo-e-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menoo-e-cta-orbits{opacity:.34;right:15px;top:15px;bottom:15px;width:220px}.menoo-e-cta-orbits .menoo-orbit-green{width:132px;height:132px}.menoo-e-cta-orbits .menoo-orbit-yellow{width:108px;height:108px;top:95px;right:44px}.menoo-e-cta-orbits .menoo-orbit-red{width:66px;height:66px}.menoo-e-cta-content{max-width:100%}}
@media(max-width:520px){.menoo-e-grid{grid-template-columns:1fr}.menoo-e-card{padding:24px 18px;border-radius:22px}.menoo-e-cta{border-radius:28px;min-height:290px}.menoo-e-meta{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.menoo-motion-logo .menoo-circle-motion,.menoo-e-cta-orbits .menoo-orbit{animation:none!important}.menoo-e-btn{transition:none!important}}

/* v0.1.2 - strefa klienta MENOO, osobne zakładki i lekkie koła w tle */
.menoo-account-wrap{--ma-green:#34a853;--ma-yellow:#fbbc04;--ma-red:#ea4335;--ma-blue:#4285f4;max-width:1180px;margin:36px auto 80px;color:#153d2a;line-height:1.55}
.menoo-account-wrap *{box-sizing:border-box}
.menoo-account-head{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:clamp(30px,5vw,65px);border-radius:36px;background:linear-gradient(118deg,#246b45,#35a85b);color:#fff}
.menoo-account-head::before,.menoo-account-head::after{content:"";pointer-events:none;position:absolute;border:14px solid rgba(255,255,255,.3);border-radius:50%;z-index:0;animation:menoo-account-float 8s ease-in-out infinite alternate}
.menoo-account-head::before{width:200px;height:200px;right:8%;top:-125px;border-color:rgba(251,188,4,.7)}
.menoo-account-head::after{width:115px;height:115px;right:2%;bottom:-60px;border-color:rgba(66,133,244,.5);animation-delay:-3s}
.menoo-account-head>*{position:relative;z-index:1}
.menoo-account-head h2{font-size:clamp(32px,5vw,52px);line-height:1.15;color:#fff;margin:9px 0 12px;font-weight:800}
.menoo-account-head h2 span{color:var(--ma-yellow)}
.menoo-account-head p{color:#e3f9e9;font-size:16px;margin:0}
.menoo-account-kicker{color:#effff4;font-size:12px;font-weight:700;letter-spacing:3px}
.menoo-account-head-avatar img{width:96px;height:96px;display:block;object-fit:cover;border-radius:50%;border:5px solid rgba(255,255,255,.55)}
.menoo-account-menu{display:flex;flex-wrap:wrap;gap:9px;background:#f3f9f4;border-radius:24px;margin:18px 0 26px;padding:12px}
.menoo-account-menu a{display:inline-flex;align-items:center;border-radius:999px;padding:11px 17px;color:#275c39;text-decoration:none;font-size:14px;font-weight:700;transition:transform .18s,background .18s}
.menoo-account-menu a:hover{background:#e1f1e5;transform:translateY(-1px)}
.menoo-account-menu a.is-active{background:var(--ma-green);color:#fff}
.menoo-account-menu a.menoo-account-menu-primary{background:#fff;border:1px solid #d5ead9}
.menoo-account-body{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e0ecdf;border-radius:30px;background:#fff;padding:clamp(22px,4vw,42px);box-shadow:0 12px 44px rgba(22,52,28,.04)}
.menoo-account-body::after{content:"";pointer-events:none;position:absolute;border:15px solid rgba(251,188,4,.24);border-radius:50%;width:190px;height:190px;right:-105px;top:-90px;z-index:0;animation:menoo-account-float 10s ease-in-out infinite alternate}
.menoo-account-body>*{position:relative;z-index:1}
.menoo-account-section-heading h3{margin:0 0 6px;color:#173b25;font-size:clamp(23px,3vw,30px);font-weight:800}
.menoo-account-section-heading p{margin:0 0 22px;color:#65816e}
.menoo-account-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 22px;max-width:930px}
.menoo-account-form label:not(.menoo-account-checkbox){display:flex;flex-direction:column;gap:8px;color:#19422a;font-size:14px;font-weight:700}
.menoo-account-form input:not([type=checkbox]),.menoo-account-form select{width:100%;min-width:0;padding:13px 16px;border:1px solid #d3e1d5;background:#fff;border-radius:15px;color:#182d20;font:inherit;font-size:16px}
.menoo-account-form input:focus-visible,.menoo-account-menu a:focus-visible,.menoo-account-footer a:focus-visible{outline:3px solid rgba(66,133,244,.6);outline-offset:2px}
.menoo-account-form input[type=file]{background:#f7faf8;padding:18px}
.menoo-account-form .menoo-e-btn{justify-self:start;align-self:end}
.menoo-account-info,.menoo-account-hint,.menoo-account-avatar-preview,.menoo-account-form>.menoo-account-checkbox{grid-column:1/-1}
.menoo-account-info{border:1px solid #e1ebe4;background:#f4faf6;padding:16px 20px;border-radius:16px;display:flex;flex-direction:column;gap:3px}
.menoo-account-info small,.menoo-account-hint{font-size:13px;color:#5c7866}
.menoo-account-avatar-preview{display:flex;align-items:center;gap:17px;font-weight:700}
.menoo-account-avatar-preview img{border-radius:50%;object-fit:cover;width:130px;height:130px;border:5px solid #e2f3e6}
.menoo-account-checkbox{display:flex;align-items:center;gap:10px}
.menoo-account-footer{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;align-items:center}
.menoo-account-footer a{border:1px solid #dceadd;border-radius:999px;padding:9px 16px;color:#286a40;text-decoration:none;font-weight:650;font-size:14px;background:#fff}
@keyframes menoo-account-float{0%{transform:translateY(-8px)}100%{transform:translateY(10px)}}
/* Subtelne dekoracje również dla standardowych widgetów kont i sekcji głównej */
.menoo-e-card,.menoo-e-tile{position:relative;isolation:isolate;overflow:hidden}
.menoo-e-card::before,.menoo-e-tile::before{content:"";pointer-events:none;position:absolute;width:130px;height:130px;right:-60px;top:-68px;border:12px solid rgba(52,168,83,.12);border-radius:50%;z-index:0;animation:menoo-account-float 9s ease-in-out infinite alternate}
.menoo-e-card::after,.menoo-e-tile::after{content:"";pointer-events:none;position:absolute;width:70px;height:70px;right:30px;top:-42px;border:9px solid rgba(251,188,4,.14);border-radius:50%;z-index:0;animation:menoo-account-float 11s ease-in-out infinite alternate-reverse}
.menoo-e-card>*,.menoo-e-tile>*{position:relative;z-index:1}
@media(max-width:700px){.menoo-account-form{grid-template-columns:1fr}.menoo-account-head{border-radius:26px}.menoo-account-head-avatar img{width:66px;height:66px}.menoo-account-menu{border-radius:18px}.menoo-account-menu a{padding:9px 12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.menoo-account-head::before,.menoo-account-head::after,.menoo-account-body::after,.menoo-e-card::before,.menoo-e-card::after,.menoo-e-tile::before,.menoo-e-tile::after{animation:none!important}}

/* v0.1.4 - avatar w profilu, formularz zmiany hasła */
.menoo-account-avatar-editor{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 20px;padding:18px;background:#f5fbf6;border:1px solid #dfeee3;border-radius:20px}
.menoo-account-avatar-editor .menoo-account-avatar-preview{grid-column:1/-1;margin-bottom:4px}
.menoo-account-avatar-editor .menoo-account-avatar-preview span{display:flex;flex-direction:column;gap:4px}
.menoo-account-avatar-editor .menoo-account-avatar-preview small{font-size:13px;color:#64816f;font-weight:400}
.menoo-account-avatar-editor .menoo-account-checkbox{align-self:center}
.menoo-account-password-section{padding-top:30px;margin-top:32px;border-top:1px solid #e3ebe4}
.menoo-account-password-section h3{font-size:24px;color:#173b25;margin:0 0 8px}
.menoo-account-password-section>p{color:#607a68;margin:0 0 22px}
@media(max-width:700px){.menoo-account-avatar-editor{grid-template-columns:1fr}}

/* v0.1.5 - jednolity profil Firma i faktury; poprawiony widoczny wybór kraju */
.menoo-account-wrap .menoo-invoice-subhead{grid-column:1/-1;margin:8px 0 -7px;font-size:19px;font-weight:750;color:#20593a}
.menoo-account-wrap .menoo-account-form .menoo-country-label{display:flex;flex-direction:column;gap:8px;min-width:0}
.menoo-account-wrap .menoo-account-form .menoo-country-label select[name="billing_country"]{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:54px!important;min-height:54px!important;line-height:normal!important;vertical-align:middle!important;font-size:16px!important;font-weight:500!important;color:#183b28!important;-webkit-text-fill-color:#183b28!important;background-color:#fff!important;background-image:none!important;padding:0 16px!important;border:1px solid #d3e1d5!important;border-radius:15px!important;appearance:auto!important;-webkit-appearance:menulist!important;overflow:visible!important}
.menoo-account-wrap .menoo-account-form .menoo-country-label select[name="billing_country"] option{color:#183b28!important;background:#fff!important;line-height:1.5!important}
.menoo-account-wrap .menoo-account-form .menoo-country-label select[name="billing_country"]:focus{outline:3px solid rgba(66,133,244,.35);outline-offset:2px}

/* MENOO Elements 0.1.6 - dziedziczenie fontu strony */
.menoo-motion-logo,
.menoo-motion-logo *,
.menoo-e-card,
.menoo-e-card *,
.menoo-e-cta,
.menoo-e-cta *,
.menoo-e-tile,
.menoo-e-tile *,
.menoo-account-wrap,
.menoo-account-wrap *,
.menoo-account-wrap input,
.menoo-account-wrap select,
.menoo-account-wrap button,
.menoo-account-wrap textarea{
  font-family:inherit!important;
}
