@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');
.cc-launch{margin:22px 0;text-align:center}.cc-open,.cc-start{background:#18a9b5!important;color:#fff!important;border:0!important;border-radius:4px;padding:14px 26px;font-weight:700;cursor:pointer}.cc-overlay[hidden],.cc-overlay [hidden]{display:none!important}.cc-overlay{position:fixed;inset:0;z-index:999999;background:#fff;color:#252525;overflow-y:auto;font-family:system-ui,-apple-system,sans-serif}.cc-shell{max-width:900px;min-height:100vh;margin:auto;display:flex;flex-direction:column}.cc-header{display:flex;justify-content:space-between;align-items:center;padding:19px 24px;border-bottom:1px solid #e8e8e8;letter-spacing:.09em;color:#168e9a}.cc-close{font-size:32px;background:none;border:0;cursor:pointer;color:#222}.cc-body{padding:26px 24px;flex:1}.cc-title,.cc-intro-title{font-family:Georgia,serif;font-weight:400;font-size:clamp(29px,5vw,44px);line-height:1.18;margin:0 0 22px}.cc-intro{text-align:center;max-width:760px;margin:12px auto 55px}.cc-hero{width:100%;height:auto;margin:0 0 28px;overflow:visible}.cc-hero-image{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain}.cc-kicker{color:#168e9a;letter-spacing:.15em;font-size:12px;font-weight:700;margin:12px 0}.cc-intro-servings{color:#666;margin:12px 0 28px}.cc-servings{display:flex;align-items:center;gap:15px;margin:20px 0}.cc-servings button{width:36px;height:36px;background:#fff;border:1px solid #aaa;border-radius:50%;cursor:pointer}.cc-tabs{display:flex;border-bottom:1px solid #ddd;margin:25px 0}.cc-tabs button{flex:1;border:0;background:none;padding:14px;cursor:pointer;font-weight:600}.cc-tabs button.is-active{border-bottom:3px solid #18a9b5;color:#148b96}.cc-item{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid #eee;font-size:16px;line-height:1.55;font-weight:400}.cc-item input{accent-color:#18a9b5;width:19px;height:19px;margin-top:4px;flex:none}.cc-item.is-done .cc-item-text{text-decoration:line-through;color:#888}.cc-step-num{color:#148b96;font-weight:700;min-width:24px}.cc-item-text{flex:1;min-width:0;font-weight:400}.cc-ingredients .cc-item-text{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.cc-ingredients .cc-item-text strong{font-weight:600}.cc-amount{white-space:nowrap;font-variant-numeric:tabular-nums;color:#555}.cc-footer{border-top:1px solid #eee;padding:17px 24px;display:flex;justify-content:space-between;gap:15px;align-items:center}.cc-reset{background:none;border:0;color:#148b96;cursor:pointer}.cc-progress{font-size:14px;color:#555}body.cc-no-scroll{overflow:hidden}@media(max-width:600px){.cc-body{padding:20px 18px}.cc-header{padding:15px 18px}.cc-item{font-size:15px}.cc-hero{height:auto}.cc-hero-image{max-height:none}}
/* v0.3 */
.cc-item.is-done .cc-item-text{text-decoration:none!important;color:#969696!important}
.cc-item.is-done .cc-item-text strong{color:#969696}
.cc-title{font-size:clamp(26px,4vw,37px)}
.cc-progress-wrap{display:flex;align-items:center;gap:14px;min-width:210px}.cc-progress-track{height:5px;width:135px;background:#e7e7e7;border-radius:6px;overflow:hidden}.cc-progress-fill{height:100%;width:0;background:#18a9b5;transition:width .25s}
.cc-timer{margin:0 0 15px 43px;padding:12px 16px;background:#f4fafb;border:1px solid #d8eef0;border-radius:6px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cc-timer-label{font-size:13px;font-weight:600;color:#35757c}.cc-timer-clock{font-variant-numeric:tabular-nums;font-weight:700;font-size:20px}.cc-timer button{border:1px solid #18a9b5;background:white;color:#147f8a;border-radius:4px;padding:7px 12px;cursor:pointer}
.cc-tip{margin-top:36px;border-top:1px solid #e5e5e5;padding-top:22px}.cc-tip h2{font-size:17px;letter-spacing:.04em}.cc-tip p{line-height:1.7;color:#555}
.cc-brand{background:#168e9a;min-height:110px;display:flex;justify-content:center;align-items:center;margin:0 auto 32px;padding:22px}.cc-brand img{display:block;width:min(300px,75%);height:auto}.cc-finish{text-align:center;max-width:760px;margin:8px auto 60px}.cc-finish h1{font:normal clamp(44px,7vw,72px)/1.15 Georgia,serif;margin:12px 0 25px}.cc-finish h2{font:normal clamp(23px,4vw,34px)/1.25 Georgia,serif;margin:20px 0}.cc-finish-photo img{display:block;max-width:100%;width:100%;height:auto;object-fit:contain}.cc-finish-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:32px}.cc-finish-actions button{border:1px solid #18a9b5;background:white;color:#148b96;padding:12px 18px;border-radius:4px;cursor:pointer}.cc-finish-actions .cc-share{background:#18a9b5;color:white}
@media(max-width:600px){.cc-progress-track{width:75px}.cc-progress-wrap{min-width:0}.cc-timer{margin-left:0}.cc-brand{min-height:85px}}
@media print{body>*:not(#cc-overlay){display:none!important}#cc-overlay{position:static!important;overflow:visible!important}.cc-header,.cc-intro,.cc-footer,.cc-finish-actions,.cc-tabs,.cc-servings,.cc-timer,.cc-close{display:none!important}.cc-finish{display:none!important}.cc-work,.cc-ingredients,.cc-steps,.cc-tip{display:block!important}.cc-item input{display:none!important}.cc-shell{max-width:none}.cc-item{break-inside:avoid}.cc-item.is-done .cc-item-text{color:#222!important}}

/* 0.3.1: ensure completion heading is visible and print is handled in a separate document */
.cc-finish h1{display:block!important;visibility:visible!important;color:#222!important;opacity:1!important;font-family:Georgia,serif!important;font-size:clamp(44px,7vw,72px)!important;line-height:1.15!important;text-align:center!important}
.cc-finish .cc-brand{display:flex!important;visibility:visible!important}
.cc-finish .cc-kicker{display:block!important;visibility:visible!important}
.cc-item.is-done .cc-item-text,.cc-item.is-done .cc-item-text *{text-decoration:none!important;color:#969696!important}

/* v0.4.0 – schválená identita */
.cc-overlay{--cc-primary:#22B8C4;--cc-gold:#C09A64;--cc-tip-bg:#F8F2E8}
.cc-open,.cc-start{background:#22B8C4!important;color:#15373A!important}
.cc-header,.cc-kicker,.cc-reset,.cc-step-num{color:#14838B}
.cc-tabs{position:sticky;top:0;background:#fff;z-index:3}
.cc-tabs button.is-active{border-bottom-color:#22B8C4;color:#14838B}
.cc-item input{accent-color:#22B8C4}
.cc-progress-fill{background:#22B8C4}
.cc-tip{background:#F8F2E8;border:0;border-left:4px solid #C09A64;border-radius:8px;margin-top:32px;padding:20px 24px}
.cc-tip h2{margin:0 0 10px;color:#39342F;font-size:16px}
.cc-tip h2:before{content:'♧';color:#987446;margin-right:9px;font-size:21px}
.cc-tip p{color:#39342F;margin:0 0 9px}.cc-tip p:last-child{margin-bottom:0}
.cc-timer{background:#FAF7F1;border:1px solid #E9DCC9;border-left:4px solid #C09A64;border-radius:9px}
.cc-timer-label{color:#765A38}.cc-timer button{border-color:#C09A64;color:#624827;border-radius:6px}
.cc-timer .cc-timer-toggle{background:#C09A64;color:#252525;font-weight:700}
.cc-brand{background:#22B8C4}.cc-finish-actions button{border-color:#22B8C4;color:#14838B}.cc-finish-actions .cc-share{background:#22B8C4;color:#15373A}

/* 0.4.1 – approved compact editorial layout */
.cc-intro-brand{background:#22B8C4;width:fit-content;margin:0 auto 15px;padding:9px 18px;border-radius:5px}
.cc-intro-brand img{display:block;width:clamp(120px,18vw,165px);height:auto;max-height:50px}
.cc-ingredients .cc-item{min-height:44px;box-sizing:border-box;padding:0;align-items:center;line-height:1.35}
.cc-ingredients .cc-item input{margin-top:0;width:21px;height:21px}
.cc-ingredients .cc-item-text{align-items:center}
.cc-tip h2{display:flex;align-items:center;gap:9px}
.cc-tip h2:before{display:none!important}
.cc-chef-icon{width:25px;height:25px;flex:none;color:#987446}
.cc-timer{display:block;margin:8px 0 20px 43px;padding:20px;background:#FAF7F2;border:1px solid #EAE1D6;border-radius:13px;color:#292929}
.cc-timer-head,.cc-timer-main,.cc-timer-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px}
.cc-timer-head{margin-bottom:16px}.cc-timer-label{color:#282828;font-size:15px}.cc-timer-kind{font-size:13px;color:#777}
.cc-timer-main{margin-bottom:17px}.cc-timer-clockline{display:flex;align-items:center;gap:10px}.cc-timer-clock{font-size:clamp(28px,5vw,39px);line-height:1.2;font-weight:650;font-variant-numeric:tabular-nums}.cc-timer-recommend{display:block;color:#777;margin-top:4px;font-size:12px}
.cc-timer .cc-timer-edit{border:0;background:transparent;color:#87673B;font-size:20px;padding:6px;cursor:pointer}
.cc-timer .cc-timer-toggle{border:0;border-radius:50%;background:#C09A64;color:#29231B;font-size:25px;width:56px;height:56px;padding:0;display:grid;place-items:center;flex:none;cursor:pointer}
.cc-timer-track{height:6px;background:#E6E2DD;border-radius:9px;overflow:hidden}.cc-timer-fill{height:100%;width:0;background:#C09A64;transition:width .3s}
.cc-timer-bottom{margin-top:10px}.cc-timer-status{font-size:12px;color:#777}.cc-timer .cc-timer-reset{border:0;background:none;color:#777;padding:5px;font-size:12px}
.cc-timer-editor{display:flex;gap:8px;align-items:center;margin:0 0 14px}.cc-timer-editor[hidden]{display:none}.cc-timer-editor input{width:95px;padding:8px;border:1px solid #bca98e;border-radius:5px}.cc-timer-editor button{font-size:12px}.cc-timer-notice{font-size:12px;color:#73512b}
.cc-complete{display:block;margin:28px auto 15px;border:0;border-radius:6px;background:#22B8C4;color:#15373A;padding:13px 24px;font-weight:700;cursor:pointer}.cc-complete[hidden]{display:none!important}
.cc-finish{max-width:650px;margin:0 auto;text-align:center}.cc-finish-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.7vh,18px);min-height:calc(100dvh - 150px);box-sizing:border-box;padding:10px 0}
.cc-finish .cc-brand{min-height:0;width:fit-content;margin:0;padding:8px 16px;border-radius:5px;background:#22B8C4}.cc-finish .cc-brand img{width:clamp(110px,17vw,155px);height:auto;max-height:43px}
.cc-finish-kicker{margin:0;color:#666;font-size:11px;font-weight:700;letter-spacing:.16em}
.cc-finish h1,.cc-finish h1:focus{font:normal clamp(39px,6vw,68px)/1.1 Georgia,serif!important;margin:0!important;color:#252525!important;outline:none!important}
.cc-finish-swoosh{width:145px;height:13px;border-top:4px solid #22B8C4;border-radius:50%;transform:rotate(-3deg);margin-top:-4px}
.cc-finish-message{font-size:clamp(14px,2vw,17px);line-height:1.5;max-width:470px;margin:0;color:#555}.cc-finish-title{font-weight:600}
.cc-finish-actions{width:min(100%,430px);display:flex;flex-direction:column;gap:9px;margin:8px 0 0}.cc-finish-actions button{font-size:14px;cursor:pointer;border-radius:8px;padding:12px 16px}
.cc-finish-actions .cc-share{background:#C09A64!important;border-color:#C09A64!important;color:#29231B!important;font-weight:700}
.cc-finish-actions .cc-return{background:transparent;color:#444;border:1px solid #8A8680}.cc-finish-minor{display:flex;justify-content:center;gap:14px}.cc-finish-minor button{border:0;background:none;color:#666;font-size:12px;padding:6px}
.cc-overlay:has(.cc-finish:not([hidden])){background:#FAF7F2}
@media(max-width:600px){.cc-ingredients .cc-item{min-height:48px;padding:0}.cc-timer{margin-left:0;padding:15px}.cc-finish-inner{min-height:calc(100dvh - 120px);gap:clamp(6px,1.4vh,12px)}.cc-finish-actions button{padding:10px 12px}.cc-body:has(.cc-finish:not([hidden])){padding:8px 16px}.cc-finish .cc-brand img{width:115px}}
@media(max-height:650px){.cc-finish-inner{min-height:0;gap:6px}.cc-finish .cc-brand img{width:100px}.cc-finish h1{font-size:38px!important}.cc-finish-actions{gap:5px;margin-top:0}.cc-finish-actions button{padding:8px 12px}}

/* 0.4.2 – consistent cream background, compact ingredients, social links */
#cc-overlay.cc-overlay{background:#FAF7F2!important}
#cc-overlay .cc-tabs{background:#FAF7F2!important}
#cc-overlay .cc-header,#cc-overlay .cc-footer{border-color:#E7E0D8}
#cc-overlay .cc-ingredients .cc-item{min-height:44px!important;height:auto!important;padding:0!important;margin:0!important;gap:12px!important;align-items:center!important;line-height:1.3!important;border-bottom:1px solid #E7E0D8!important;box-sizing:border-box!important}
#cc-overlay .cc-ingredients .cc-item-text{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;line-height:1.3!important;margin:0!important;padding:0!important}
#cc-overlay .cc-ingredients .cc-item-text strong{line-height:1.3!important;margin:0!important;font-weight:650!important}
#cc-overlay .cc-ingredients .cc-item input{width:23px!important;height:23px!important;margin:0!important;flex:0 0 23px!important}
#cc-overlay .cc-ingredients .cc-amount{flex-shrink:0!important;white-space:nowrap}
#cc-overlay .cc-timer{background:#FFFDFC}
#cc-overlay .cc-resume{display:block;margin:12px auto 0;background:transparent;border:1px solid #C09A64;color:#55412A;border-radius:5px;padding:11px 20px;font-weight:600;cursor:pointer}
#cc-overlay .cc-resume[hidden]{display:none!important}
#cc-overlay .cc-wake-wrap{text-align:right;margin:12px 0}
#cc-overlay .cc-wake{background:transparent;border:1px solid #C09A64;color:#614A2D;padding:9px 12px;border-radius:6px;cursor:pointer}
#cc-overlay .cc-social{display:flex;flex-direction:column;align-items:center;gap:9px;margin-top:4px;color:#77716B;font-size:12px}
#cc-overlay .cc-social-links{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap}
#cc-overlay .cc-social-links a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#39332D;font-size:14px;font-weight:600}
#cc-overlay .cc-social-links a:hover{text-decoration:underline}
#cc-overlay .cc-social-links svg{width:19px;height:19px;fill:none;stroke:#C09A64;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#cc-overlay .cc-finish-inner{gap:clamp(6px,1.3vh,13px)}
#cc-overlay .cc-intro-servings{margin:12px 0 22px}
@media(max-width:600px){#cc-overlay .cc-ingredients .cc-item{min-height:48px!important;padding:0!important}#cc-overlay .cc-ingredients .cc-item-text{gap:10px!important}#cc-overlay .cc-finish-inner{gap:6px}#cc-overlay .cc-social-links{gap:20px}}
@media(max-height:690px){#cc-overlay .cc-finish-inner{min-height:0!important}#cc-overlay .cc-finish h1{font-size:clamp(36px,6vw,50px)!important}#cc-overlay .cc-social{gap:5px}}

/* 0.4.3 – handwritten signature on completion screen */
#cc-overlay .cc-finish-kicker{display:none!important}
#cc-overlay .cc-finish-thanks{font-size:clamp(15px,1.8vw,20px);line-height:1.35;color:#62605D;margin-top:4px}
#cc-overlay .cc-signature{display:flex;align-items:center;justify-content:center;gap:8px;color:#C09A64;max-width:100%;line-height:1.05;margin:0 0 3px}
#cc-overlay .cc-signature>span:first-child{font-family:'Alex Brush','Snell Roundhand','Apple Chancery',cursive;font-size:clamp(43px,6vw,72px);font-weight:400;white-space:nowrap}
#cc-overlay .cc-signature-heart{font-family:Georgia,serif;font-size:clamp(19px,2.5vw,28px);align-self:center;transform:rotate(12deg);margin-top:10px}
@media(max-width:600px){#cc-overlay .cc-signature>span:first-child{font-size:clamp(39px,10vw,57px)}#cc-overlay .cc-signature-heart{font-size:20px}}
@media(max-height:690px){#cc-overlay .cc-signature>span:first-child{font-size:43px}#cc-overlay .cc-finish-thanks{font-size:14px}}

/* 0.4.5: definitive compact ingredient rows; scoped against theme label styles. */
#cc-overlay .cc-work .cc-ingredients {margin:0!important;padding:0!important;}
#cc-overlay .cc-work .cc-ingredients > label.cc-item {
  display:flex!important;align-items:center!important;position:relative!important;
  box-sizing:border-box!important;min-height:44px!important;height:auto!important;
  padding:0!important;margin:0!important;line-height:1.25!important;
  gap:12px!important;border-bottom:1px solid #E7E0D8!important;
  font-size:16px!important;
}
#cc-overlay .cc-work .cc-ingredients > label.cc-item > input[type="checkbox"] {
  display:block!important;position:static!important;float:none!important;
  width:24px!important;height:24px!important;min-width:24px!important;
  margin:0!important;padding:0!important;flex:0 0 24px!important;
}
#cc-overlay .cc-work .cc-ingredients > label.cc-item > .cc-item-text {
  min-height:0!important;margin:0!important;padding:0!important;
  line-height:1.25!important;align-items:center!important;
}
#cc-overlay .cc-work .cc-ingredients > label.cc-item strong,
#cc-overlay .cc-work .cc-ingredients > label.cc-item .cc-amount {
  margin:0!important;padding:0!important;line-height:1.25!important;
}
#cc-overlay .cc-work .cc-tabs {margin-bottom:16px!important;}
@media(max-width:600px){
  #cc-overlay .cc-work .cc-ingredients > label.cc-item {min-height:48px!important;font-size:15px!important;}
}

/* 0.4.6: single primary intro action; subtle restart link */
#cc-overlay .cc-intro .cc-start[hidden],#cc-overlay .cc-intro .cc-resume[hidden],#cc-overlay .cc-intro .cc-intro-restart[hidden]{display:none!important}
#cc-overlay .cc-intro .cc-resume:not([hidden]){display:block!important;margin:0 auto;background:#22B8C4!important;color:#222!important;border:0!important;border-radius:5px!important;padding:14px 24px!important;font-weight:700!important;cursor:pointer}
#cc-overlay .cc-intro .cc-intro-restart:not([hidden]){display:block!important;margin:12px auto 0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#665C50!important;text-decoration:underline;text-underline-offset:3px;font-size:14px!important;padding:6px!important;cursor:pointer}

/* 0.4.8: editorial launch button in the original Coolinári palette */
.cc-launch .cc-open{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:17px!important;min-height:66px!important;padding:15px 29px!important;background:#22B8C4!important;color:#fff!important;border:0!important;border-radius:12px!important;box-shadow:0 8px 20px rgba(0,0,0,.13)!important;font:600 clamp(18px,2vw,24px)/1.2 Georgia,serif!important;letter-spacing:0!important;text-transform:none!important;transition:transform .15s ease,box-shadow .15s ease!important}
.cc-launch .cc-open:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(0,0,0,.17)!important}
.cc-launch .cc-open:focus:not(:focus-visible){outline:none!important}
.cc-launch .cc-open:focus-visible{outline:3px solid #174C54!important;outline-offset:4px!important}
.cc-launch .cc-open-icon{display:inline-flex;color:#C09A64;border-right:1px solid rgba(255,255,255,.75);padding-right:16px}
.cc-launch .cc-open-arrow{color:#C09A64;font:700 31px/1 system-ui,sans-serif}
#cc-overlay .cc-ingredient-group{margin:19px 0 5px!important;padding:8px 0 7px!important;font:normal 23px/1.25 Georgia,serif!important;color:#147E87!important;border-bottom:1px solid #C09A64!important}
#cc-overlay .cc-ingredient-group:first-child{margin-top:0!important}
@media(max-width:600px){.cc-launch .cc-open{gap:10px!important;padding:14px 16px!important;min-height:58px!important}.cc-launch .cc-open-icon{padding-right:10px}.cc-launch .cc-open-arrow{font-size:24px}}

/* 0.4.9: restrained editorial launch button (approved variant A) */
.cc-launch .cc-open{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:15px!important;min-height:56px!important;padding:13px 24px!important;background:#22B8C4!important;color:#fff!important;border:0!important;border-radius:13px!important;box-shadow:none!important;font:600 18px/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:0!important;text-transform:none!important;transition:background .15s ease,transform .15s ease!important}
.cc-launch .cc-open:hover{background:#19a8b3!important;transform:translateY(-1px);box-shadow:none!important}
.cc-launch .cc-open-icon{display:inline-flex!important;color:#fff!important;border:0!important;padding:0!important}
.cc-launch .cc-open-icon svg{width:23px;height:23px}
.cc-launch .cc-open-arrow{color:#fff!important;font:500 24px/1 system-ui,sans-serif!important}
.cc-launch .cc-open:focus-visible{outline:3px solid #174C54!important;outline-offset:3px!important}
@media(max-width:600px){.cc-launch .cc-open{min-height:52px!important;padding:12px 18px!important;gap:11px!important;font-size:16px!important}}

/* 0.5.0: restrained magazine CTA, matching the approved A concept. */
.cc-launch .cc-open{min-height:52px!important;padding:12px 23px!important;gap:14px!important;border-radius:11px!important;box-shadow:none!important;font:500 17px/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background:#22B8C4!important;color:#fff!important}
.cc-launch .cc-open:hover{background:#22B8C4!important;filter:brightness(.96);transform:none!important}
.cc-launch .cc-open-icon svg{width:21px!important;height:21px!important;stroke-width:1.6!important}
.cc-launch .cc-open-arrow{font:400 21px/1 system-ui,sans-serif!important}
@media(max-width:600px){.cc-launch .cc-open{min-height:49px!important;padding:11px 17px!important;gap:11px!important;font-size:16px!important}}

/* 0.5.1: branded sharing fallback */
#cc-overlay .cc-share-dialog[hidden]{display:none!important}
#cc-overlay .cc-share-dialog{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px}
#cc-overlay .cc-share-backdrop{position:absolute;inset:0;background:rgba(28,32,31,.56)}
#cc-overlay .cc-share-panel{position:relative;box-sizing:border-box;width:min(100%,480px);padding:30px;border-radius:16px;background:#FAF7F2;color:#262626;box-shadow:0 20px 60px rgba(0,0,0,.22);font-family:system-ui,-apple-system,sans-serif}
#cc-overlay .cc-share-panel h2{font:normal 31px/1.2 Georgia,serif;margin:0 35px 12px 0;color:#252525}
#cc-overlay .cc-share-panel p{font-size:15px;line-height:1.5;margin:0 0 18px;color:#5b5855}
#cc-overlay .cc-share-panel label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}
#cc-overlay .cc-share-panel input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #bdb7ae;border-radius:7px;background:#fff;color:#333;font-size:14px}
#cc-overlay .cc-share-panel .cc-share-copy{display:block;width:100%;margin-top:14px;padding:13px 18px;border:0;border-radius:8px;background:#22B8C4;color:#fff;font-size:16px;font-weight:600;cursor:pointer}
#cc-overlay .cc-share-panel .cc-share-close{position:absolute;right:18px;top:14px;border:0;background:transparent;color:#555;font-size:30px;line-height:1;cursor:pointer}
#cc-overlay .cc-share-panel .cc-share-feedback{margin:12px 0 0;min-height:20px;font-size:13px;color:#147E87}
#cc-overlay .cc-share-panel button:focus-visible,#cc-overlay .cc-share-panel input:focus-visible{outline:3px solid #147E87;outline-offset:3px}

/* 1.0.2 – subtle view of the original recipe behind cooking mode */
@media screen and (min-width: 901px) {
  #cc-overlay.cc-overlay {
    box-sizing: border-box;
    padding: 24px;
    background: rgba(250,247,242,.85)!important;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
  }
  #cc-overlay .cc-shell {
    box-sizing: border-box;
    min-height: calc(100vh - 48px);
    background: #FAF7F2;
    border: 1px solid #E7E0D8;
    border-radius: 12px;
    box-shadow: 0 18px 55px rgba(47,39,30,.14);
    overflow: hidden;
  }
}
@media print {
  #cc-overlay.cc-overlay {padding:0!important;background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  #cc-overlay .cc-shell {box-shadow:none!important;border:0!important;border-radius:0!important}
}

/* 1.0.3 – keep the cooking interface inside narrow mobile viewports */
@media screen and (max-width: 900px) {
  html body #cc-overlay.cc-overlay {
    left: 0!important;
    right: 0!important;
    width: 100%!important;
    max-width: 100vw!important;
    box-sizing: border-box!important;
    padding: 0!important;
    overflow-x: hidden!important;
    overscroll-behavior-x: none;
  }
  #cc-overlay, #cc-overlay * { box-sizing: border-box; }
  #cc-overlay .cc-shell {
    width: 100%!important;
    max-width: 100%!important;
    min-width: 0!important;
    margin: 0!important;
    border-radius: 0!important;
    overflow-x: clip;
  }
  #cc-overlay .cc-header, #cc-overlay .cc-body,
  #cc-overlay .cc-footer, #cc-overlay .cc-intro,
  #cc-overlay .cc-work, #cc-overlay .cc-steps,
  #cc-overlay .cc-ingredients, #cc-overlay .cc-tabs {
    min-width: 0!important;
    max-width: 100%!important;
  }
  #cc-overlay .cc-item, #cc-overlay .cc-item-text,
  #cc-overlay .cc-timer, #cc-overlay .cc-timer-left {
    min-width: 0!important;
    max-width: 100%!important;
  }
  #cc-overlay .cc-title, #cc-overlay .cc-intro-title,
  #cc-overlay .cc-item-text, #cc-overlay .cc-tip,
  #cc-overlay .cc-timer { overflow-wrap: anywhere; }
  #cc-overlay .cc-timer-head, #cc-overlay .cc-timer-main,
  #cc-overlay .cc-timer-bottom { min-width: 0; }
  #cc-overlay .cc-timer-editor { flex-wrap: wrap; }
  #cc-overlay .cc-timer-editor input { max-width: 95px; }
  #cc-overlay .cc-hero-image { max-width: 100%; }
}
@media screen and (max-width: 380px) {
  #cc-overlay .cc-timer { padding: 12px; }
  #cc-overlay .cc-timer-main { gap: 8px; }
  #cc-overlay .cc-timer .cc-timer-toggle { width: 48px; height: 48px; }
  #cc-overlay .cc-timer-clock { font-size: 29px; }
  #cc-overlay .cc-footer { flex-wrap: wrap; }
}

/* 1.0.5 – screen awake control near heading */
#cc-overlay .cc-wake-wrap{text-align:left;margin:4px 0 8px}
#cc-overlay .cc-wake{font-size:12px;line-height:1.3;padding:7px 10px;border-radius:18px;max-width:100%;white-space:normal}
#cc-overlay .cc-timer .cc-timer-sound-test{display:block;margin:0 0 12px auto;background:transparent;border:0;color:#87673B;font-size:12px;text-decoration:underline;padding:4px 0}
@media(max-width:600px){#cc-overlay .cc-wake-wrap{margin:0 0 6px}}

/* 1.0.8: prevent iOS Safari input-focus zoom and horizontal overflow in timer editor */
@media screen and (max-width:900px){
  #cc-overlay .cc-timer-editor{display:flex;flex-wrap:wrap;max-width:100%;min-width:0;gap:8px;align-items:center;overflow-wrap:anywhere}
  #cc-overlay .cc-timer-editor[hidden]{display:none!important}
  #cc-overlay .cc-timer-editor input{font-size:16px!important;line-height:1.3;min-width:0;max-width:100px;width:90px;flex:0 1 90px}
  #cc-overlay .cc-timer-editor button{font-size:14px;min-width:0;max-width:100%;white-space:normal;padding:8px 10px}
  #cc-overlay .cc-timer{width:100%;max-width:100%;min-width:0;overflow:hidden}
  #cc-overlay .cc-timer-head,#cc-overlay .cc-timer-main,#cc-overlay .cc-timer-bottom{max-width:100%;min-width:0}
}

/* 1.0.10: Completed timer state; restrained turquoise feedback. */
#cc-overlay .cc-timer.cc-timer-finished{background:#D5F3F0;border-color:#8BD8D1;border-left-color:#22B8C4;transition:background-color .5s ease,border-color .5s ease}
#cc-overlay .cc-timer.cc-timer-finished .cc-timer-clock,#cc-overlay .cc-timer.cc-timer-finished .cc-timer-label{color:#137C79}
#cc-overlay .cc-timer.cc-timer-finished .cc-timer-track{background:#B7E7E1}
#cc-overlay .cc-timer.cc-timer-finished .cc-timer-fill{background:#22B8C4}
#cc-overlay .cc-timer.cc-timer-finished .cc-timer-status{color:#137C79;font-weight:750;animation:cc-timer-complete-flash .6s ease-in-out 2}
@keyframes cc-timer-complete-flash{0%,100%{opacity:1}50%{opacity:.2}}
@media(prefers-reduced-motion:reduce){#cc-overlay .cc-timer.cc-timer-finished,#cc-overlay .cc-timer.cc-timer-finished .cc-timer-status{animation:none;transition:none}}

/* 1.0.11 – accessible recipe text sizing, limited to recipe content. */
#cc-overlay .cc-font-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:4px 0 12px;color:#665F57}
#cc-overlay .cc-font-label{font-size:13px;font-weight:600;margin-right:4px}
#cc-overlay .cc-font-controls button{min-width:44px;min-height:44px;padding:7px 9px;border:1px solid #D8D2C9;border-radius:8px;background:#FAF7F2;color:#147E87;font-size:17px;font-weight:700;cursor:pointer}
#cc-overlay .cc-font-controls button:disabled{opacity:.4;cursor:default}
#cc-overlay .cc-font-controls button:focus-visible{outline:3px solid #22B8C4;outline-offset:2px}
#cc-overlay .cc-work .cc-ingredients > label.cc-item{font-size:var(--cc-reader-font,17px)!important;line-height:1.5!important;padding:5px 0!important}
#cc-overlay .cc-work .cc-ingredients > label.cc-item > .cc-item-text,
#cc-overlay .cc-work .cc-ingredients > label.cc-item strong,
#cc-overlay .cc-work .cc-ingredients > label.cc-item .cc-amount{font-size:inherit!important;line-height:1.5!important}
#cc-overlay .cc-work .cc-ingredients .cc-item-text{flex-wrap:wrap;row-gap:2px!important}
#cc-overlay .cc-work .cc-ingredients .cc-amount{white-space:normal!important;overflow-wrap:normal}
#cc-overlay .cc-work .cc-steps .cc-item,
#cc-overlay .cc-work .cc-steps .cc-item-text,
#cc-overlay .cc-work .cc-steps p,
#cc-overlay .cc-work .cc-steps li{font-size:var(--cc-reader-font,17px)!important;line-height:1.65!important}
#cc-overlay .cc-work .cc-tip-content,
#cc-overlay .cc-work .cc-tip-content p{font-size:var(--cc-reader-font,17px)!important;line-height:1.65!important}
@media print{#cc-overlay .cc-font-controls{display:none!important}}

/* 1.0.12 – prevent intrinsic-width expansion at enlarged reader sizes on iOS Safari. */
@media screen and (max-width:900px){
 html,body{max-width:100%;overflow-x:clip}
 html body #cc-overlay.cc-overlay{width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}
 #cc-overlay .cc-shell,#cc-overlay .cc-body,#cc-overlay .cc-work,#cc-overlay .cc-tabs,#cc-overlay .cc-ingredients,#cc-overlay .cc-steps{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
 #cc-overlay .cc-font-controls{display:flex!important;flex-wrap:wrap!important;align-items:center;gap:6px!important;max-width:100%;min-width:0;width:100%;}
 #cc-overlay .cc-font-label{flex:0 0 100%;margin:0 0 3px!important}
 #cc-overlay .cc-font-controls button{flex:0 0 44px;min-width:44px!important;max-width:44px!important;width:44px!important;min-height:44px!important;padding:6px!important;white-space:nowrap;font-size:17px!important}
 #cc-overlay .cc-work .cc-ingredients > label.cc-item{width:100%!important;min-width:0!important;max-width:100%!important}
 #cc-overlay .cc-work .cc-ingredients > label.cc-item > .cc-item-text{display:flex!important;flex:1 1 0!important;min-width:0!important;max-width:100%!important;flex-wrap:wrap!important;gap:3px 10px!important;overflow-wrap:anywhere!important}
 #cc-overlay .cc-work .cc-ingredients > label.cc-item strong{flex:1 1 170px!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
 #cc-overlay .cc-work .cc-ingredients > label.cc-item .cc-amount{flex:0 1 auto!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
 #cc-overlay .cc-title,#cc-overlay .cc-intro-title,#cc-overlay .cc-step-num,#cc-overlay .cc-item-text{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}
}

/* 1.0.13 – iOS Safari: prevent double-tap zoom within cooking mode.
   touch-action: manipulation retains scrolling and pinch-to-zoom accessibility. */
@media (pointer:coarse) {
  #cc-overlay, #cc-overlay * { touch-action: manipulation; }
}

/* v1.0.14: typographic sizing controls, without +/- symbols */
#cc-overlay .cc-font-controls .cc-font-glyph{display:inline-block;font-family:Georgia,serif;font-weight:700;line-height:1;vertical-align:middle}
#cc-overlay .cc-font-controls .cc-font-glyph-small{font-size:13px}
#cc-overlay .cc-font-controls .cc-font-glyph-large{font-size:25px}
#cc-overlay .cc-font-controls .cc-font-reset{font-family:Georgia,serif;font-size:18px!important;font-weight:700}

/* 1.0.16 – Coolinári turquoise for the screen-awake control */
#cc-overlay .cc-wake{border:1.5px solid #22B8C4;background:transparent;color:#168B95;font-weight:600;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
#cc-overlay .cc-wake[aria-pressed="true"]{background:#22B8C4;border-color:#22B8C4;color:#FFFFFF;box-shadow:0 0 0 2px rgba(34,184,196,.13)}
#cc-overlay .cc-wake:focus-visible{outline:2px solid #22B8C4;outline-offset:3px}

/* Voice controls – Coolinári brand turquoise */
#cc-overlay .cc-voice-controls{margin:12px 0;display:flex;flex-direction:column;align-items:center;gap:9px}
#cc-overlay .cc-voice-controls[hidden],#cc-overlay .cc-voice-player[hidden]{display:none!important}
#cc-overlay .cc-voice-enable{border:1.5px solid #22B8C4;border-radius:999px;background:transparent;color:#167E88;padding:9px 15px;font-weight:600;cursor:pointer}
#cc-overlay .cc-voice-enable[aria-pressed="true"]{background:#22B8C4;color:#fff}
#cc-overlay .cc-voice-player{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
#cc-overlay .cc-voice-now{font-size:13px;color:#555}
#cc-overlay .cc-voice-player button,#cc-overlay .cc-voice-step{border:1px solid #22B8C4;border-radius:20px;background:#fff;color:#167E88;padding:7px 11px;cursor:pointer;font-size:13px}
#cc-overlay .cc-voice-step{display:block;margin:7px 0 14px 28px}

/* 1.1.1 – compact narration controls; keep brand turquoise #22B8C4 */
#cc-overlay .cc-voice-controls{margin:12px 0 14px;align-items:stretch;gap:8px;max-width:100%;padding:10px 12px;border:1px solid #e8e1d8;border-radius:15px;background:#fffdfb}
#cc-overlay .cc-voice-enable{align-self:flex-start;font-size:13px;padding:7px 12px}
#cc-overlay .cc-voice-player{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}
#cc-overlay .cc-voice-player .cc-voice-play{flex:0 0 40px;width:40px;height:40px;padding:0;border-radius:50%;background:#22B8C4;color:#fff;font-size:18px;font-weight:700}
#cc-overlay .cc-voice-player .cc-voice-repeat{flex:0 0 36px;width:36px;height:36px;padding:0;border-radius:50%;font-size:22px}
#cc-overlay .cc-voice-detail{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:5px}
#cc-overlay .cc-voice-now{font-size:13px;font-weight:600;color:#333;overflow-wrap:anywhere}
#cc-overlay .cc-voice-track{width:100%;height:5px;border-radius:99px;background:#e6e0d8;overflow:hidden}
#cc-overlay .cc-voice-fill{display:block;height:100%;width:0;background:#22B8C4;transition:width .15s linear;border-radius:99px}
#cc-overlay .cc-voice-time{display:flex;justify-content:space-between;font-size:11px;color:#666;font-variant-numeric:tabular-nums}
#cc-overlay .cc-voice-step.is-playing{background:#22B8C4;color:white}
#cc-overlay .cc-steps .cc-item:has(+ .cc-voice-step.is-playing){border-left:3px solid #22B8C4;padding-left:8px;background:rgba(34,184,196,.06)}
@media(max-width:420px){#cc-overlay .cc-voice-controls{padding:10px}#cc-overlay .cc-voice-player{gap:9px}}

/* 1.1.2 – jednotné prepínače, prehrávač pri práve prehrávanej časti */
#cc-overlay .cc-settings-row{display:flex;flex-direction:column;align-items:stretch;gap:7px;margin:10px 0 16px}
#cc-overlay .cc-wake-wrap,#cc-overlay .cc-voice-controls{margin:0;padding:0;border:0;background:transparent;display:block;text-align:left;width:100%}
#cc-overlay .cc-voice-controls[hidden],#cc-overlay .cc-wake[hidden],#cc-overlay .cc-voice-player[hidden],#cc-overlay .cc-voice-step[hidden]{display:none!important}
#cc-overlay .cc-setting-toggle,#cc-overlay .cc-wake.cc-setting-toggle,#cc-overlay .cc-voice-enable.cc-setting-toggle{width:100%;max-width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 2px;border:0;border-radius:0;background:transparent;color:#333;font-size:14px;line-height:1.4;font-weight:500;box-shadow:none;text-align:left;cursor:pointer}
#cc-overlay .cc-setting-toggle[aria-pressed=true],#cc-overlay .cc-wake.cc-setting-toggle[aria-pressed=true],#cc-overlay .cc-voice-enable.cc-setting-toggle[aria-pressed=true]{background:transparent;color:#333;border:0;box-shadow:none}
#cc-overlay .cc-switch{width:44px;height:26px;flex:0 0 44px;border-radius:20px;background:#b8b8b8;position:relative;transition:background .18s}
#cc-overlay .cc-switch-knob{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .18s;box-shadow:0 1px 3px #0002}
#cc-overlay .cc-setting-toggle[aria-pressed=true] .cc-switch{background:#22B8C4}
#cc-overlay .cc-setting-toggle[aria-pressed=true] .cc-switch-knob{transform:translateX(18px)}
#cc-overlay .cc-voice-step-row{margin:5px 0 14px 28px}
#cc-overlay .cc-voice-step-row .cc-voice-step{margin:0}
#cc-overlay .cc-voice-step-row.cc-voice-active{border-left:3px solid #22B8C4;padding-left:8px}
#cc-overlay .cc-voice-player{width:100%;display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #e4ded5;border-radius:13px;background:#fff;box-sizing:border-box}
#cc-overlay .cc-ingredients>.cc-voice-player{margin:12px 0}
#cc-overlay .cc-voice-player .cc-voice-play{flex:0 0 40px}
#cc-overlay .cc-voice-player .cc-voice-repeat{flex:0 0 36px}
#cc-overlay .cc-voice-now{font-size:13px}
@media(max-width:400px){#cc-overlay .cc-voice-step-row{margin-left:12px}#cc-overlay .cc-voice-player{padding:8px;gap:7px}}


/* 1.1.3 – compact unified mobile settings; only layout, no behavioral changes */
#cc-overlay .cc-settings-row{gap:0;margin:4px 0 2px}
#cc-overlay .cc-wake-wrap,#cc-overlay .cc-voice-controls{margin:0!important;padding:0!important}
#cc-overlay .cc-setting-toggle,#cc-overlay .cc-wake.cc-setting-toggle,#cc-overlay .cc-voice-enable.cc-setting-toggle{
  min-height:42px;padding:4px 2px;gap:12px;font-size:14px;
}
#cc-overlay .cc-switch{width:42px;height:24px;flex-basis:42px}
#cc-overlay .cc-switch-knob{width:18px;height:18px}
#cc-overlay .cc-setting-toggle[aria-pressed=true] .cc-switch-knob{transform:translateX(18px)}
#cc-overlay .cc-font-controls{
  display:flex!important;align-items:center!important;justify-content:space-between;
 flex-wrap:nowrap!important;gap:6px!important;width:100%;min-width:0;
 margin:3px 0 11px;padding:4px 2px;box-sizing:border-box;
}
#cc-overlay .cc-font-label{flex:1 1 auto!important;min-width:0;margin:0!important;font-size:14px;font-weight:500;color:#333}
#cc-overlay .cc-font-controls button{flex:0 0 38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;min-height:38px!important;height:38px;padding:3px!important;border-radius:8px}
@media(max-width:350px){
 #cc-overlay .cc-font-controls{gap:4px!important}
 #cc-overlay .cc-font-controls button{flex-basis:35px!important;width:35px!important;min-width:35px!important;max-width:35px!important;min-height:35px!important;height:35px}
 #cc-overlay .cc-font-label{font-size:13px}
}

/* 1.1.4: hlasový prehrávač na začiatku príslušnej časti */
.cc-steps > .cc-voice-step-row{margin-top:14px;margin-bottom:8px}
.cc-ingredients > .cc-voice-player{margin-bottom:14px}
.cc-tip-content > .cc-voice-step-row{margin-bottom:8px}

/* 1.1.5 – samostatné editoriálne bloky postupu, bez zmeny prehrávačov a typografie */
#cc-overlay .cc-steps .cc-step-block{
  border-top:1px solid #e4e0da;
  padding:25px 0 24px;
  margin:0;
  min-width:0;
}
#cc-overlay .cc-steps .cc-step-block:first-child{border-top:0;padding-top:9px}
#cc-overlay .cc-steps .cc-step-block .cc-voice-step-row{margin:0 0 15px;padding:0}
#cc-overlay .cc-steps .cc-step-block > .cc-item{
  padding:0; margin:0; border-bottom:0;
  align-items:flex-start;
}
#cc-overlay .cc-steps .cc-step-block .cc-timer{margin-top:18px}
@media(max-width:600px){
  #cc-overlay .cc-steps .cc-step-block{padding:29px 0 30px}
  #cc-overlay .cc-steps .cc-step-block:first-child{padding-top:12px}
  #cc-overlay .cc-steps .cc-step-block .cc-voice-step-row{margin-bottom:17px}
}
@media print{#cc-overlay .cc-steps .cc-step-block{break-inside:avoid;border-top:1px solid #ddd;padding:10px 0!important}}

/* 1.1.7: opt-in continuous voice repetition per step */
#cc-overlay .cc-voice-player .cc-voice-loop{flex:0 0 36px;width:36px;height:36px;padding:0;border-radius:50%;font-size:15px;font-weight:700;border:1px solid #c9c9c9;background:#fff;color:#666}
#cc-overlay .cc-voice-player .cc-voice-loop.is-active{background:#22B8C4;border-color:#22B8C4;color:#fff}
#cc-overlay .cc-voice-player .cc-voice-loop[hidden]{display:none!important}

/* 1.1.8: larger mobile touch targets without changing the editorial visual language */
@media (pointer:coarse){
 #cc-overlay .cc-voice-player .cc-voice-play,
 #cc-overlay .cc-voice-player .cc-voice-repeat,
 #cc-overlay .cc-voice-player .cc-voice-loop{min-width:44px;min-height:44px;flex-basis:44px;touch-action:manipulation}
 #cc-overlay .cc-voice-step{min-height:44px;display:inline-flex;align-items:center}
 #cc-overlay .cc-timer .cc-timer-toggle,
 #cc-overlay .cc-timer button,
 #cc-overlay .cc-servings button{min-height:44px;min-width:44px;touch-action:manipulation}
 #cc-overlay .cc-steps .cc-item input[type=checkbox],
 #cc-overlay .cc-ingredients .cc-item input[type=checkbox]{min-width:22px;min-height:22px}
 #cc-overlay .cc-steps .cc-item,
 #cc-overlay .cc-ingredients .cc-item{min-height:44px}
}

/* 1.1.9: extensions only; existing 1.1.8 typography/layout retained. */
#cc-overlay .cc-howto{margin:8px 0 16px 32px;padding:0 0 0 12px;border-left:2px solid #C09A64;color:inherit}
#cc-overlay .cc-howto summary{cursor:pointer;color:#16838b;font-weight:600;font-size:.92em;list-style:none;padding:5px 0}
#cc-overlay .cc-howto summary::-webkit-details-marker{display:none}
#cc-overlay .cc-howto summary::after{content:'⌄';padding-left:9px}
#cc-overlay .cc-howto[open] summary::after{content:'⌃'}
#cc-overlay .cc-howto p{font-size:var(--cc-reader-font,17px);line-height:1.55;margin:8px 0 12px;white-space:pre-line}
#cc-overlay .cc-timer-dock{position:sticky;bottom:0;z-index:6;background:#FAF7F2;border-top:1px solid #E7E0D8;border-bottom:1px solid #E7E0D8;padding:0 14px}
#cc-overlay .cc-timer-dock-summary{display:flex;align-items:center;gap:9px;justify-content:space-between;width:100%;border:0;background:transparent;color:#292929;padding:10px 4px;cursor:pointer;font:inherit;font-size:12px}
#cc-overlay .cc-timer-dock-title{font-weight:650;white-space:nowrap}
#cc-overlay .cc-timer-dock-clocks{font-variant-numeric:tabular-nums;margin-left:auto;color:#C09A64;font-weight:700}
#cc-overlay .cc-timer-dock-chevron{color:#22B8C4;font-size:16px}
#cc-overlay .cc-timer-dock-list{padding:4px 0 9px}
#cc-overlay .cc-timer-dock-row{display:flex;align-items:center;gap:12px;padding:7px 4px;border-top:1px solid #E7E0D8;font-size:13px}
#cc-overlay .cc-timer-dock-row strong{margin-left:auto;font-variant-numeric:tabular-nums}
#cc-overlay .cc-timer-dock-row button{border:1px solid #C09A64;border-radius:5px;background:transparent;padding:6px 12px;color:#333;cursor:pointer}
@media print{#cc-overlay .cc-timer-dock{display:none!important}}

#cc-overlay .cc-timer-dock:not([hidden]){position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(900px,100%);box-sizing:border-box;box-shadow:0 -3px 14px rgba(0,0,0,.06)}
#cc-overlay .cc-work:has(.cc-timer-dock:not([hidden])){padding-bottom:64px}

/* 1.1.9.1 – align the turquoise accent with the actual audio-player card.
   The row may be taller than the player; it must never own the accent. */
#cc-overlay .cc-voice-step-row.cc-voice-active{border-left:0!important;padding-left:0!important}
#cc-overlay .cc-voice-step-row.cc-voice-active > .cc-voice-player{
  border-left:4px solid #22B8C4;
  border-top-left-radius:13px;
  border-bottom-left-radius:13px;
}

/* 1.1.11 – restrained recipe metadata and nutrition */
.cc-intro-meta{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:0 auto 15px;font-size:13px;line-height:1.5;color:inherit}
.cc-intro-meta[hidden]{display:none}.cc-intro-meta small{display:block;flex-basis:100%;text-align:center;font-size:11px;opacity:.85}
.cc-nutrition{border-top:1px solid #e5ded4;border-bottom:1px solid #e5ded4;margin:12px 0 20px;padding:13px 0;color:#333;font-size:14px}
.cc-nutrition-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.cc-nutrition-main span{font-size:12px;color:#777}.cc-nutrition-main strong{font-size:19px;font-weight:600}
.cc-nutrition details{margin-top:8px}.cc-nutrition summary{cursor:pointer;color:#147e87;font-size:12px}.cc-nutrition-macros{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:10px;font-size:12px}.cc-nutrition-macros span{display:flex;flex-direction:column;gap:3px}.cc-nutrition small{display:block;margin-top:8px;font-size:10px;color:#888}

/* 1.1.12 – jemné redakčné metadáta, bez panelov */
.cc-intro-meta,.cc-work-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px 22px;line-height:1.5;color:#4a4844}
.cc-intro-meta{margin:0 auto 18px;font-size:14px}
.cc-work-meta{margin:8px 0 17px;font-size:13px}
.cc-work-meta[hidden],.cc-intro-meta[hidden]{display:none}
.cc-meta-item{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.cc-meta-icon{font-size:19px;color:#C09A64;line-height:1}
.cc-meta-leaf{color:#22B8C4}
.cc-work-meta small,.cc-intro-meta small{flex-basis:100%;text-align:center;font-size:11px;opacity:.8}
@media(max-width:420px){.cc-work-meta{gap:7px 13px;font-size:12px}.cc-meta-icon{font-size:17px}}

/* 1.1.12.2: kompaktnejšie údaje pod nastavením porcií */
.cc-work-meta{margin:2px 0 12px}

/* 1.1.12.3 – jednotná ľavá os pracovnej obrazovky */
#cc-overlay .cc-work-meta{justify-content:flex-start;text-align:left;margin:5px 0 14px;gap:9px 20px}
#cc-overlay .cc-work-meta small{text-align:left}
#cc-overlay .cc-servings{justify-content:flex-start}
#cc-overlay .cc-nutrition{padding:10px 0 11px;margin:10px 0 17px}
#cc-overlay .cc-nutrition-main span{font-size:13px;line-height:1.35}
#cc-overlay .cc-nutrition-main strong{font-size:19px;white-space:nowrap}
#cc-overlay .cc-nutrition details{margin-top:5px}
#cc-overlay .cc-nutrition summary{font-size:12px}
#cc-overlay .cc-nutrition small{font-size:11px;line-height:1.4;margin-top:5px}

/* 1.1.14 — nákupný zoznam */
.cc-shopping-launch-wrap{margin:12px 0 16px;display:flex;justify-content:flex-start}
.cc-shopping-launch{background:transparent;color:#168c96;border:1px solid #22B8C4;border-radius:7px;padding:9px 15px;font:600 14px/1.3 inherit;cursor:pointer}
.cc-shopping-dialog[hidden]{display:none!important}
.cc-shopping-dialog{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:14px}
.cc-shopping-backdrop{position:absolute;inset:0;background:rgba(21,27,30,.64)}
.cc-shopping-panel{position:relative;z-index:1;background:#FAF7F2;color:#292929;width:min(100%,520px);max-height:90dvh;overflow:auto;border-radius:12px;padding:24px 20px;box-shadow:0 15px 55px #0004}
.cc-shopping-panel h2{font:normal 27px/1.2 Georgia,serif;margin:0 34px 8px 0;color:#222}
.cc-shopping-close{position:absolute;right:13px;top:10px;border:0;background:none;font-size:28px;cursor:pointer;color:#333}
.cc-shopping-subtitle{font-size:13px;color:#666;margin:0 0 16px}
.cc-shopping-item{display:flex;gap:10px;align-items:center;border-bottom:1px solid #e8e0d7;padding:10px 0;font-size:14px;cursor:pointer}
.cc-shopping-item input{accent-color:#22B8C4;width:18px;height:18px;flex-shrink:0}
.cc-shopping-item strong{font-weight:600;flex:1}
.cc-shopping-item span{font-size:13px;color:#666;text-align:right}
.cc-shopping-basics{margin-top:15px;border-top:1px solid #e8e0d7;padding-top:12px}
.cc-shopping-basics summary{color:#168c96;font-size:14px;font-weight:600;cursor:pointer}
.cc-shopping-actions{display:grid;gap:9px;margin-top:20px}
.cc-shopping-actions button{border:1px solid #C09A64;background:#C09A64;color:#242424;border-radius:6px;padding:12px;font-size:14px;font-weight:600;cursor:pointer}
.cc-shopping-actions button:nth-child(2){background:transparent;border-color:#22B8C4;color:#168c96}
.cc-shopping-actions button:nth-child(3){background:transparent;border-color:#ddd;color:#444}
.cc-shopping-feedback{font-size:12px;color:#555;margin:10px 0 0}
.cc-shopping-fallback{width:100%;min-height:90px;font-size:12px}

.cc-shopping-launch-wrap[hidden]{display:none!important}
.cc-shopping-instructions{font-size:13px;line-height:1.5;color:#4c4c4c;background:#f4eee5;padding:10px 12px;border-radius:6px;margin:0 0 9px}
.cc-shopping-count{font-size:12px;color:#168c96;font-weight:600;margin:0 0 10px}
.cc-shopping-item.is-done strong,.cc-shopping-item.is-done span{text-decoration:line-through;color:#999}
.cc-shopping-reset{display:block;margin:15px 0 0 auto;background:none;border:0;color:#168c96;text-decoration:underline;cursor:pointer;font-size:13px}

/* Shopping modal: independent scroll area on small iPhone displays */
.cc-shopping-dialog:not([hidden]){position:fixed;inset:0;z-index:999999}
.cc-shopping-panel{max-height:calc(100dvh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}

/* Nenápadné upozornenie pod prvým časovačom v postupe */
.cc-timer-warning{display:flex;align-items:flex-start;gap:9px;margin:9px 0 16px;padding:10px 12px;background:#F8F2E8;border-left:2px solid #C09A64;border-radius:3px;color:#51483e;font-size:13px;line-height:1.5}
.cc-timer-warning-icon{flex:none;color:#C09A64;font-size:17px;line-height:1.2}

/* Secondary wake control: same visual switch as the original header control. */
#cc-overlay .cc-timer-warning:has(.cc-timer-wake-row){flex-wrap:wrap}
#cc-overlay .cc-timer-warning > .cc-timer-wake-row{flex:0 0 100%;margin-left:26px;min-width:0}
#cc-overlay .cc-timer-wake-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e5d8c5;padding-top:10px;margin-top:2px;font-size:13px;font-weight:500}
#cc-overlay .cc-timer-wake{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:44px;min-height:38px;padding:5px 1px;border:0;border-radius:0;background:transparent;color:#51483e;box-shadow:none;cursor:pointer}
#cc-overlay .cc-timer-wake[aria-pressed="true"]{background:transparent;color:#51483e;border:0;box-shadow:none}
#cc-overlay .cc-timer-wake .cc-switch{width:42px;height:24px;flex:0 0 42px;background:#b8b8b8}
#cc-overlay .cc-timer-wake .cc-switch-knob{width:18px;height:18px}
#cc-overlay .cc-timer-wake[aria-pressed="true"] .cc-switch{background:#22B8C4}
#cc-overlay .cc-timer-wake[aria-pressed="true"] .cc-switch-knob{transform:translateX(18px)}
#cc-overlay .cc-timer-wake:focus-visible{outline:2px solid #22B8C4;outline-offset:2px}
@media(max-width:380px){#cc-overlay .cc-timer-warning > .cc-timer-wake-row{margin-left:0}}

/* 1.1.14.12 – timer notice matches Coolinári tip; safe inset for mobile switch */
#cc-overlay .cc-timer-warning{box-sizing:border-box;width:100%;max-width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;gap:9px;margin:9px 0 16px;padding:16px 18px;background:#F8F2E8;border:0;border-left:4px solid #C09A64;border-radius:8px;color:#51483e}
#cc-overlay .cc-timer-warning > .cc-timer-warning-icon{flex:0 0 18px}
#cc-overlay .cc-timer-warning > span:not(.cc-timer-warning-icon){flex:1 1 0;min-width:0}
#cc-overlay .cc-timer-warning > .cc-timer-wake-row{box-sizing:border-box;flex:0 0 100%;width:100%;min-width:0;margin:5px 0 0;padding:12px 0 0;border-top:1px solid #e5d8c5;display:flex;align-items:center;justify-content:space-between;gap:12px}
#cc-overlay .cc-timer-wake-row > span{min-width:0;flex:1 1 auto}
#cc-overlay .cc-timer-wake{box-sizing:border-box;flex:0 0 44px;width:44px;min-width:44px;max-width:44px;margin:0;padding:5px 1px;display:flex;align-items:center;justify-content:center}
#cc-overlay .cc-timer-wake .cc-switch{flex:0 0 42px;width:42px}
@media(max-width:380px){#cc-overlay .cc-timer-warning{padding:13px 14px}#cc-overlay .cc-timer-warning > .cc-timer-wake-row{margin-left:0}}

/* 1.1.14.16 – Desktop: keep the active timer dock anchored to the viewport.
   Backdrop-filter on the overlay establishes a containing block for fixed
   descendants, making the dock scroll with the recipe. Move the blur onto
   a non-interactive overlay pseudo-element instead. Mobile is unchanged. */
@media screen and (min-width: 901px){
  #cc-overlay.cc-overlay{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  #cc-overlay.cc-overlay::before{
    content:"";
    position:fixed;
    inset:0;
    -webkit-backdrop-filter:blur(3px);
    backdrop-filter:blur(3px);
    pointer-events:none;
    z-index:0;
  }
  #cc-overlay .cc-shell{position:relative;z-index:1}
  #cc-overlay .cc-timer-dock:not([hidden]){
    position:fixed;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:min(900px,100%);
    z-index:20;
  }
}

/* 1.1.14.17 – Keep timer play/pause control independent of theme button styles.
   U+FE0E in JS forces the play triangle to render as text, not a blue emoji. */
#cc-overlay .cc-timer button.cc-timer-toggle,
#cc-overlay .cc-timer button.cc-timer-toggle:hover,
#cc-overlay .cc-timer button.cc-timer-toggle:focus,
#cc-overlay .cc-timer button.cc-timer-toggle:active{
  -webkit-appearance:none!important;appearance:none!important;
  background:#C09A64!important;background-image:none!important;
  color:#29231B!important;border:0!important;border-radius:50%!important;
  box-shadow:none!important;text-shadow:none!important;
  font-family:Arial,Helvetica,sans-serif!important;font-size:25px!important;
  font-weight:400!important;line-height:1!important;letter-spacing:0!important;
  width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;
  padding:0!important;margin:0!important;display:grid!important;place-items:center!important;
  text-align:center!important;cursor:pointer;
}
@media screen and (max-width:380px){
  #cc-overlay .cc-timer button.cc-timer-toggle{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}
}

/* 1.1.14.18 – SVG-free CSS triangle, avoiding platform emoji artwork. */
#cc-overlay .cc-voice-player button.cc-voice-play,
#cc-overlay .cc-voice-player button.cc-voice-play:hover,
#cc-overlay .cc-voice-player button.cc-voice-play:focus{
  -webkit-appearance:none!important;appearance:none!important;
  background:#22B8C4!important;background-image:none!important;
  color:#fff!important;border:1px solid #22B8C4!important;
  border-radius:50%!important;box-shadow:none!important;text-shadow:none!important;
  font-family:Arial,Helvetica,sans-serif!important;line-height:1!important;
  display:grid!important;place-items:center!important;
}
#cc-overlay .cc-voice-player button.cc-voice-play[data-state="play"]::before{
  content:"";display:block;width:0;height:0;
  border-top:8px solid transparent;border-bottom:8px solid transparent;
  border-left:12px solid #fff;transform:translateX(2px);
}
#cc-overlay .cc-ingredients-voice-row{margin:0 0 14px 0;}