/* CookieFood shared identity — homepage / account / public pages, 6714–6717. */
:root{--cf-cream:#faf9f5;--cf-ink:#252922;--cf-green:#263e32;--cf-sage:#e7ecdf;--cf-muted:#62685e;--cf-line:#dce1d5}
body.cf-page,body.cf-auth,body.cf-app{--primary:var(--cf-green);--primary-light:#395642;--primary-dark:#1c3026;--accent:var(--cf-green);--accent-hover:#395642;--accent-d:#1c3026;--accent-bg:#e7ecdf;--bg:var(--cf-cream);--bg-soft:#f0f2e9;--tile:#f0f2e9;--tile2:#e7ecdf;--text:var(--cf-ink);--text2:#62685e;--text-secondary:#62685e;--text-light:#62685e;--muted:#62685e;--border:var(--cf-line);--line:var(--cf-line);--line2:#eaede4;--radius:16px;--r:12px;--rs:8px;background:var(--cf-cream);color:var(--cf-ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.cf-page *, .cf-auth *, .cf-app *{box-sizing:border-box}
.cf-page h1,.cf-page h2,.cf-page h3,.cf-auth h1,.cf-app h1,.cf-app h2{letter-spacing:-.035em;line-height:1.15}
.cf-page a:focus-visible,.cf-page button:focus-visible,.cf-auth :focus-visible,.cf-app :focus-visible{outline:3px solid #759366;outline-offset:4px}
.cf-page h1{font-size:clamp(2.3rem,4.7vw,4.5rem);font-weight:600;max-width:950px;overflow-wrap:break-word}
.cf-page p{line-height:1.7}
.cf-page .btn,.cf-page .btn-primary,.cf-page .cn-cta,.cf-page .cn-form button{background:var(--cf-green);color:#fff;border-radius:10px;border:0;min-height:46px;padding:12px 22px;box-shadow:none;text-decoration:none;font-weight:500;transition:transform .2s,background .2s}
.cf-page .btn:hover,.cf-page .btn-primary:hover,.cf-page .cn-cta:hover,.cf-page .cn-form button:hover{background:#395642;transform:translateY(-2px)}
.cf-page .btn-o,.cf-page .btn-ghost{background:transparent;color:var(--cf-green)}
.cf-page input:not([type=checkbox]):not([type=radio]){background:#fff;border:1px solid #c7cebf;border-radius:10px;min-height:50px;font:inherit}
.cf-page input:focus{outline:3px solid #e7ecdf;border-color:#759366}
.cf-site-header{position:sticky;top:0;z-index:80;background:rgba(250,249,245,.97);border-bottom:1px solid transparent}
.cf-header-inner{max-width:1280px;padding:20px 40px;min-height:84px;margin:auto;display:flex;align-items:center;gap:32px}
.cf-brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none!important;color:var(--cf-ink)!important;font-size:19px;font-weight:600;letter-spacing:-.035em;flex-shrink:0}
.cf-brand svg{width:32px;height:32px;flex:none}
.cf-header-links{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:14px}
.cf-header-links>a{color:var(--cf-ink);text-decoration:none}
.cf-header-links>a:hover{color:#4f7051}
.cf-header-links .cf-nav-cta{background:var(--cf-green);color:#fff;padding:12px 19px;border-radius:9px;white-space:nowrap}
.cf-menu-button{display:none;border:0;background:var(--cf-sage);border-radius:9px;min-width:44px;min-height:44px;padding:10px;font:inherit;color:var(--cf-ink);cursor:pointer}
[data-scroll-header]{transition:transform .32s cubic-bezier(.2,.7,.2,1),background .2s;will-change:transform}
[data-scroll-header].cf-header-hidden{transform:translateY(calc(-100% - 12px));pointer-events:none}
[data-scroll-header].cf-is-scrolled{background:rgba(250,249,245,.97);box-shadow:0 4px 24px #25292208}
body:not(.cf-app) #nav[data-scroll-header]{position:fixed;top:0;left:0;right:0;width:100%}
body:not(.cf-app) #nav.cf-is-scrolled .nav-in{min-height:74px}
.cf-page .wrap{max-width:1120px;padding-left:32px;padding-right:32px}
.cf-page .wrap>section{padding-top:64px;padding-bottom:64px}
.cf-page .wrap>section:first-child{padding-top:68px}
.cf-page .page-kicker{font-size:12px;letter-spacing:.12em;font-weight:600;text-transform:uppercase;color:#52694d;margin-bottom:24px}
.cf-page .lead,.cf-page .sub,.cf-page .cn-lead{font-size:18px;color:var(--cf-muted);max-width:660px;line-height:1.75;margin-top:20px}
.cf-page .code{background:#26352b;color:#f6f8ef;border:0;border-radius:18px;padding:28px;line-height:1.75;overflow-x:auto;max-width:100%}
.cf-page pre{overflow-x:auto;max-width:100%}
.cf-page .card,.cf-page .w{background:#f0f2e9;border:0;border-radius:18px;padding:28px;box-shadow:none}
.cf-page .grid{gap:24px}
.cf-page .fw a{border-radius:14px;border-color:#dce1d5;background:#fff}
.cf-page .quote,.cf-page .cta,.cf-page .article-cta{background:var(--cf-sage);color:var(--cf-ink);border:0;border-radius:24px;padding:36px}
.cf-page .article-cta p{color:var(--cf-muted)}
.cf-page .legal,.cf-page .article{max-width:850px;padding:64px 32px 100px;margin:auto;font-size:16px;line-height:1.8}
.cf-page .legal h1,.cf-page .article h1{font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.12;margin:16px 0 28px}
.cf-page .legal h2,.cf-page .article h2{font-size:24px;margin-top:44px;padding-top:12px}
.cf-page .legal .updated,.cf-page .article-meta{margin:24px 0 44px;padding:16px 0;border-bottom:1px solid var(--cf-line);font-size:13px;color:var(--cf-muted)}
.cf-page .legal a,.cf-page .article a:not(.btn-primary){color:#385b40}
.cf-page .legal table,.cf-page .article table{display:block;max-width:100%;overflow-x:auto}
.cf-page .foot,.cf-page .footer{background:#f0f2e9;color:var(--cf-muted);border-top:0;padding:32px;line-height:2}
.cf-page .utility-intro{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:36px;text-align:left;margin-bottom:32px}
.cf-page .utility-intro img{width:100%;height:auto;animation:cf-float 7s ease-in-out infinite}
.cf-page .cn-wrap{max-width:1050px;padding:60px 32px 90px}
.cf-page .cn-h1{font-size:clamp(2.4rem,4.3vw,4rem);line-height:1.12;max-width:750px}
.cf-page .cn-form,.cf-page .checkform{background:#fff;padding:8px;border-radius:15px;box-shadow:0 10px 40px #263e3209;max-width:670px;margin-left:0;display:flex;gap:8px}
.cf-page .cn-form input,.cf-page .checkform input{border:0;min-width:0;flex:1;padding:12px 16px;width:100%}
.cf-page .cn-hint{color:var(--cf-muted);margin:16px 0}
.cf-page .cn-karta{background:#e7ecdf;border:0;border-radius:28px;box-shadow:none}
.cf-page .cn-grid{gap:28px 40px}
.cf-page .cn-v{padding:20px 0;border-bottom:1px solid #dce1d5}
.cf-page .cn-vyhody h2{font-size:32px;margin-bottom:24px}
.cf-check .wrap{max-width:1050px;padding:60px 32px 90px}
.cf-check .trust{justify-content:flex-start;flex-wrap:wrap}
.cf-page .blog-hero{background:var(--cf-sage);color:var(--cf-ink);text-align:left;padding:64px 32px;border-radius:0 0 48px 48px}
.cf-page .blog-hero .container{max-width:1120px;position:relative;padding-right:300px}
.cf-page .blog-hero .container:after{content:"";position:absolute;right:0;top:-38px;width:300px;height:240px;background:url('/img/cookiefood-time.webp') center/contain no-repeat}
.cf-page .blog-hero p{color:var(--cf-muted);max-width:620px}
.cf-page .blog-grid{padding:64px 32px 100px}
.cf-page .blog-cards{gap:32px}
.cf-page .blog-card{border:0;background:transparent;box-shadow:none;border-radius:0}
.cf-page .blog-card:hover{box-shadow:none;transform:translateY(-5px)}
.cf-page .blog-card-img{background:#e7ecdf;border-radius:22px;height:200px}
.cf-page .blog-card:nth-child(2) .blog-card-img{background:#eeebe0}
.cf-page .blog-card:nth-child(3) .blog-card-img{background:#e5ebe6}
.cf-page .blog-card-body{padding:24px 0}
.cf-page .blog-card-body h2{line-height:1.3;font-size:24px}
.cf-page .blog-card-tag,.cf-page .article-tag{background:#e7ecdf;color:#385b40}
body.cf-auth{display:grid;grid-template-columns:minmax(360px,1fr) minmax(0,1.05fr);gap:24px;align-items:center;justify-content:initial;padding:24px;min-height:100vh}
.cf-auth .auth-wrapper{grid-column:1;grid-row:1;width:100%;max-width:510px;padding:40px 36px;margin:auto}
.cf-auth .auth-logo{justify-content:flex-start;margin-bottom:64px}
.cf-auth .auth-logo svg{width:174px;height:auto}
.cf-auth .auth-logo svg>circle:first-child{fill:#263e32}
.cf-auth .auth-card{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
.cf-auth .auth-title{font-size:clamp(28px,3.1vw,42px);font-weight:600;line-height:1.15;margin-bottom:14px}
.cf-auth .auth-subtitle{font-size:16px;line-height:1.65;color:var(--cf-muted);margin-bottom:32px}
.cf-auth .form-label{font-size:14px;color:var(--cf-ink);margin-bottom:9px}
.cf-auth .form-input{border-radius:10px;border-color:#c7cebf;background:#fff;padding:15px 16px;font-size:16px;min-height:52px;transition:border-color .2s,box-shadow .2s}
.cf-auth .form-input:focus{border-color:#66815b;box-shadow:0 0 0 4px #e7ecdf}
.cf-auth .password-wrapper .form-input{padding-right:92px}
.cf-auth .password-toggle{min-height:44px;min-width:58px;color:#4f6549}
.cf-auth .form-group{margin-bottom:24px}
.cf-auth .form-row{gap:12px;flex-wrap:wrap}
.cf-auth .btn-auth{background:#263e32;border-radius:10px;min-height:52px;font-size:15px;padding:15px 20px}
.cf-auth .btn-auth:hover{background:#395642}
.cf-auth .auth-footer,.cf-auth .auth-back{text-align:left;font-size:14px;line-height:1.7}
.cf-auth .auth-back a{font-size:14px;min-height:36px}
.cf-auth .form-check,.cf-auth .form-link{font-size:13px}
.cf-auth .form-msg{font-size:14px;line-height:1.6}
.cf-auth #cfLangBar{text-align:left!important;line-height:2.3!important}
.auth-story{grid-column:2;grid-row:1;align-self:stretch;background:#e7ecdf;min-height:calc(100vh - 48px);border-radius:36px;padding:clamp(32px,5vw,76px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.auth-story .story-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#52694d;margin-bottom:24px}
.auth-story h2{font-size:clamp(32px,3.7vw,56px);line-height:1.12;font-weight:500;letter-spacing:-.045em;max-width:570px}
.auth-story h2 span{display:block}
.auth-story p{font-size:16px;line-height:1.75;max-width:430px;color:#62685e;margin-top:24px}
.auth-story img{height:auto;width:120%;max-width:none;align-self:center;margin:24px -10% -20px;animation:cf-float 8s ease-in-out infinite;transform:translateY(0)}
.cf-invitation{max-width:none;display:block!important;padding:0!important}
.cf-invitation .karta{margin:70px auto;max-width:620px;padding:40px;background:var(--cf-sage);border:0;border-radius:28px;box-shadow:none}
body.cf-app{font-size:15px}
.cf-app .app{grid-template-columns:244px minmax(0,1fr)}
.cf-app .app>div{min-width:0}
.cf-app .nav{background:#edf0e5;border-right:0;padding:26px 16px;z-index:90}
.cf-app .acct{padding:4px 12px 26px}
.cf-app .acct .av{background:#263e32;color:#fff;border-radius:50%;width:36px;height:36px}
.cf-app .nav a{border-radius:10px;padding:12px 14px;margin:3px 0;color:#5c6457;font-weight:500;transition:background .18s,color .18s}
.cf-app .nav a.on{background:#dce5d1;color:#263e32}
.cf-app .nav a:hover{background:#e2e9d8;color:#263e32}
.cf-app .nav-sec{font-size:11px;letter-spacing:.1em;color:#697260;padding:24px 14px 10px}
.cf-app .top{background:var(--cf-cream);border-bottom:0;padding:20px 44px;gap:18px;min-height:76px;z-index:70}
.cf-app .top .who{min-width:0;font-size:13px;overflow-wrap:anywhere}
.cf-app .main{padding:36px 44px 90px;max-width:1360px}
.cf-app .ph{gap:20px;align-items:center;margin-bottom:22px;flex-wrap:wrap}
.cf-app h1{font-size:36px;font-weight:600}
.cf-app .lead{font-size:15px;line-height:1.8;max-width:760px}
.cf-app .btn{height:auto;min-height:40px;padding:10px 16px;border-radius:9px;box-shadow:none;line-height:1.4;white-space:normal}
.cf-app .btn.p{background:#263e32;border-color:#263e32}
.cf-app .btn.p:hover{background:#395642}
.cf-app .btn.s{min-height:34px;padding:7px 12px}
.cf-app .stats{padding:24px 0 32px;gap:40px;flex-wrap:wrap;border-bottom:1px solid var(--cf-line);margin-bottom:32px}
.cf-app .stat .v{font-size:32px;letter-spacing:-.04em}
.cf-app .stat .l{font-size:13px;color:var(--cf-muted)}
.cf-app .tile{background:#edf0e5;padding:24px;border:0;border-radius:18px;box-shadow:none}
.cf-app .cols{gap:40px}
.cf-app .sec{margin-bottom:36px}
.cf-app .sec-h{margin-bottom:18px}
.cf-app .sec-h h2{font-size:19px;font-weight:600}
.cf-app table{font-size:14px}
.cf-app th{font-size:12px;color:#697260;padding-top:14px;padding-bottom:14px}
.cf-app td{padding-top:18px;padding-bottom:18px}
.cf-app .table-scroll{overflow-x:auto;width:100%;overscroll-behavior-x:contain}
.cf-app .table-scroll>table{min-width:560px}
.cf-app .kv input,.cf-app .kv select{background:#fff;border-radius:9px;min-height:44px}
.cf-app .tabs{gap:24px;overflow-x:auto;white-space:nowrap}
.cf-app .tabs a{padding:14px 0}
.cf-app .dlg{border-radius:22px}
.cf-app .dlg-back{backdrop-filter:blur(5px)}
.cf-app .empty{padding:48px 24px;background:#f0f2e9;border-radius:18px}
.cf-app .route.on{animation:cf-enter .38s cubic-bezier(.2,.7,.2,1)}
.cf-app .account-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#e7ecdf;border-radius:24px;padding:24px 32px;margin-bottom:36px}
.cf-app .account-welcome p{font-size:22px;font-weight:500;letter-spacing:-.03em;line-height:1.4;margin:0;max-width:380px}
.cf-app .account-welcome img{width:160px;height:110px;object-fit:contain}
.cf-app .cf-app-menu{display:none}
.cf-drawer-backdrop{display:none}
@keyframes cf-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes cf-enter{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.cf-motion-sleep .auth-story img,.cf-motion-sleep .utility-intro img{animation-play-state:paused}
@media(min-width:901px){.cf-app .cf-app-menu{display:none!important}}
@media(max-width:1050px){.cf-header-inner{padding:18px 24px}.cf-header-links{gap:20px}.cf-auth .auth-wrapper{padding:36px 24px}.auth-story{padding:40px 32px}.cf-app .cols{grid-template-columns:1fr}.cf-app .main{padding:30px}.cf-app .top{padding:18px 30px}}
@media(max-width:900px){
.cf-app .app{grid-template-columns:1fr}.cf-app .nav{display:block;position:fixed;left:0;top:0;bottom:0;height:100dvh;width:270px;transform:translateX(-100%);transition:transform .28s ease;visibility:hidden}
.cf-app.cf-drawer-open .nav{transform:translateX(0);visibility:visible}
.cf-app .cf-app-menu{display:inline-flex;align-items:center;gap:8px;background:#e7ecdf;border:0;border-radius:9px;min-height:44px;padding:10px 14px;font:inherit;cursor:pointer}
.cf-drawer-open .cf-drawer-backdrop{display:block;position:fixed;inset:0;background:#25292266;border:0;z-index:85}
.cf-app .top{justify-content:space-between}
}
@media(max-width:760px){
.cf-header-inner{min-height:76px;padding:16px 20px}.cf-menu-button{display:block;margin-left:auto}.cf-header-links{display:none;position:absolute;top:100%;left:12px;right:12px;background:#faf9f5;border-radius:18px;padding:24px;box-shadow:0 14px 35px #263e321c;align-items:stretch;gap:6px}
.cf-site-header.cf-menu-open .cf-header-links{display:flex;flex-direction:column}
.cf-header-links>a{padding:12px}.cf-header-links .cf-nav-cta{text-align:center;margin-top:8px}
body.cf-auth{display:block;padding:0}.cf-auth .auth-wrapper{max-width:500px;padding:36px 26px 44px}.cf-auth .auth-logo{margin-bottom:48px}
.auth-story{min-height:0;border-radius:28px;margin:0 16px 16px;padding:32px;position:relative}.auth-story h2{font-size:30px;max-width:290px}.auth-story .story-eyebrow{margin-bottom:16px}.auth-story p{max-width:290px;font-size:14px}.auth-story img{width:280px;margin:-15px 0 -30px;align-self:flex-end}
.cf-page .utility-intro{grid-template-columns:1fr;gap:0}.cf-page .utility-intro img{display:none}.cf-page .cn-wrap,.cf-check .wrap{padding:36px 22px 64px}
.cf-page .wrap{padding-left:22px;padding-right:22px}.cf-page .wrap>section:first-child{padding-top:40px}
.cf-page .legal,.cf-page .article{padding:40px 24px 64px}.cf-page .legal h1,.cf-page .article h1{font-size:36px}
.cf-page .blog-hero{padding:44px 24px;border-radius:0 0 28px 28px}.cf-page .blog-hero .container{padding-right:0}.cf-page .blog-hero .container:after{display:none}
.cf-page .blog-grid{padding:40px 24px}.cf-page .blog-cards{grid-template-columns:1fr}
.cf-page .cn-form,.cf-page .checkform{flex-wrap:wrap}.cf-page .cn-form button,.cf-page .checkform button{flex:auto}
.cf-page .lead,.cf-page .sub,.cf-page .cn-lead{font-size:16px}
.cf-app .main{padding:24px 20px 60px}.cf-app .top{padding:12px 20px}.cf-app h1{font-size:30px}.cf-app .account-welcome{padding:22px}.cf-app .account-welcome p{font-size:20px}.cf-app .account-welcome img{width:110px;height:100px}
.cf-app .kv{grid-template-columns:1fr;gap:8px}.cf-app .stats{gap:28px}.cf-app .cols{gap:28px}
}
@media(max-width:380px){.cf-app .account-welcome img{display:none}.cf-auth .auth-wrapper{padding:28px 20px}.cf-app .top .who{font-size:11px}.cf-page .cn-form button,.cf-page .checkform button{width:100%}.auth-story{padding:26px}}
@media(prefers-reduced-motion:reduce){[data-scroll-header]{transition:none!important}.cf-auth .auth-story img,.cf-page .utility-intro img,.cf-app .route.on{animation:none!important}.cf-app .rv{opacity:1!important;transform:none!important}.cf-app .nav{transition:none!important}}

@media(max-width:900px){.cf-app .cf-top-label{display:none}}

/* Readability and keyboard access verified with axe. */
.cf-auth #cfLangBar a{color:#52634d!important}
.cf-page .legal p a,.cf-page .legal li a,.cf-page .article p a{text-decoration:underline;text-underline-offset:3px}
.cf-page .article .article-cta a{color:#fff;background:#263e32}
.cf-page .bc,.cf-page .bc a,.cf-page .scan-pre{color:#62685e}
.cf-page .mk.q{color:#685621}
.cf-app .nav-sec{color:#56604e}
.process-n{color:#626c59}

.cf-page .cta small{color:#62685e!important}
.cf-app .cols>*{min-width:0}
.cf-app .who a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.cf-app .cols{grid-template-columns:minmax(0,1fr)}}
.ref-banner .privacy-label{color:#fff}
.price-band>p,.price-band .band-limit{color:#62685e}

.ref-banner .privacy-label{background:#126d3b;color:#fff}

.cf-page .cn-h1,.cf-page .cn-lead,.cf-page .cn-hint{text-align:left;margin-left:0}
.cf-page .cn-v{background:transparent;border:0;border-bottom:1px solid #dce1d5;border-radius:0}

.cf-z-strip{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;justify-content:center;padding:11px 16px;background:#17171a;color:#fafaf9;font-size:.9rem;line-height:1.45;text-align:center}.cf-z-strip b{font-weight:600}.cf-z-strip a{color:#fafaf9;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}