:root{--primary-bg: hsl(46deg 100% 97%);--primary-bg-semi-transparent: hsl(46deg 100% 97% / 90%);--primary-bg-transparent: hsl(46deg 100% 97% / 50%);--secondary-bg: #000000;--accent-color: hsl(326deg 100% 77%);--accent-yellow: hsl(52deg 100% 80%);--accent-mint: hsl(146deg 89% 83%);--accent-lavender: hsl(265deg 100% 87%);--accent-lavender-transparent: hsl(265deg 100% 87% / 90%);--accent-cyan: hsl(187deg 100% 85%);--color-sunny-yellow: #FECA57;--color-turquoise: #4ECDC4;--color-purple: #5F27CD;--color-coral-red: #FF6B6B;--color-sky-blue: #54A0FF;--tag-primary-bg: var(--color-sunny-yellow);--tag-active-bg: var(--color-turquoise);--primary-border-color: #000000;--text-primary: #000000;--text-secondary: #ffffff;--border-width: 3px;--border-radius: 20px;--shadow: 5px 5px 0px #000000;--container-width: 1450px;--main-image-width: 450px}*{box-sizing:border-box;margin:0;padding:0}html{direction:rtl;font-family:Segoe UI,Tahoma,Arial,sans-serif}body{background:var(--primary-bg);color:var(--text-primary);font-size:18px;line-height:1.6;font-weight:500}.background{position:fixed;width:120%;height:120%;z-index:-1;transform:rotate(-5deg);transform-origin:center;top:-10%;left:-10%}.stripe{width:100%;height:40%;border:3px solid #000;box-shadow:0 4px #000}.stripe:nth-child(1){background:#4ecdc4}.stripe:nth-child(2){background:#feca57}.stripe:nth-child(3){background:#5f27cd}.stripe:nth-child(4){background:#ff6b6b}.stripe:nth-child(5){background:#54a0ff}h1,h2,h3,h4,h5,h6{font-weight:900;text-transform:uppercase;letter-spacing:-.5px}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.site-header{background:#ffffff80;color:var(--text-secondary);padding:20px 0;border-bottom:var(--border-width) solid var(--primary-border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.site-header .container{display:flex;justify-content:space-between;align-items:center}.site-title a{color:var(--text-secondary);text-decoration:none;font-size:2.5rem;font-weight:900}.site-nav a{color:var(--text-secondary);text-decoration:none;font-weight:700;padding:10px 20px;border:var(--border-width) solid var(--text-secondary);margin-left:10px;transition:all .1s ease}.site-nav a:hover{background:var(--accent-color);border-color:var(--accent-color)}.main-content{min-height:calc(100vh - 200px)}.logo-link{display:flex;align-items:center;justify-content:center;text-decoration:none;background:var(--accent-color);width:70px;height:70px;border:var(--border-width) solid var(--text-primary);border-radius:50%;box-shadow:var(--shadow);transition:all .1s ease}.logo-link:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--text-primary)}.logo-icon{font-size:1.8rem;color:var(--text-primary)}.site-logo-mobile{display:none}.search-section{max-width:var(--container-width);margin:0 auto}.search-controls{display:flex;gap:15px;align-items:center;margin-bottom:15px}.filter-label{font-weight:700;font-size:16px;display:block;margin-bottom:15px}.tag-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tag-filter{background:var(--tag-primary-bg);border:3px solid #000;border-radius:8px;padding:8px 15px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.tag-filter:hover{transform:translate(-1px,-1px);box-shadow:2px 2px #000}.tag-filter.active-filter{background:var(--tag-active-bg);transform:translate(-2px,-2px);box-shadow:3px 3px #000}.hidden-tag{display:none}.show-more-tags{background:var(--accent-cyan);color:var(--text-primary);padding:8px 15px;border:3px solid #000;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.show-more-tags:hover{transform:translate(-1px,-1px);box-shadow:2px 2px #000}.search-input{flex:1;padding:15px 20px;border-radius:12px;font-size:1.1rem;font-weight:700;background:#fff;box-shadow:3px 3px #000;transition:all .3s ease;border:var(--border-width) solid var(--primary-border-color);font-weight:600;min-width:250px}.search-input:focus{outline:none;transform:translate(-2px,-2px);box-shadow:5px 5px #000}.search-btn{padding:15px 25px;background:#ff6b6b;border:3px solid #000;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;box-shadow:3px 3px #000;transition:all .3s ease;color:#000}.clear-icon{display:none}.recipe-header-nav{max-width:var(--container-width);margin:0 auto;padding:0 30px}.breadcrumbs{display:flex;align-items:center;gap:10px;padding:15px 25px;background:var(--accent-cyan);border:var(--border-width) solid var(--text-primary);border-radius:var(--border-radius);box-shadow:3px 3px 0 var(--text-primary);font-weight:700;font-size:.95rem;flex-wrap:wrap}.breadcrumb-link{color:var(--text-primary);text-decoration:none;transition:all .2s ease;padding:4px 8px;border-radius:6px}.breadcrumb-link:hover{background:var(--accent-yellow);transform:translateY(-1px)}.breadcrumb-separator{color:var(--text-primary);font-weight:900}.breadcrumb-current{color:var(--text-primary);font-weight:900;text-decoration:none;display:flex;align-items:center;flex:1;min-width:0}.back-to-index-header{padding:15px 25px;background:#ff6b6b;border:3px solid #000;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;box-shadow:3px 3px #000;transition:all .3s ease;color:#000;text-decoration:none;display:inline-block}.back-to-index-header:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #000;background:#ff5252}.site-footer{background:var(--text-primary);color:var(--bg-primary);margin-top:60px;border-top:var(--border-width) solid var(--text-primary)}.footer-container{max-width:var(--container-width);margin:0 auto;padding:40px 30px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-section{display:flex;flex-direction:column;gap:15px}.footer-title{font-size:1.5rem;font-weight:900;text-transform:uppercase;margin:0;color:var(--accent-yellow)}.footer-description{font-size:.95rem;line-height:1.5;margin:0;color:var(--bg-primary)}.footer-heading{font-size:1.1rem;font-weight:700;text-transform:uppercase;margin:0;color:var(--accent-cyan)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-link{color:var(--bg-primary);text-decoration:none;font-weight:600;transition:all .2s ease;display:inline-block}.footer-link:hover{color:var(--accent-yellow);transform:translate(5px)}.footer-bottom{border-top:2px solid var(--accent-yellow);padding:20px 30px;text-align:center}.footer-copyright{margin:0;font-weight:700;color:var(--bg-primary);font-size:.9rem}@media(max-width:768px){.site-footer{margin-top:40px}.footer-container{grid-template-columns:1fr;gap:30px;padding:30px 20px}.footer-section{gap:12px}.footer-bottom{padding:15px 20px}}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:var(--primary-bg);margin:5% auto;padding:0;border:var(--border-width) solid var(--text-primary);border-radius:var(--border-radius);width:90%;max-width:600px;box-shadow:10px 10px 0 var(--text-primary);position:relative;direction:rtl}.modal-header{background:var(--accent-color);padding:20px 30px;border-bottom:var(--border-width) solid var(--text-primary);display:flex;justify-content:space-between;align-items:center;border-top-left-radius:calc(var(--border-radius) * .8);border-top-right-radius:calc(var(--border-radius) * .8)}.modal-header h2{margin:0;font-size:1.8rem;color:var(--text-primary)}.modal-close{background:var(--secondary-bg);color:var(--text-secondary);border:2px solid var(--text-primary);width:40px;height:40px;border-radius:50%;font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease}.modal-close:hover{background:var(--accent-mint);transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--text-primary)}.modal-body{padding:30px;line-height:1.7;color:var(--text-primary)}.modal-body p{margin-bottom:15px;font-weight:600;color:var(--text-primary)}.modal-body ul{margin:15px 0;padding-right:25px}.modal-body li{margin:8px 0;font-weight:600;color:var(--text-primary)}.clickable-image{cursor:pointer;transition:transform .2s ease,filter .2s ease}.clickable-image:hover{transform:scale(1.02);filter:brightness(1.1)}.image-lightbox{z-index:1100}.image-lightbox-content{width:95%;max-width:1200px;margin:2% auto;background:var(--primary-bg)}.image-lightbox-body{padding:0;text-align:center;background:var(--text-primary)}.lightbox-image{max-width:100%;max-height:80vh;object-fit:contain;display:block;margin:0 auto;border:none}.timer-modal .modal-header{background:var(--accent-yellow)}.timer-display{text-align:center;font-size:4rem;font-weight:900;color:var(--text-primary);margin:40px 0;font-family:Courier New,monospace;border:var(--border-width) solid var(--text-primary);border-radius:var(--border-radius);background:var(--primary-bg);padding:30px;box-shadow:inset 3px 3px #0000001a}.timer-controls{display:flex;justify-content:center;gap:15px;margin-bottom:30px;flex-wrap:wrap}.timer-btn{background:var(--accent-mint);color:var(--text-primary);border:var(--border-width) solid var(--text-primary);border-radius:var(--border-radius);padding:12px 20px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .1s ease;text-transform:uppercase;min-width:100px}.timer-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--text-primary)}.timer-btn:active{transform:translate(0);box-shadow:2px 2px 0 var(--text-primary)}.timer-btn.start{background:var(--color-sky-blue)}.timer-btn.pause{background:var(--accent-yellow)}.timer-btn.reset{background:var(--color-coral-red);color:var(--text-secondary)}.timer-input-section{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:30px;flex-wrap:wrap}.timer-input-group{display:flex;flex-direction:column;align-items:center;gap:8px}.timer-input-group label{font-weight:700;font-size:.9rem;text-transform:uppercase;color:var(--text-primary)}.timer-input{width:60px;padding:8px;border:var(--border-width) solid var(--text-primary);border-radius:8px;background:var(--primary-bg);color:var(--text-primary);font-size:1.2rem;font-weight:700;text-align:center}.timer-quick-buttons{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.quick-timer-btn{background:var(--accent-lavender);color:var(--text-primary);border:2px solid var(--text-primary);border-radius:12px;padding:8px 12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .1s ease}.quick-timer-btn:hover{background:var(--accent-cyan);transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--text-primary)}.timer-status{text-align:center;font-size:1.2rem;font-weight:700;margin-bottom:20px;padding:10px;border-radius:var(--border-radius);background:var(--primary-bg-transparent)}.timer-status.running{color:var(--color-sky-blue)}.timer-status.paused{color:var(--color-sunny-yellow)}.timer-status.finished{color:var(--color-coral-red);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.timer-quick-set{background:var(--color-purple);color:var(--text-secondary)}.meta-tag.timer-button{cursor:pointer;transition:all .1s ease}.meta-tag.timer-button:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--text-primary)}.meta-tag.conversion-button{cursor:pointer;transition:all .1s ease;text-decoration:none;color:inherit}.meta-tag.conversion-button:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--text-primary);text-decoration:none;color:inherit}.meta-tag.unfinished-warning{background:var(--color-coral-red);color:var(--text-secondary);cursor:help}.meta-tag.unfinished-warning:hover{background:#e55555}.warning-emoji{font-size:16px}.timer-preferences{margin-top:30px;padding-top:20px;border-top:var(--border-width) solid var(--text-primary)}.timer-preferences h3{text-align:center;font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:15px;text-transform:uppercase}.timer-preference-item{margin-bottom:12px}.timer-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;transition:all .1s ease}.timer-checkbox-label:hover{color:var(--color-sky-blue)}.timer-checkbox{width:20px;height:20px;border:var(--border-width) solid var(--text-primary);border-radius:4px;background:var(--primary-bg);cursor:pointer;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .1s ease}.timer-checkbox:checked{background:var(--color-sky-blue);border-color:var(--text-primary)}.timer-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-secondary);font-weight:700;font-size:14px}.timer-checkbox:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--text-primary)}.timer-checkbox-text{font-size:1rem;color:var(--text-primary)}.meta-tag.timer-running{background:var(--color-sky-blue);animation:timer-pulse 2s infinite}.meta-tag.timer-paused{background:var(--accent-yellow)}.meta-tag.timer-finished{background:var(--color-coral-red);color:var(--text-secondary);animation:timer-finished-pulse 1s infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes timer-finished-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.search-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #000;background:#ff5252}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;margin-top:30px}.recipe-card{border:var(--border-width) solid var(--primary-border-color);border-radius:var(--border-radius);background:var(--primary-bg-semi-transparent);box-shadow:var(--shadow);transition:transform .1s ease}.recipe-card:hover{transform:translate(-2px,-2px)}.recipe-image img{width:100%;height:200px;object-fit:cover;border-bottom:var(--border-width) solid var(--primary-border-color)}.recipe-card .recipe-image img{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.recipe-image img.lazy-load{background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;animation:lazy-loading 1.5s ease-in-out infinite}@keyframes lazy-loading{0%,to{opacity:1}50%{opacity:.7}}.recipe-title a{color:var(--text-primary);text-decoration:none;font-size:1.5rem;font-weight:900}.recipe-tags{margin:0;display:flex;flex-wrap:wrap;gap:6px}.recipe-card .recipe-tags .tag{font-size:11px;padding:4px 8px}.tag{background:var(--tag-primary-bg);color:var(--text-primary);padding:5px 12px;font-size:14px;font-weight:700;border:2px solid var(--primary-border-color);border-radius:8px;text-transform:uppercase;cursor:pointer;transition:all .1s ease}.tag:hover{color:var(--text-secondary)}.tag.active-filter{background:var(--tag-active-bg);color:var(--text-secondary)}.recipe-page-tag{text-decoration:none}.recipe-page-tag:visited{color:var(--text-primary)}.recipe-description{margin:6px 0 10px;font-size:13px;line-height:1.35;color:var(--text-muted, #555);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recipe-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;font-size:12px;color:var(--text-muted, #666)}.recipe-meta .meta-item{display:inline-flex;align-items:center;gap:4px}.recipe-meta .meta-icon-small{width:14px;height:14px;opacity:.7}.recipe-meta .unfinished-warning-card{color:var(--color-coral-red);cursor:help}.recipe-page{max-width:var(--container-width);margin:40px auto 0}.recipe-meta-tags{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 30px;justify-content:flex-start}.meta-tag{display:flex;align-items:center;gap:8px;background:var(--accent-lavender);border:2px solid var(--text-primary);border-radius:12px;padding:12px 18px;font-weight:700;font-size:16px;box-shadow:2px 2px 0 var(--text-primary);transition:all .1s ease}.meta-tag:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--text-primary)}.meta-text-mobile{display:none}.meta-text-desktop{display:inline}.recipe-page .recipe-card{border:var(--border-width) solid var(--text-primary);background:var(--primary-bg-semi-transparent);box-shadow:var(--shadow);margin-bottom:40px;transition:none}.recipe-page .recipe-card:hover{transform:none}.recipe-page .recipe-header{padding:40px 40px 0}.recipe-page .recipe-content{padding:0 40px 20px;border:none;box-shadow:none;margin-bottom:0}.related-recipes-section{padding:30px 40px;border-top:var(--border-width) solid var(--text-primary);background:var(--accent-lavender)}.related-recipes-title{font-size:1.5rem;font-weight:900;text-transform:uppercase;margin-bottom:20px;color:var(--text-primary)}.related-recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.related-recipe-card{background:#fff;border:var(--border-width) solid var(--text-primary);border-radius:var(--border-radius);padding:20px;text-decoration:none;color:var(--text-primary);transition:all .2s ease;box-shadow:3px 3px 0 var(--text-primary);display:block}.related-recipe-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--text-primary);background:var(--accent-yellow)}.related-recipe-title{font-size:1rem;font-weight:700;margin:0 0 10px;line-height:1.3}.related-recipe-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.recipe-tag-small{font-size:.75rem;padding:4px 8px;background:var(--accent-mint);border:2px solid var(--text-primary);border-radius:6px;font-weight:700;text-transform:uppercase}.related-recipe-meta{font-size:.875rem;font-weight:600;color:#666;display:flex;gap:15px}.related-recipe-meta span:before{content:"• "}.related-recipe-meta span:first-child:before{content:""}@media(max-width:768px){.related-recipes-section{padding:20px}.related-recipes-grid{grid-template-columns:1fr;gap:10px}.related-recipe-card{padding:15px}}.sitemap-page{padding:40px 0}.sitemap-header{text-align:center;margin-bottom:50px}.sitemap-title{font-size:2.5rem;font-weight:900;text-transform:uppercase;margin:0 0 15px;color:var(--text-primary)}.sitemap-subtitle{font-size:1.1rem;font-weight:600;color:#666;margin:0}.sitemap-sections{display:grid;gap:40px}.sitemap-section{background:#fff;border:var(--border-width) solid var(--text-primary);border-radius:var(--border-radius);padding:30px;box-shadow:4px 4px 0 var(--text-primary)}.sitemap-category-title{font-size:1.5rem;font-weight:900;text-transform:uppercase;margin:0 0 20px;display:flex;align-items:center;gap:10px}.sitemap-category-link{color:var(--text-primary);text-decoration:none;transition:all .2s ease}.sitemap-category-link:hover{color:var(--accent-color)}.sitemap-category-count{font-size:1rem;font-weight:600;color:#666}.sitemap-recipe-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.sitemap-recipe-item{background:var(--accent-yellow);border:2px solid var(--text-primary);border-radius:8px;padding:15px;transition:all .2s ease}.sitemap-recipe-item:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--text-primary);background:var(--accent-mint)}.sitemap-recipe-link{color:var(--text-primary);text-decoration:none;font-weight:700;font-size:1rem;display:block;margin-bottom:5px}.sitemap-recipe-meta{font-size:.875rem;font-weight:600;color:#666;display:block}@media(max-width:768px){.sitemap-page{padding:20px 0}.sitemap-header{margin-bottom:30px}.sitemap-title{font-size:2rem}.sitemap-subtitle{font-size:1rem}.sitemap-sections{gap:25px}.sitemap-section{padding:20px}.sitemap-category-title{font-size:1.2rem;flex-direction:column;align-items:flex-start;gap:5px}.sitemap-recipe-list{grid-template-columns:1fr;gap:10px}.sitemap-recipe-item{padding:12px}}.recipe-tags-footer{border-top:var(--border-width) solid var(--text-primary);background:var(--accent-yellow);padding:20px 40px;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.recipe-tags-footer .recipe-tags{margin:0}.recipe-main-image{float:left;margin-top:30px;max-width:var(--main-image-width)}.recipe-main-image img{max-width:var(--main-image-width);object-fit:cover;border:var(--border-width) solid var(--text-primary)}.recipe-content{border:var(--border-width) solid var(--text-primary);padding:40px;box-shadow:var(--shadow);margin-bottom:40px}.recipe-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.recipe-card .recipe-title{margin:0;font-size:1.25rem}.favorite-star{background:var(--accent-yellow);border:var(--border-width) solid var(--primary-border-color);border-radius:12px;padding:8px 12px;cursor:pointer;transition:all .1s ease;box-shadow:2px 2px 0 var(--primary-border-color);flex-shrink:0}.favorite-star:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--primary-border-color)}.favorite-star i{color:var(--text-primary);font-size:16px}.recipe-card.favorite .favorite-star{background:var(--color-coral-red)}.recipe-card.favorite .favorite-star i{color:var(--text-secondary)}.recipe-card.favorite{order:-2}.recipe-card.recently-viewed{order:-1}.recipe-card.recently-viewed.favorite{order:-3}.recipe-page .recipe-content{border:var(--border-width) solid var(--text-primary);padding:40px;box-shadow:var(--shadow);margin-bottom:40px}.ingredient-checkbox-wrapper{display:flex;align-items:flex-start;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.ingredient-checkbox{width:20px;height:20px;margin-left:12px;margin-top:2px;cursor:pointer;accent-color:var(--color-turquoise);flex-shrink:0}.ingredient-label{flex:1;cursor:pointer;line-height:1.5;transition:color .2s ease,text-decoration .2s ease}.ingredient-checkbox-wrapper:hover .ingredient-label{color:var(--color-purple)}.recipe-card .recipe-content{padding:16px;border:none;box-shadow:none}.recipe-content h2{background:var(--accent-cyan);color:var(--text-primary);padding:15px;margin:30px -40px 20px;border-top:var(--border-width) solid var(--text-primary);border-bottom:var(--border-width) solid var(--text-primary);font-weight:900}.recipe-page .recipe-content h2{margin:30px -25px 20px}.recipe-content ul,.recipe-content ol{margin:20px 0;padding-right:25px}.recipe-content li{margin:10px 0;font-weight:600}.back-to-index{display:inline-block;background:var(--secondary-bg);color:var(--text-secondary);padding:15px 25px;text-decoration:none;font-weight:700;border:var(--border-width) solid var(--secondary-bg);transition:all .1s ease}.back-to-index:hover{background:var(--accent-color);border-color:var(--accent-color)}.site-footer{background:var(--secondary-bg);color:var(--text-secondary);text-align:center;padding:20px 0;border-top:var(--border-width) solid var(--accent-color);margin-top:40px}.no-recipes{text-align:center;background:var(--secondary-bg);color:var(--text-secondary);padding:60px 40px;border:var(--border-width) solid var(--accent-color);box-shadow:var(--shadow)}.meta-icon{font-size:18px;color:var(--text-primary);display:flex;align-items:center;justify-content:center}@media(min-width:1280px){:root{--container-width: 1200px;--main-image-width: 400px}}@media(min-width:1536px){:root{--container-width: 1450px;--main-image-width: 450px}}@media(min-width:1024px)and (max-width:1279px){:root{--container-width: 950px;--main-image-width: 350px}}@media(min-width:768px)and (max-width:1023px){:root{--container-width: 700px;--main-image-width: 300px}}@media(max-width:767px){:root{--container-width: 100%}.site-header .container{flex-direction:column;gap:20px}.site-logo-mobile .logo-link{width:50px;height:50px}.site-logo-mobile .logo-icon{font-size:1.4rem}.search-section{padding:0 20px;width:100%}.search-controls{flex-direction:row;gap:10px;align-items:center}.search-input{min-width:unset;flex:1;order:1}.search-btn{padding:15px;font-size:1.2rem;min-width:auto;flex-shrink:0;order:2}.clear-text{display:none}.clear-icon{display:inline}.recipes-grid,.recipe-meta-grid{grid-template-columns:1fr}.recipe-meta-tags{justify-content:center}.meta-tag{font-size:14px;padding:10px 15px}.meta-text-mobile{display:inline}.meta-text-desktop{display:none}.recipe-header-row{gap:10px}.favorite-star{padding:6px 10px;font-size:14px}.recipe-header-nav{padding:0 20px}.breadcrumbs{padding:12px 15px;font-size:.85rem;gap:8px}.breadcrumb-current{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-to-index-header{padding:15px;font-size:1.2rem;min-width:auto}.recipe-main-image{float:none!important;max-width:100%!important;margin:20px 0!important}.recipe-main-image img{max-width:100%!important}.modal-content{width:95%;margin:10% auto}.modal-header{padding:15px 20px}.modal-header h2{font-size:1.4rem}.modal-body{padding:20px}}@media print{@page{margin:1cm;size:A4}.background,.site-header,.recipe-header-nav,.favorite-star,.timer-button,.modal,.tag,.recipe-main-image,script{display:none!important}*{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}body{font-size:12pt;line-height:1.4;color:#000;background:#fff;margin:0;padding:0}.container{max-width:100%;margin:0;padding:0}.recipe-page{margin:0;padding:0}.recipe-card{border:none!important;background:#fff!important;box-shadow:none!important;padding:0;margin:0}.recipe-title{font-size:18pt;font-weight:700;margin-bottom:10pt;border-bottom:1pt solid black;padding-bottom:5pt}.recipe-meta-tags{display:flex;flex-wrap:wrap;gap:15pt;margin-bottom:15pt;justify-content:flex-start;direction:rtl}.meta-tag{display:flex;align-items:center;gap:5pt;font-size:10pt;background:none!important;border:none!important;padding:0!important}.meta-tag .fa-clock:before{content:"הכנה: "}.meta-tag .fa-fire:before{content:"בישול: "}.meta-tag .fa-hourglass-half:before{content:"סה״כ: "}.meta-tag .fa-utensils:before{content:"מנות: "}.meta-icon{font-size:10pt}.meta-text-mobile{display:none!important}.meta-text-desktop{display:inline!important}.recipe-section{margin-bottom:20pt;break-inside:avoid}.recipe-section h2{font-size:14pt;font-weight:700;margin-bottom:8pt;border-bottom:1pt solid black;padding-bottom:3pt}.recipe-ingredients ul{list-style-type:disc;margin-right:20pt;margin-bottom:0}.recipe-ingredients li{margin-bottom:3pt;font-size:11pt;line-height:1.3}.recipe-instructions ol{list-style-type:decimal;margin-right:20pt;margin-bottom:0}.recipe-instructions li{margin-bottom:8pt;font-size:11pt;line-height:1.4;break-inside:avoid}.recipe-tags-footer{margin-top:20pt}.recipe-tags .tag{display:inline;background:none!important;border:1pt solid black!important;padding:2pt 6pt!important;margin-left:5pt;font-size:9pt;text-decoration:none;color:#000!important}.recipe-content{page-break-inside:avoid}body,h1,h2,h3,p,li{font-family:Times New Roman,serif!important}a:after{content:" (" attr(href) ")";font-size:9pt;color:#666}a[href^="#"]:after,a[href^="index.html"]:after{content:""}}.conversion-page{max-width:var(--container-width);margin:40px auto 0}.conversion-container{background:var(--primary-bg);border:var(--border-width) solid var(--primary-border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:30px;margin-bottom:40px}.conversion-header{text-align:center;margin-bottom:40px;border-bottom:var(--border-width) solid var(--primary-border-color);padding-bottom:20px}.conversion-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:15px}.conversion-icon{color:var(--color-coral-red)}.conversion-subtitle{font-size:1.1rem;color:var(--text-primary);opacity:.8;font-weight:500}.conversion-form{display:flex;flex-direction:column;gap:30px}.conversion-input-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:end}.form-group{display:grid;grid-template-columns:1fr;gap:8px}.form-label{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.form-input{padding:15px;border:var(--border-width) solid var(--primary-border-color);border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;background:var(--primary-bg);box-shadow:inset 3px 3px 0 var(--primary-border-color);direction:rtl;text-align:right;box-sizing:border-box}.form-input:focus{outline:none;background:var(--accent-yellow);box-shadow:inset 3px 3px 0 var(--primary-border-color),0 0 0 3px var(--color-sky-blue)}.conversion-results{background:var(--accent-lavender);border:var(--border-width) solid var(--primary-border-color);border-radius:var(--border-radius);padding:25px;box-shadow:var(--shadow)}.results-title{font-size:1.5rem;font-weight:800;margin-bottom:20px;text-align:center;color:var(--text-primary)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}.result-item{background:var(--primary-bg);border:var(--border-width) solid var(--primary-border-color);border-radius:var(--border-radius);padding:15px;text-align:center;box-shadow:3px 3px 0 var(--primary-border-color)}.result-amount{font-size:1.4rem;font-weight:800;color:var(--color-purple);margin-bottom:5px}.result-unit{font-size:1rem;font-weight:600;color:var(--text-primary);opacity:.8}.no-results{text-align:center;font-style:italic;color:var(--text-primary);opacity:.7;padding:20px}.quick-conversions{background:var(--accent-yellow);border:var(--border-width) solid var(--primary-border-color);border-radius:var(--border-radius);padding:25px;box-shadow:var(--shadow)}.quick-title{font-size:1.3rem;font-weight:800;margin-bottom:15px;text-align:center;color:var(--text-primary)}.quick-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.quick-btn{background:var(--primary-bg);color:var(--text-primary);border:var(--border-width) solid var(--primary-border-color);border-radius:var(--border-radius);padding:12px 16px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 0 var(--primary-border-color)}.quick-btn:hover{background:var(--accent-mint);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--primary-border-color)}.quick-btn:active{transform:translate(3px,3px);box-shadow:none}.conversion-notes{background:var(--accent-cyan);border:var(--border-width) solid var(--primary-border-color);border-radius:var(--border-radius);padding:25px;box-shadow:var(--shadow)}.notes-title{font-size:1.3rem;font-weight:800;margin-bottom:15px;display:flex;align-items:center;gap:10px;color:var(--text-primary)}.notes-list{list-style:none;padding:0}.notes-list li{margin-bottom:10px;padding-right:20px;position:relative;font-weight:500;line-height:1.5}.notes-list li:before{content:"•";color:var(--color-purple);font-weight:800;position:absolute;right:0;font-size:1.2rem}@media(max-width:767px){.conversion-page{margin:0;padding:0}.conversion-container{margin:10px;padding:20px;border-radius:15px}.conversion-title{font-size:2rem;flex-direction:column;gap:10px}.conversion-input-row{grid-template-columns:1fr;gap:15px}.results-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.quick-buttons{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.quick-btn{padding:10px 12px;font-size:.9rem}.form-input{padding:12px;font-size:1rem}}.recipe-rating{display:flex;align-items:center;gap:2px;margin-top:2px}.rating-star-display{width:14px;height:14px;color:#f4a623}.rating-count{font-size:.75rem;color:#666;margin-right:4px}.recipe-rating-interactive{display:flex;align-items:center;gap:8px;margin-top:4px}.rating-stars-row{display:flex;gap:2px}.rating-star{background:none;border:none;cursor:pointer;padding:2px;color:#f4a623;transition:transform .15s ease}.rating-star .icon-svg{width:24px;height:24px}.rating-star:hover{transform:scale(1.2)}.rating-avg-label{font-size:.85rem;color:#666}.rating-disabled{opacity:.5;pointer-events:none}.rating-disabled .rating-star{cursor:default}.edit-recipe-btn{background:var(--accent-mint);text-decoration:none;color:var(--text-primary);cursor:pointer}.edit-recipe-btn:hover{background:#7ee8c7}.card-edit-btn{position:absolute;bottom:10px;left:10px;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:2px solid var(--primary-border-color);border-radius:50%;box-shadow:2px 2px 0 var(--primary-border-color);color:var(--text-primary);text-decoration:none;transition:all .1s ease;opacity:0}.recipe-card{position:relative}.recipe-card:hover .card-edit-btn{opacity:1}.card-edit-btn:hover{background:var(--accent-mint);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--primary-border-color)}.card-edit-icon{width:16px;height:16px}.fab-new-recipe{position:fixed;bottom:30px;left:30px;z-index:100;width:60px;height:60px;background:var(--accent-color);color:var(--text-secondary);border:var(--border-width) solid var(--primary-border-color);border-radius:50%;box-shadow:4px 4px 0 var(--primary-border-color);font-size:2rem;font-weight:700;line-height:0;padding-bottom:.5rem;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.fab-new-recipe:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--primary-border-color);background:#e91e63}.login-modal-content{max-width:460px}.login-step-description{text-align:center;font-size:16px;color:#555;margin-bottom:20px}.login-form-group{margin-bottom:20px}.login-form-group label{display:block;font-weight:700;margin-bottom:8px;font-size:16px;color:var(--text-primary)}.login-input{width:100%;padding:15px;border:var(--border-width) solid var(--primary-border-color);border-radius:12px;font-size:18px;font-weight:600;background:#fff;box-shadow:inset 2px 2px 0 var(--primary-border-color);transition:all .1s ease;box-sizing:border-box}.login-input:focus{outline:none;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--primary-border-color)}.login-code-input{text-align:center;letter-spacing:8px;font-size:28px;font-family:monospace}.login-btn{width:100%;background:var(--accent-color);color:var(--text-secondary);border:var(--border-width) solid var(--primary-border-color);border-radius:12px;padding:15px 25px;font-size:18px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .1s ease;box-shadow:3px 3px 0 var(--primary-border-color)}.login-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--primary-border-color);background:#e91e63}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:3px 3px 0 var(--primary-border-color)}.login-status-message{margin-top:15px;padding:15px;border:var(--border-width) solid var(--primary-border-color);border-radius:8px;font-weight:600;box-shadow:2px 2px 0 var(--primary-border-color);text-align:center}.login-status-success{background:var(--accent-mint);color:var(--text-primary)}.login-status-error{background:var(--color-coral-red);color:var(--text-secondary)}.login-back-link{display:block;text-align:center;margin-top:15px;font-weight:600;color:var(--text-primary);cursor:pointer;text-decoration:underline}.editor-page{max-width:720px;margin:0 auto}.editor-surface{background:#fff;border:var(--border-width) solid var(--primary-border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:35px 40px}.editor-form-group{margin-bottom:22px}.editor-form-group label{display:block;font-weight:700;margin-bottom:6px;font-size:15px;color:#333;text-transform:uppercase;letter-spacing:.3px}.editor-input,.editor-select,.editor-textarea{width:100%;padding:12px 14px;border:2px solid #ccc;border-radius:8px;font-size:16px;font-weight:500;background:#fafafa;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.editor-input:focus,.editor-select:focus,.editor-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #e655bd26;background:#fff}.editor-textarea{min-height:180px;resize:vertical;font-family:inherit;line-height:1.6}.editor-textarea-sm{min-height:80px}.editor-form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.editor-form-row-2{grid-template-columns:1fr 1fr}.editor-checkbox-group label{display:flex;align-items:center;gap:10px;text-transform:none;font-weight:600;font-size:14px;color:#555;cursor:pointer}.editor-checkbox{width:18px;height:18px;accent-color:var(--accent-color);cursor:pointer;flex-shrink:0}.editor-divider{border:none;border-top:2px dashed #ddd;margin:30px 0}.editor-actions{display:flex;gap:12px;margin-top:30px;padding-top:25px;border-top:2px solid #eee}.editor-btn-primary{background:var(--accent-color);color:var(--text-secondary);border:var(--border-width) solid var(--primary-border-color);border-radius:12px;padding:14px 28px;font-size:16px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .1s ease;box-shadow:3px 3px 0 var(--primary-border-color)}.editor-btn-primary:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--primary-border-color);background:#e91e63}.editor-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.editor-btn-secondary{background:var(--color-sky-blue);color:var(--text-secondary);border:var(--border-width) solid var(--primary-border-color);border-radius:12px;padding:14px 28px;font-size:16px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .1s ease;box-shadow:3px 3px 0 var(--primary-border-color)}.editor-btn-secondary:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--primary-border-color);background:#3d8bfd}.editor-btn-danger{background:#c62828;color:#fff;border:var(--border-width) solid var(--primary-border-color);border-radius:12px;padding:14px 28px;font-size:16px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .1s ease;box-shadow:3px 3px 0 var(--primary-border-color)}.editor-btn-danger:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--primary-border-color);background:#b71c1c}.editor-btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}.editor-delete-modal{max-width:440px}.delete-modal-message{font-size:18px;margin-bottom:10px}.delete-modal-warning{color:#c62828;font-weight:600;margin-bottom:0}.delete-modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:2px solid #eee;justify-content:flex-end}.editor-btn-discard{background:transparent;color:var(--text-primary);border:2px solid #ccc;border-radius:12px;padding:14px 28px;font-size:16px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .1s ease;margin-right:auto}.editor-btn-discard:hover{border-color:var(--color-coral-red);color:var(--color-coral-red)}.editor-status-message{padding:14px 18px;border-radius:8px;font-weight:600;margin-bottom:20px;border:2px solid}.editor-status-success{background:#e8f8f0;border-color:#4ecdc4;color:#1a6b5a}.editor-status-error{background:#fde8e8;border-color:var(--color-coral-red);color:#8b1a1a}.editor-preview-modal{max-width:700px;max-height:90vh;display:flex;flex-direction:column;margin:5vh auto}.editor-preview-modal .modal-body{overflow-y:auto;flex:1}.editor-preview-modal .modal-body h3{font-size:1.2rem;margin:25px 0 10px;padding-bottom:6px;border-bottom:2px solid #eee;text-transform:uppercase}.editor-preview-modal .modal-body h3:first-child{margin-top:0}.preview-meta{font-size:15px;color:#666;font-weight:600;margin-bottom:12px}.preview-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.preview-tag{background:var(--accent-yellow);border:2px solid var(--primary-border-color);border-radius:8px;padding:4px 12px;font-size:13px;font-weight:700}.preview-description{font-style:italic;color:#555;margin-bottom:10px}.preview-section-content ul,.preview-section-content ol{padding-right:20px;margin:8px 0}.preview-section-content li{margin-bottom:6px;line-height:1.5}.editor-version-section{margin-top:25px;padding-top:20px;border-top:2px dashed #ddd;display:none}.editor-version-section h2{font-size:1.1rem;font-weight:900;text-transform:uppercase;margin-bottom:15px;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none}.editor-version-list{list-style:none;padding:0;margin:0}.editor-version-list li{padding:10px 14px;border:2px solid #ddd;border-radius:8px;margin-bottom:6px;background:#fafafa;cursor:pointer;transition:all .1s ease;display:flex;justify-content:space-between;align-items:center}.editor-version-list li:hover{border-color:var(--primary-border-color);box-shadow:2px 2px 0 var(--primary-border-color)}.editor-version-info{font-weight:600}.editor-version-date{font-size:13px;color:#888}.editor-version-detail{background:#f5f5f0;border:2px solid #ddd;border-radius:10px;padding:18px;margin-top:12px}.editor-version-detail h3{margin:0 0 12px;font-size:1rem;border-bottom:none}.editor-version-field{margin-bottom:10px}.editor-version-field-label{font-weight:700;font-size:13px;color:#888;text-transform:uppercase;margin-bottom:3px}.editor-version-field-value{white-space:pre-wrap;background:#fff;padding:8px 12px;border-radius:6px;border:1px solid #ddd;font-size:14px}.editor-version-actions{display:flex;gap:10px;margin-top:15px}.editor-no-versions{color:#888;font-style:italic;padding:8px 0}.editor-header-bar{display:flex;justify-content:space-between;align-items:center;width:100%}.editor-logout-btn{background:transparent;border:2px solid var(--text-primary);color:var(--text-primary);padding:6px 14px;font-size:13px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .1s ease;box-shadow:none}.editor-logout-btn:hover{background:var(--color-coral-red);color:var(--text-secondary);border-color:var(--text-primary)}@media(max-width:768px){.editor-surface{padding:20px;margin:0 -10px;border-radius:12px}.editor-form-row,.editor-form-row-2{grid-template-columns:1fr;gap:10px}.editor-actions{flex-wrap:wrap}.editor-btn-discard{margin-right:0}.fab-new-recipe{bottom:20px;left:20px;width:52px;height:52px;font-size:1.7rem}.card-edit-btn{opacity:1}}/*!
* SVG Icon System - replacing Font Awesome fonts
* Inline SVG icons with proper sizing and alignment
* Performance: No external font downloads, ~500 bytes total
*/.icon-svg{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:currentColor}.meta-icon{margin-left:.25em;opacity:.8}.icon-svg.logo-icon{position:relative;top:-.0125em}.clear-icon{cursor:pointer;opacity:.6;transition:opacity .2s ease}.clear-icon:hover{opacity:1}
