/*
Theme Name: Domaća Kuhinja v3
Description: Redizajn 2026 — paradajz crvena, puter žuta i topli krem. Fraunces (OFL) + DM Sans (OFL).
Version: 3.0.0
Author: Teodor
Text Domain: domaca-kuhinja-v3
*/

:root{--cream:#FFF9EF;--paper:#FFFDF8;--tomato:#BF3F2E;--tomato-deep:#A33225;--butter:#F5D77A;--butter-soft:#FDF0CA;--ink:#382A24;--muted:#706157;--line:#EADCC6;--sand:#F8EBD6;--white:#fff;--shadow:0 14px 40px #382A2418}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;font-family:'DM Sans',sans-serif;background:var(--cream);color:var(--ink);font-size:16px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--tomato-deep);outline-offset:5px}input:focus,select:focus,textarea:focus{outline:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Fraunces,serif;font-weight:400}em{font-style:normal;color:var(--tomato)}.wrap{width:min(1260px,calc(100% - 88px));margin:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:16px 22px;min-height:51px;border-radius:6px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.olive{background:var(--tomato);color:var(--paper)}.olive:hover{background:var(--tomato-deep)}.cream{background:var(--cream);color:var(--tomato)}.outline{border:1px solid var(--line);background:var(--paper)}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;padding:10px 0;min-height:40px}.text-link svg{width:17px}.muted{color:var(--muted)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:9px;line-height:1.7}.terracotta{color:var(--tomato-deep)}.title-dot{color:var(--tomato-deep)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header{position:sticky;top:0;z-index:30;background:#FFF9EFf2;backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.header-inner{height:98px;display:flex;align-items:center;gap:75px}.brand{display:block;flex-shrink:0}.brand img{width:179px;height:65px}.header-inner nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:500;white-space:nowrap}.header-inner nav a{padding:12px 0}.header-inner nav a:hover{color:var(--tomato-deep)}.header-inner nav span{margin-left:4px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:24px}.saved-link{display:flex;align-items:center;gap:7px;font-size:12px;min-width:45px;min-height:44px}.saved-link svg{width:21px}.saved-link>span:last-child{width:17px;height:17px;border-radius:50%;background:var(--butter-soft);display:grid;place-content:center}.random-button{font-size:12px;white-space:nowrap}.menu-toggle{display:none}.mobile-menu{padding-bottom:20px}
.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:60px;padding-top:52px;padding-bottom:56px;align-items:center}.hero-copy .eyebrow>span{width:7px;height:7px;border:1px solid var(--tomato-deep);border-radius:50%}.hero h1{font-size:clamp(55px,5.6vw,78px);letter-spacing:-3.5px;line-height:1.04;margin-top:24px;max-width:560px}.hero h1 em{display:block}.hero-copy>p{font-size:16px;color:var(--muted);line-height:1.9;margin:27px 0 25px}.hero-bottom{margin-top:37px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.hero-bottom strong{color:var(--ink);font-weight:600}.small-mark{color:var(--tomato)}.small-mark svg{width:19px}.hero-divider{height:15px;width:1px;background:var(--line);margin:0 6px}.hero-photo{position:relative;margin-right:8px;margin-top:15px;padding-bottom:35px}.hero-photo>img{width:100%;height:410px;object-fit:cover;border-radius:45% 45% 6px 6px;object-position:47% 50%}.hero-stamp{position:absolute;top:13px;left:-32px;transform:rotate(-11deg);width:109px;height:109px;border-radius:50%;background:var(--butter);color:var(--ink);font-size:12px;letter-spacing:1px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;line-height:1.7;border:5px double #382A2466}.hero-stamp svg{width:25px;height:25px;stroke-width:1.3}.featured-note{position:absolute;bottom:0;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;padding:21px 24px;background:var(--paper);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:6px}.featured-note .eyebrow{font-size:12px;letter-spacing:1.7px;color:var(--tomato-deep)}.featured-note h2{font-size:25px;margin:7px 0 8px;letter-spacing:-.6px}.note-meta{font-size:12px;display:flex;align-items:center;gap:6px;color:var(--muted)}.note-meta svg{width:13px;height:13px}.dot{padding-inline:4px}.round-arrow{display:grid;place-content:center;width:37px;height:37px;border:1px solid var(--line);border-radius:50%}.round-arrow svg{width:16px;height:16px}.home-search{display:flex;align-items:center;gap:18px;padding:13px 15px 13px 24px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.home-search>svg{color:var(--tomato);width:22px}.home-search input{flex:1;min-width:0;border:0;background:none;height:43px;font-size:16px;color:var(--ink)}.home-search input::placeholder{color:var(--muted)}.home-search .button{padding-inline:25px;font-size:12px;min-height:47px}.quick-links{display:flex;align-items:center;gap:18px;font-size:12px;padding:15px 0;color:var(--muted)}.quick-links a{border-bottom:1px solid #D9C3A0;padding-bottom:2px;color:var(--tomato)}.prototype-note{margin-left:auto;font-size:12px;border:1px solid var(--line);padding:4px 7px;border-radius:3px}.category-section{padding:31px 0 44px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.section-heading h2{font-size:29px;letter-spacing:-.8px}.section-heading>.muted{font-size:12px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category-item{display:flex;align-items:center;justify-content:center;gap:13px;padding:21px 12px;border:1px solid var(--line);border-radius:7px;background:#FFFDF8aa;font-size:12px;transition:background .2s,border-color .2s}.category-item svg{color:var(--tomato);width:25px;height:25px;stroke-width:1.4}.category-item:hover{background:var(--butter-soft);border-color:#E6C98A}.picks-section{padding:25px 0 58px}.picks-section .eyebrow{margin-bottom:9px}.picks-section .section-heading h2{font-size:36px;letter-spacing:-1px}.recipe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px}.recipe-card{position:relative}.card-image-wrap{height:215px;overflow:hidden;border-radius:8px;background:var(--butter-soft)}.card-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.recipe-card:hover .card-image-wrap img{transform:scale(1.045)}.bookmark-button{position:absolute;top:12px;right:12px;background:#fffdf8ee;width:34px;height:34px;display:grid;place-content:center;border-radius:50%;z-index:2}.bookmark-button svg{width:17px;height:17px}.bookmark-button.saved{background:var(--tomato);color:var(--cream)}.bookmark-button.saved svg{fill:currentColor}.card-info{padding-top:17px}.card-category{display:block;font-size:12px;letter-spacing:1.6px;font-weight:600;color:var(--tomato-deep);text-transform:uppercase;margin-bottom:9px}.card-info h3{font-size:23px;line-height:1.3;letter-spacing:-.5px;min-height:59px}.card-bottom{display:flex;gap:15px;align-items:center;font-size:12px;color:var(--muted);margin-top:12px}.card-bottom span{display:flex;align-items:center;gap:5px}.card-bottom svg{width:13px;height:13px}.quick-section{background:var(--butter);border-top:1px solid #EBCB63;border-bottom:1px solid #EBCB63;padding:51px 0}.quick-layout{display:grid;grid-template-columns:.8fr 1.7fr;gap:65px;align-items:center}.quick-copy .eyebrow{font-size:12px;letter-spacing:1.6px;color:var(--tomato)}.quick-copy h2{font-size:40px;line-height:1.2;letter-spacing:-1.5px;margin:20px 0 18px}.quick-copy p{color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:18px}.quick-copy .text-link{color:var(--tomato)}.quick-doodle{font-family:Fraunces,serif;font-size:52px;color:var(--tomato-deep);position:relative;display:inline-block;margin-top:8px}.quick-doodle>span{font-family:'DM Sans',sans-serif;font-size:12px;padding-left:8px}.quick-doodle svg{position:absolute;bottom:-10px;left:0;width:115px;height:20px;color:var(--tomato-deep)}.quick-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.quick-cards .card-image-wrap{height:215px}.quick-cards .card-info h3{font-size:22px}.inspiration{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding-block:70px}.inspiration-photo{position:relative}.inspiration-photo>img{height:340px;width:100%;object-fit:cover;border-radius:6px;filter:saturate(.9)}.photo-label{position:absolute;left:24px;bottom:22px;font-family:Fraunces,serif;font-size:22px;background:var(--cream);padding:12px 18px;transform:rotate(-4deg)}.inspiration-copy h2{font-size:44px;line-height:1.22;letter-spacing:-1.5px;margin:17px 0 22px}.inspiration-copy p{font-size:16px;line-height:1.9;color:var(--muted);max-width:390px;margin-bottom:23px}.save-banner{background:var(--tomato);color:var(--cream);padding:37px 42px;border-radius:8px;display:flex;align-items:center;gap:30px;margin-bottom:65px}.save-banner-mark{display:grid;place-content:center;width:63px;height:63px;border:1px solid #fff4;border-radius:50%}.save-banner-mark svg{width:26px;height:26px}.save-banner h2{font-size:28px;letter-spacing:-.6px}.save-banner p{font-size:12px;color:#FFF1E0;margin-top:10px}.save-banner .button{margin-left:auto;white-space:nowrap;font-size:12px}.site-footer{border-top:1px solid var(--line)}.footer-main{display:flex;align-items:center;gap:65px;padding-block:36px}.footer-main .brand img{width:165px;height:60px}.footer-main p{font-size:12px;line-height:1.8;color:var(--muted)}.footer-main>div{display:flex;gap:24px;margin-left:auto;font-size:12px}.footer-bottom{border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;font-size:12px;color:var(--muted);padding-block:21px}.footer-bottom>span:nth-child(2){margin-left:auto}.footer-bottom button{font-size:12px;padding:0}.breadcrumbs{display:flex;gap:9px;font-size:12px;color:var(--muted);padding-top:30px;line-height:1.6}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.browse-section{padding-bottom:65px}.browse-heading{display:flex;align-items:center;justify-content:space-between;margin:40px 0 38px;gap:25px}.browse-heading h1{font-size:57px;letter-spacing:-2.1px;line-height:1.1;margin:16px 0}.browse-heading p{font-size:16px;color:var(--muted)}.browse-mark{color:var(--tomato);display:grid;place-content:center;width:95px;height:95px;border:1px solid var(--line);border-radius:50%}.browse-mark svg{width:45px;height:45px}.browse-filters{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr auto;gap:14px;align-items:end;padding:22px;background:var(--sand);border-radius:8px}.browse-filters label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.browse-filters select,.browse-filters input{border:1px solid var(--line);border-radius:5px;background:var(--paper);font-size:12px;color:var(--ink);width:100%;min-height:43px;padding:10px}.browse-filters .filter-search{display:flex;flex-direction:row;gap:9px;align-items:center;background:var(--paper);border:1px solid var(--line);padding-left:13px;border-radius:5px}.filter-search input{border:0;background:none;padding-left:0;font-size:16px}.filter-search>svg{width:18px;height:18px}.browse-toolbar{display:flex;justify-content:space-between;align-items:center;padding:24px 0;font-size:12px;color:var(--muted)}.browse-toolbar select{border:0;background:none;font-size:12px;color:var(--tomato);font-weight:600;padding:8px 0}.browse-grid{row-gap:37px}.more-wrap{display:flex;flex-direction:column;gap:16px;align-items:center;margin-top:40px;font-size:12px;color:var(--muted)}.empty-state{grid-column:1/-1;text-align:center;border:1px dashed #DCC9AE;padding:70px 20px;border-radius:8px}.empty-state>svg{width:40px;height:40px;color:var(--tomato);margin:auto}.empty-state h2{font-size:29px;margin:18px 0 13px}.empty-state p{font-size:16px;color:var(--muted);line-height:1.8}.empty-state .button{margin-top:20px}
.recipe-detail{padding-bottom:70px}.recipe-detail .breadcrumbs{margin-bottom:28px}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.detail-photo{height:380px;width:100%;object-fit:cover;border-radius:8px}.detail-title h1{font-size:52px;letter-spacing:-1.8px;line-height:1.1;margin:18px 0 23px}.detail-title>p{font-size:16px;line-height:1.9;color:var(--muted)}.detail-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.detail-buttons .button{font-size:12px;min-height:44px;padding:12px 16px}.detail-facts{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin:37px 0 40px;padding:24px 0;gap:20px}.detail-facts>div{display:flex;align-items:center;gap:13px;justify-content:center;border-right:1px solid var(--line)}.detail-facts>div:last-child{border:0}.detail-facts>div>span{display:flex;flex-direction:column;gap:7px}.detail-facts small{font-size:12px;color:var(--muted)}.detail-facts strong{font-size:13px;font-weight:600}.detail-facts svg{color:var(--tomato);width:24px;height:24px}.recipe-layout{display:grid;grid-template-columns:360px 1fr;gap:65px;align-items:start}.ingredients-panel{background:var(--butter-soft);padding:28px;border-radius:8px;position:sticky;top:123px}.ingredients-panel h2{font-size:28px;letter-spacing:-.7px}.portion-control{display:flex;justify-content:space-between;align-items:center;margin:24px 0;padding-bottom:20px;border-bottom:1px solid #EBD9AE}.portion-control>span{font-size:13px;font-weight:600}.portion-control>div{display:flex;align-items:center;gap:12px}.portion-control button{background:var(--paper);border:1px solid var(--line);width:33px;height:33px;border-radius:50%;font-size:19px}.portion-control strong{font-size:13px}.ingredient-list{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}.ingredient-list label{display:flex;align-items:start;gap:11px;padding:12px 0;font-size:16px;line-height:1.6;cursor:pointer}.ingredient-list input{width:16px;height:16px;flex-shrink:0;accent-color:var(--tomato);margin:2px 0 0}.ingredient-list label>span{display:flex;flex-direction:column;gap:1px}.ingredient-name{font-weight:500}.ingredient-amount{font-size:12px;color:var(--muted)}.ingredient-list label:has(input:checked){opacity:.55}.ingredient-list label:has(input:checked) .ingredient-name{text-decoration:line-through}.ingredient-footnote{font-size:12px;color:var(--muted);line-height:1.6;margin-top:22px}.steps-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:23px;border-bottom:1px solid var(--line)}.steps-header h2{font-size:32px;letter-spacing:-.8px}.steps-header>span{font-size:12px;color:var(--muted)}.step-item{display:flex;gap:22px;padding:28px 0;border-bottom:1px solid var(--line);align-items:flex-start}.step-number{display:grid;place-content:center;flex-shrink:0;width:36px;height:36px;border:1px solid #D9C3A0;border-radius:50%;font-family:Fraunces,serif;font-size:20px;color:var(--tomato)}.step-item h3{font-size:23px;margin:5px 0 12px;letter-spacing:-.4px}.step-item p{font-size:16px;color:var(--muted);line-height:1.9}.step-done{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--tomato);margin-top:14px;padding:6px 0;min-height:32px}.step-done svg{width:14px;height:14px}.step-item.done .step-number{background:var(--tomato);color:var(--cream)}.step-item.done>div{opacity:.6}.source-link{font-size:12px;color:var(--muted);margin-top:25px;display:block;text-decoration:underline;text-underline-offset:3px}.related-section{margin-top:60px;border-top:1px solid var(--line);padding-top:35px}.related-section h2{font-size:30px;margin-bottom:25px}.photo-disclaimer{font-size:12px;color:var(--muted);margin-top:9px}.cooking .detail-hero .detail-photo,.cooking .detail-title>p,.cooking .related-section,.cooking .site-footer{display:none}.cooking .detail-hero{display:block}.cooking .detail-title h1{font-size:36px;margin-top:10px}.cooking .detail-title{max-width:none}.cooking .detail-buttons{margin-top:15px}.cooking .detail-facts{margin:25px 0}.cooking .step-item p{font-size:17px}.cooking .ingredient-list label{font-size:16px}.cooking .ingredient-amount{font-size:13px}
.market-section{padding-bottom:60px}.market-intro{text-align:center;padding:55px 20px 45px}.market-intro .eyebrow{justify-content:center}.market-intro h1{font-size:66px;letter-spacing:-2.4px;line-height:1.1;margin:22px 0}.market-intro p{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:27px}.market-empty{background:var(--butter-soft);text-align:center;padding:50px 20px;border-radius:8px}.market-empty>span{display:block;color:var(--tomato);margin-bottom:20px}.market-empty svg{width:45px;height:45px}.market-empty h2{font-size:32px;letter-spacing:-.8px}.market-empty p{font-size:16px;line-height:1.9;color:var(--muted);margin:18px 0}.market-empty .text-link{color:var(--tomato)}dialog{border:1px solid var(--line);background:var(--cream);color:var(--ink);padding:40px;border-radius:12px;width:560px;max-width:calc(100% - 28px);max-height:90vh;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#382A24a8;backdrop-filter:blur(4px)}body:has(dialog[open]){overflow:hidden}.dialog-close{position:absolute;right:12px;top:12px;width:36px;height:36px;display:grid;place-content:center;font-size:26px;background:var(--sand);border-radius:50%}dialog h2{font-size:31px;letter-spacing:-.8px;margin:18px 0}dialog p{font-size:16px;line-height:1.9;color:var(--muted)}dialog form{margin-top:25px;display:flex;flex-direction:column;gap:16px}dialog label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}dialog input,dialog textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;background:var(--paper);resize:vertical;font-size:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}#product-status{color:var(--tomato)}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);opacity:0;transition:.2s;z-index:60;background:var(--tomato);color:var(--cream);padding:14px 22px;border-radius:6px;max-width:90%;width:max-content;font-size:13px;pointer-events:none;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.skip{position:fixed;top:-100px;left:15px;z-index:100;background:var(--tomato);color:var(--cream);padding:15px}.skip:focus{top:10px}
@media(min-width:1550px){.hero{gap:85px;padding-top:60px}.hero-photo>img{height:440px}.card-image-wrap{height:240px}}
@media(max-width:1150px){.wrap{width:calc(100% - 52px)}.header-inner{gap:40px}.header-inner nav{gap:20px}.header-actions{gap:15px}.random-button{padding-inline:15px}.hero{gap:45px}.hero h1{font-size:65px}.hero-photo>img{height:375px}.hero-bottom{gap:7px;font-size:12px}.hero-stamp{width:96px;height:96px;left:-25px;font-size:12px}.category-grid{gap:9px}.category-item{font-size:12px;gap:8px;padding-inline:8px}.card-image-wrap{height:185px}.card-info h3{font-size:21px}.quick-layout{gap:38px;grid-template-columns:.85fr 1.7fr}.quick-copy h2{font-size:35px}.quick-cards{gap:15px}.quick-cards .card-image-wrap{height:185px}.inspiration{gap:55px}.inspiration-copy h2{font-size:39px}.save-banner{padding:32px;gap:22px}.save-banner h2{font-size:25px}.footer-main{gap:35px}.footer-main>div{gap:15px}.recipe-layout{grid-template-columns:310px 1fr;gap:40px}.detail-hero{gap:40px}.detail-title h1{font-size:46px}.browse-filters{gap:10px;padding:18px}}
@media(max-width:900px){.header-inner{height:85px;gap:25px}.brand img{width:154px;height:56px}.header-inner nav{gap:18px;font-size:12px}.random-button{display:none}.header-actions{gap:10px}.hero{gap:35px;padding-block:35px 40px}.hero h1{font-size:55px;letter-spacing:-2.5px}.hero-copy>p{font-size:16px;line-height:1.8}.hero-copy>p br{display:none}.hero-bottom{flex-wrap:wrap;margin-top:25px}.hero-bottom>.hero-divider,.hero-bottom>span:last-child{display:none}.hero-photo>img{height:330px}.hero-stamp{top:-5px;left:-15px;width:82px;height:82px;font-size:12px;letter-spacing:.7px;gap:4px}.hero-stamp svg{width:20px;height:20px}.featured-note{left:18px;right:18px;padding:17px}.featured-note h2{font-size:21px}.featured-note .eyebrow{font-size:12px}.category-grid{grid-template-columns:repeat(3,1fr)}.category-item{padding:18px;font-size:12px}.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px}.picks-section .recipe-grid .recipe-card:last-child{display:none}.picks-section .section-heading h2{font-size:30px}.section-heading h2{font-size:26px}.card-image-wrap{height:180px}.card-info h3{font-size:22px;min-height:57px}.quick-layout{grid-template-columns:1fr;gap:30px}.quick-copy{position:relative}.quick-copy h2 br{display:none}.quick-copy h2{font-size:37px;margin-top:15px}.quick-copy p{display:none}.quick-doodle{position:absolute;right:30px;top:10px;font-size:48px}.quick-cards .card-image-wrap{height:205px}.inspiration{gap:35px;padding-block:50px}.inspiration-photo>img{height:300px}.inspiration-copy h2{font-size:34px}.inspiration-copy p{font-size:16px}.inspiration-copy .eyebrow{font-size:12px}.save-banner{flex-wrap:wrap;gap:20px}.save-banner .button{margin-left:82px}.save-banner-mark{width:60px;height:60px}.footer-main{flex-wrap:wrap;gap:20px 35px}.footer-main>div{width:100%;margin-left:0;justify-content:space-between;max-width:500px}.browse-heading h1{font-size:47px}.browse-filters{grid-template-columns:repeat(3,1fr)}.browse-filters .filter-search{grid-column:1/-1}.browse-filters .text-link{grid-column:1/-1;min-height:28px;padding:2px 0}.detail-hero{gap:30px}.detail-photo{height:310px}.detail-title h1{font-size:37px}.detail-title>p{font-size:16px}.detail-buttons{gap:8px}.detail-buttons .button{font-size:12px;padding:10px 12px}.recipe-layout{grid-template-columns:270px 1fr;gap:30px}.ingredients-panel{padding:23px}.steps-header h2{font-size:28px}.steps-header>span{font-size:12px}.step-item{gap:15px}.step-item h3{font-size:21px}.step-item p{font-size:16px}.detail-facts{gap:10px}.detail-facts>div{gap:8px}.detail-facts strong{font-size:12px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}html{scroll-padding-top:95px}.header-inner{height:80px;gap:15px}.brand img{width:155px;height:57px}.header-inner nav{display:none}.header-actions{gap:16px}.menu-toggle{display:grid;place-content:center;width:34px;height:42px}.menu-toggle svg{width:23px;height:23px}.saved-link{min-width:42px;gap:4px}.saved-link svg{width:20px}.saved-link>span:last-child{font-size:12px}.mobile-menu{display:flex;flex-direction:column;gap:0}.mobile-menu a,.mobile-menu button{padding:13px 0;font-size:13px;text-align:left;border-top:1px solid var(--line)}.hero{grid-template-columns:1fr;gap:25px;padding-top:29px;padding-bottom:29px}.hero .eyebrow{font-size:12px;letter-spacing:1.6px}.hero h1{font-size:58px;line-height:1.07;letter-spacing:-2.8px;margin-top:20px}.hero-copy>p{font-size:16px;line-height:1.8;margin:22px 0}.hero-copy>.button{font-size:12px;min-height:47px;padding:14px 18px}.hero-bottom{margin-top:23px;font-size:12px}.hero-photo{margin:5px 8px 0 12px;padding-bottom:30px}.hero-photo>img{height:315px;border-radius:46% 46% 5px 5px}.hero-stamp{top:12px;left:-13px;width:86px;height:86px}.featured-note{left:13px;right:13px;padding:17px 18px}.featured-note h2{font-size:23px}.featured-note .eyebrow{font-size:12px}.note-meta{font-size:12px}.home-search{flex-wrap:wrap;padding:13px 14px;gap:10px}.home-search>svg{width:18px;height:18px}.home-search input{width:calc(100% - 40px);font-size:16px;height:40px}.home-search .button{width:100%;font-size:12px;min-height:45px;margin-top:3px}.quick-links{gap:6px 16px;flex-wrap:wrap;font-size:12px;line-height:1.8;padding:12px 0}.quick-links>span:first-child{width:100%}.quick-links a{padding:4px 0;min-height:28px}.prototype-note{display:none}.category-section{padding-top:25px;padding-bottom:31px}.section-heading{gap:12px;margin-bottom:18px}.section-heading h2{font-size:25px}.section-heading>.muted{display:none}.category-grid{gap:9px}.category-item{flex-direction:column;gap:10px;min-height:85px;padding:14px 5px;font-size:12px}.category-item svg{width:25px;height:25px}.picks-section{padding-top:17px;padding-bottom:35px}.picks-section .section-heading{align-items:flex-end}.picks-section .section-heading h2{font-size:30px;line-height:1.2;letter-spacing:-1px;max-width:255px}.picks-section .section-heading .text-link{font-size:12px;white-space:nowrap}.picks-section .eyebrow{font-size:12px;letter-spacing:1.6px}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 13px}.picks-section .recipe-grid .recipe-card:last-child{display:block}.card-image-wrap{height:157px;border-radius:6px}.bookmark-button{width:30px;height:30px;top:9px;right:9px}.bookmark-button svg{width:15px;height:15px}.card-info{padding-top:13px}.card-category{font-size:12px;letter-spacing:1px;margin-bottom:7px}.card-info h3{font-size:21px;line-height:1.25;letter-spacing:-.5px;min-height:53px}.card-bottom{font-size:12px;gap:10px;margin-top:9px}.card-bottom svg{width:11px;height:11px}.quick-section{padding-block:31px}.quick-copy .eyebrow{font-size:12px;letter-spacing:1.3px}.quick-copy h2{font-size:33px;line-height:1.25;max-width:270px;margin:16px 0 10px}.quick-copy h2 br{display:block}.quick-copy .text-link{font-size:12px}.quick-doodle{right:5px;top:44px;font-size:38px;transform:rotate(-7deg)}.quick-doodle>span{font-size:12px;padding-left:5px;display:block;margin-top:2px}.quick-doodle svg{width:66px}.quick-cards{grid-template-columns:1fr;gap:20px}.quick-cards .recipe-card{display:grid;grid-template-columns:115px 1fr;gap:17px;align-items:center}.quick-cards .card-image-wrap{height:116px}.quick-cards .card-info{padding-top:0}.quick-cards .card-info h3{font-size:24px;min-height:0}.quick-cards .bookmark-button{right:auto;left:80px;width:27px;height:27px;top:7px}.quick-cards .card-bottom{font-size:12px;margin-top:12px}.quick-cards .card-category{font-size:12px}.inspiration{grid-template-columns:1fr;gap:29px;padding-block:35px}.inspiration-photo>img{height:255px}.photo-label{left:17px;bottom:16px;font-size:20px;padding:10px 15px}.inspiration-copy h2{font-size:38px;letter-spacing:-1.1px;line-height:1.2;margin:15px 0 18px}.inspiration-copy p{font-size:16px;max-width:none;margin-bottom:20px}.inspiration-copy .eyebrow{font-size:12px;letter-spacing:1.7px}.save-banner{padding:27px 22px;gap:18px;display:grid;grid-template-columns:42px 1fr;margin-bottom:36px}.save-banner-mark{width:42px;height:42px}.save-banner-mark svg{width:21px;height:21px}.save-banner h2{font-size:26px;line-height:1.2}.save-banner p{font-size:12px;line-height:1.7;margin-top:12px}.save-banner .button{margin:4px 0 0;grid-column:1/-1;width:100%;font-size:12px}.footer-main{padding-block:27px;gap:20px}.footer-main .brand img{width:149px;height:54px}.footer-main p{font-size:12px;margin-left:auto}.footer-main>div{gap:10px;font-size:12px;flex-wrap:wrap}.footer-main>div a{min-height:30px;padding:8px 0}.footer-bottom{flex-wrap:wrap;gap:12px 18px;font-size:12px;padding-block:19px;line-height:1.7}.footer-bottom>span:nth-child(2){order:3;width:100%;margin:0}.footer-bottom button{margin-left:auto;font-size:12px}.breadcrumbs{font-size:12px;padding-top:24px;flex-wrap:wrap}.browse-heading{margin:28px 0;gap:15px}.browse-heading h1{font-size:40px;line-height:1.1;letter-spacing:-1.4px;margin:14px 0}.browse-heading .eyebrow{font-size:12px;letter-spacing:1.3px}.browse-heading p{font-size:16px;line-height:1.8}.browse-mark{display:none}.browse-filters{grid-template-columns:1fr 1fr;padding:16px;gap:12px}.browse-filters label{font-size:12px}.browse-filters select{font-size:12px;padding:10px 7px}.browse-filters label:nth-child(4){grid-column:1/-1}.browse-toolbar{font-size:12px;padding:21px 0}.browse-toolbar select{font-size:12px;max-width:117px}.browse-grid{row-gap:29px}.browse-section{padding-bottom:40px}.detail-hero{grid-template-columns:1fr;gap:24px}.detail-photo{height:270px}.recipe-detail .breadcrumbs{margin-bottom:22px}.detail-title h1{font-size:39px;letter-spacing:-1.2px;margin:13px 0 18px}.detail-title .eyebrow{font-size:12px;letter-spacing:1.5px}.detail-title>p{font-size:16px;line-height:1.8}.detail-buttons{gap:9px;margin-top:19px}.detail-buttons .button{font-size:12px;gap:7px;min-height:42px;padding:11px 12px}.detail-buttons .button svg{width:16px;height:16px}.detail-facts{grid-template-columns:repeat(2,1fr);gap:22px 10px;margin:28px 0;padding:22px 0}.detail-facts>div{justify-content:flex-start;padding-left:10px}.detail-facts>div:nth-child(2){border:0}.detail-facts strong{font-size:13px}.recipe-layout{grid-template-columns:1fr;gap:32px}.ingredients-panel{position:static;padding:25px}.ingredients-panel h2{font-size:29px}.ingredient-list label{padding:11px 0;font-size:16px}.ingredient-amount{font-size:12px}.steps-header h2{font-size:30px}.step-item{gap:16px;padding:23px 0}.step-item h3{font-size:24px}.step-item p{font-size:16px;line-height:1.9}.step-number{width:32px;height:32px;font-size:18px}.step-done{min-height:35px}.related-section{margin-top:35px;padding-top:27px}.related-section h2{font-size:28px}.related-section .recipe-grid .recipe-card:nth-child(n+3){display:none}.recipe-detail{padding-bottom:40px}.market-intro{padding:35px 0}.market-intro h1{font-size:51px;letter-spacing:-1.6px}.market-intro .eyebrow{font-size:12px;letter-spacing:1.4px}.market-intro p{font-size:16px;line-height:1.8}.market-empty{padding:35px 20px}.market-empty h2{font-size:29px;line-height:1.2}.market-empty p{font-size:16px}.market-empty p br{display:none}.market-section{padding-bottom:35px}dialog{padding:37px 22px 28px}dialog h2{font-size:29px}.form-row{gap:12px}.cooking .detail-title h1{font-size:30px}.cooking .step-item p{font-size:16px}.cooking .ingredients-panel{padding:22px}}
@media(max-width:360px){.wrap{width:calc(100% - 28px)}.hero h1{font-size:51px}.hero-photo>img{height:285px}.brand img{width:143px}.header-actions{gap:9px}.card-image-wrap{height:139px}.card-info h3{font-size:19px}.card-bottom{font-size:12px;gap:7px}.quick-doodle{display:none}.picks-section .section-heading h2{font-size:27px}.category-item{font-size:12px}.save-banner h2{font-size:24px}.footer-main p{font-size:12px}.detail-buttons .button{font-size:12px;padding-inline:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.detail-buttons,.breadcrumbs,.related-section,.step-done,.photo-disclaimer,.toast{display:none!important}body{background:white;color:black}.wrap{width:100%}.detail-hero{display:block}.detail-photo{display:none}.detail-title h1{font-size:30px}.detail-facts{margin:20px 0}.recipe-layout{grid-template-columns:250px 1fr;gap:25px}.ingredients-panel{position:static;background:none;border:1px solid #ccc}.step-item{break-inside:avoid;padding:15px 0}.step-item p{font-size:12px}.ingredient-list label{font-size:12px}.recipe-detail{padding:0}.ingredient-footnote{font-size:12px}.source-link{font-size:12px}}

.mobile-hero-search{display:none}@media(max-width:650px){.hero-copy>.button{display:none}.mobile-hero-search{display:flex;gap:11px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:7px 7px 7px 14px;margin-top:22px}.mobile-hero-search>svg{width:18px;height:18px;color:var(--tomato)}.mobile-hero-search input{width:100%;min-width:0;flex:1;background:none;border:0;min-height:40px;font-size:16px;color:var(--ink)}.mobile-hero-search .button{padding:11px;min-height:42px}.mobile-hero-search .button svg{width:19px;height:19px}.home-search-section>.home-search{display:none}}

.cooking .photo-disclaimer{display:none}

/* Quiet focus treatment: no rectangular outline inside search fields. */
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:inset 0 -2px var(--tomato)}
.home-search input:focus-visible,.mobile-hero-search input:focus-visible{box-shadow:none}.home-search:has(input:focus-visible),.mobile-hero-search:has(input:focus-visible){border-color:var(--tomato)}

/* Paleta: na puter žutoj sporedni tekst je tamniji (kontrast >= 4.5:1), crveni akcent je dublji. */
.quick-section,.hero-stamp{--muted:#5A4A40;--tomato:#A33225}


/* ===== WordPress dopune (v3) ===== */
:root{--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--sp-9:6rem;--fs-xs:.8125rem;--fs-sm:.9375rem;--fs-md:1.1875rem;--fs-lg:1.5rem;--fs-xl:2rem;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-pill:999px;--sh-sm:0 1px 3px #382A2414;--sh-md:var(--shadow);--text-muted:var(--muted);--text-soft:var(--muted);--border:var(--line);--accent:var(--tomato);--surface:var(--paper);--olive:var(--tomato-deep);--olive-soft:var(--butter-soft);--bg-alt:var(--sand)}
.admin-bar .site-header{top:32px}@media(max-width:782px){.admin-bar .site-header{top:46px}}
main{display:block}
.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:26px 0 10px}
.pagination a{display:grid;place-content:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--paper);font-size:13px;font-weight:600}
.pagination a:hover{background:var(--butter-soft)}
.pagination a.current{background:var(--tomato);border-color:var(--tomato);color:#fff}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.market-grid{margin-top:26px}
.market-intro{padding:34px 0 26px}.market-intro h1{font-size:48px;line-height:1.05;letter-spacing:-1.4px;margin:14px 0 12px}.market-intro p{color:var(--muted);line-height:1.8;margin-bottom:22px}
.market-filters{margin-top:6px}
.oglas-price{font-family:Fraunces,serif;font-size:19px;color:var(--tomato-deep);margin:2px 0 10px}
.oglas-price-lg{font-size:38px;margin:12px 0 20px}.oglas-price-lg small{font-family:'DM Sans',sans-serif;font-size:13px;color:var(--muted)}
.seller-box{background:var(--butter-soft);border-radius:8px;padding:22px;margin-bottom:22px}.seller-box h2{font-size:20px;margin-bottom:12px}.seller-box p{display:flex;gap:8px;align-items:center;margin-bottom:8px;font-size:16px}
.oglas-desc h2{font-size:20px;margin-bottom:10px}.oglas-desc{line-height:1.8;color:var(--muted);font-size:16px}
.market-detail .detail-hero{margin-top:18px}
.product-form{display:grid;gap:16px;max-width:760px;margin:6px 0 70px}
.product-form label{display:grid;gap:7px;font-size:12px;font-weight:600}
.product-form input,.product-form select,.product-form textarea{width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--line);border-radius:5px;background:var(--paper);font-size:16px;color:var(--ink)}
.product-form textarea{resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-row.three{grid-template-columns:1fr 1fr 1fr}
.form-sub{font-size:22px;margin-top:10px}
.form-actions{display:flex;gap:18px;align-items:center;justify-content:flex-end;margin-top:8px}
.form-notice{padding:16px 20px;border-radius:8px;margin-bottom:22px;font-size:16px;line-height:1.6;max-width:760px}
.form-notice.ok{background:var(--butter);color:var(--ink)}.form-notice.err{background:#FBE3DF;color:#7A1F14}.form-notice ul{margin:0;padding-left:18px}
@media(max-width:650px){.form-row,.form-row.three{grid-template-columns:1fr}.market-intro h1{font-size:36px}}
.menu-random{color:var(--tomato-deep);font-weight:600}
.empty-state .button{margin-top:18px}
.empty-state svg{display:block}
[aria-busy="true"]{opacity:.55;transition:opacity .15s}
.muted{color:var(--muted)}

/* Zadržane stranice starog nalog-sistema (prijava, registracija, profil, dodavanje recepta) */
.container,.container-narrow{width:min(1120px,calc(100% - 40px));margin:auto}.container-narrow{width:min(760px,calc(100% - 40px))}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;min-height:46px;border-radius:6px;font-size:13px;font-weight:600;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer}
.btn-primary{background:var(--tomato);border-color:var(--tomato);color:#fff}.btn-primary:hover{background:var(--tomato-deep)}
.btn-outline,.btn-ghost{background:var(--paper)}.btn-lg{min-height:51px;padding:15px 24px}.btn-sm{min-height:38px;padding:9px 14px}
.form{display:grid;gap:16px}.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:600}
.field input,.field select,.field textarea{width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--line);border-radius:5px;background:var(--paper);font-size:16px;color:var(--ink)}
.field textarea{min-height:120px}
.auth-split{display:grid;grid-template-columns:1fr 1fr;min-height:70vh}.auth-visual{position:relative;overflow:hidden}.auth-visual img{width:100%;height:100%;object-fit:cover}
.auth-visual .quote{position:absolute;left:24px;right:24px;bottom:24px;margin:0;padding:18px;background:var(--cream);font-family:Fraunces,serif;font-size:20px;border-radius:8px}
.auth-form-wrap{display:grid;place-content:center;padding:40px 24px}.auth-form{width:min(420px,100%)}.auth-form h1{font-size:40px;margin:10px 0}.auth-form .lead,.lead{color:var(--muted);line-height:1.7}
.grid{display:grid;gap:22px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:13px}.chip.active{background:var(--tomato);border-color:var(--tomato);color:#fff}
.section-head .title h1{font-size:40px}.mt-6{margin-top:2rem}.alt{margin-top:18px;font-size:16px}.alt a{color:var(--tomato-deep);font-weight:600}
@media(max-width:900px){.auth-split{grid-template-columns:1fr}.auth-visual{display:none}.grid-3,.grid-4{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.grid-3,.grid-4{grid-template-columns:1fr}}
.quick-section{overflow-x:clip}
@media(min-width:901px){.detail-facts{grid-template-columns:repeat(5,1fr)}}

/* === Nalog: prijava, registracija, profil, forma recepta (QA 12.10.) === */
.auth-visual-plain{background:var(--butter-soft);display:grid;align-items:end;min-height:340px}.auth-visual-plain .quote{position:static;margin:24px;font-size:22px;line-height:1.4}
.auth-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.auth-check{display:flex;gap:10px;align-items:center;cursor:pointer;min-height:44px}.auth-check input{width:20px;height:20px;accent-color:var(--tomato)}.auth-link{color:var(--tomato-deep);font-weight:600;display:inline-flex;align-items:center;min-height:44px}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.profile-head{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:12px;margin:16px 0 28px}.profile-avatar{width:84px;height:84px;border-radius:50%;background:var(--tomato);color:#fff;display:grid;place-items:center;font-family:Fraunces,serif;font-size:2.4rem;font-weight:600;flex-shrink:0}.profile-meta{flex:1;min-width:220px}.profile-meta h1{font-size:34px;margin:6px 0}.profile-actions{display:flex;gap:10px;flex-wrap:wrap}
.profile-h{font-size:26px;margin:34px 0 14px}.my-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.my-list li{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px 16px;background:var(--paper);border:1px solid var(--line);border-radius:8px;font-size:14px}.my-title{flex:1;min-width:180px;font-weight:600}.my-kind,.my-status{color:var(--muted);font-size:13px}.my-actions{display:flex;gap:6px}.my-actions a{color:var(--tomato-deep);font-weight:600;text-decoration:underline;display:inline-flex;align-items:center;min-height:44px;padding:0 8px}
.profile-form{max-width:420px}.form-head{padding:28px 0 20px}.form-head h1{font-size:38px;margin:10px 0}.recipe-form{padding-bottom:70px}.recipe-form textarea{min-height:130px}.recipe-form textarea.tall{min-height:200px}.recipe-form-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.recipe-form-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.recipe-form-actions>div{display:flex;gap:10px;flex-wrap:wrap}.btn-danger{color:var(--tomato-deep);border-color:var(--tomato-deep)}
@media(max-width:650px){.recipe-form-row{grid-template-columns:1fr}}

/* === QA 12.10.: fokus, tap mete, čitljivost === */
button:focus-visible,a:focus-visible{outline:2px solid var(--tomato-deep);outline-offset:3px;border-radius:4px}
.eyebrow{letter-spacing:1.5px}
.sr-only{clip-path:inset(50%)}
@media(pointer:coarse){
.saved-link{min-width:44px;min-height:44px;justify-content:center}
.menu-toggle{width:44px!important;height:44px!important}
.home-search input,.mobile-hero-search input,.filter-search input{min-height:44px}
.home-search .button,.mobile-hero-search .button,.filter-search .button{min-width:44px;min-height:44px}
.quick-links a,.breadcrumbs a,.pagination a,.footer-main a,.footer-bottom a,.mobile-menu a,.header-inner nav a,.text-link,.related-section a.text-link{display:inline-flex;align-items:center;min-height:44px}
.quick-links a{padding:4px 2px;min-height:44px;min-width:44px;justify-content:center}
.footer-main>div a{min-height:44px;padding:0;display:inline-flex;align-items:center}
.portion-control button{width:44px;height:44px}
.step-done,.chip,.btn,.btn-sm,.button,.detail-buttons .button{min-height:44px}
.ingredient-list label{min-height:44px;display:flex;align-items:center}
.bookmark-button,.quick-cards .bookmark-button{width:44px;height:44px;top:2px;right:2px;left:auto;background:none!important;position:absolute}
.quick-cards .bookmark-button{right:auto;left:auto;right:2px}
.bookmark-button::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fffdf8ee;z-index:-1}
.bookmark-button.saved::before{background:var(--tomato)}
.bookmark-button.saved{color:var(--cream)}
select,input[type=checkbox]{min-height:44px}
input[type=checkbox]{min-width:24px;min-height:24px}
}
.browse-filters select,.browse-filters input,.browse-toolbar select,.filter-search input{font-size:16px;min-height:44px}
.browse-toolbar select{max-width:none}
.field input,.field select,.field textarea,.product-form input,.product-form select,.product-form textarea,.browse-filters select,.browse-filters input{min-height:44px}
.field input[type=checkbox],.auth-check input,input[type=checkbox]{min-height:0;font-size:16px}
.ingredient-footnote,.final-cta p,.sveska-box p,.newsletter p{font-size:14px}
.alt a,.auth-form .alt a{display:inline-flex;align-items:center;min-height:44px}
#reset-filters{min-height:44px;display:inline-flex;align-items:center}
.header-inner nav a,.detail-buttons .button[data-action]{min-width:44px}
.detail-buttons .button{min-width:44px}
.save-banner p{font-size:14px}
.breadcrumbs{align-items:center;gap:0 8px}
@media(max-width:380px){.browse-filters{grid-template-columns:1fr}}