: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;top:0;left:0;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 0 #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:-0.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:rgba(255,255,255,0.5);color:var(--text-secondary);padding:20px 0;border-bottom:var(--border-width) solid var(--primary-border-color);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 0.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 0.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:0.9rem;font-weight:bold;cursor:pointer;transition:all 0.3s ease;user-select:none}.tag-filter:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 #000}.tag-filter.active-filter{background:var(--tag-active-bg);transform:translate(-2px,-2px);box-shadow:3px 3px 0 #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 0.3s ease}.show-more-tags:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 #000}.search-input{flex:1;padding:15px 20px;border-radius:12px;font-size:1.1rem;font-weight:bold;background:white;box-shadow:3px 3px 0 #000;transition:all 0.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 0 #000}.search-btn{padding:15px 25px;background:#FF6B6B;border:3px solid #000;border-radius:12px;font-weight:bold;font-size:1.1rem;cursor:pointer;box-shadow:3px 3px 0 #000;transition:all 0.3s ease;color:#000}.clear-icon{display:none}.recipe-header-nav{max-width:var(--container-width);margin:0 auto;padding:0 30px}.back-to-index-header{padding:15px 25px;background:#FF6B6B;border:3px solid #000;border-radius:12px;font-weight:bold;font-size:1.1rem;cursor:pointer;box-shadow:3px 3px 0 #000;transition:all 0.3s ease;color:#000;text-decoration:none;display:inline-block}.back-to-index-header:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #000;background:#FF5252}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);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) * 0.8);border-top-right-radius:calc(var(--border-radius) * 0.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:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.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 0.2s ease,filter 0.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 0 rgba(0,0,0,0.1)}.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 0.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,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:0.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:0.9rem;font-weight:600;cursor:pointer;transition:all 0.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%,100%{opacity:1}50%{opacity:0.6}}.timer-quick-set{background:var(--color-purple);color:var(--text-secondary)}.meta-tag.timer-button{cursor:pointer;transition:all 0.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 0.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 0.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;appearance:none;transition:all 0.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:bold;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%,100%{opacity:1}50%{opacity:0.8}}@keyframes timer-finished-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.7;transform:scale(1.05)}}.search-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #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 0.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%,100%{opacity:1}50%{opacity:0.7}}.recipe-title a{color:var(--text-primary);text-decoration:none;font-size:1.5rem;font-weight:900}.recipe-tags{margin:15px 0;display:flex;flex-wrap:wrap;gap: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 0.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-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;font-size:14px;font-weight:600}.recipe-meta span{background:var(--accent-mint);color:var(--text-primary);padding:8px 12px;border:2px solid var(--text-primary);font-weight:700}.recipe-meta .unfinished-warning-card{background:var(--color-coral-red);color:var(--text-secondary);cursor:help;font-size:13px}.recipe-meta .unfinished-warning-card:hover{background:#e55555}.recipe-page{max-width:var(--container-width);margin:40px auto 0 auto}.recipe-meta-tags{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 30px 0;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 0.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 40px}.recipe-page .recipe-content{padding:0 40px 20px 40px;border:none;box-shadow:none;margin-bottom:0}.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:15px}.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 0.1s ease;box-shadow:2px 2px 0px var(--primary-border-color);flex-shrink:0}.favorite-star:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0px 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;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 0.2s ease,text-decoration 0.2s ease}.ingredient-checkbox-wrapper:hover .ingredient-label{color:var(--color-purple)}.recipe-card .recipe-content{padding:25px;border:none;box-shadow:none}.recipe-content h2{background:var(--accent-cyan);color:var(--text-primary);padding:15px;margin:30px -40px 20px -40px;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 -25px}.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 0.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{grid-template-columns:1fr}.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}.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:white !important;color:black !important;box-shadow:none !important;text-shadow:none !important}body{font-size:12pt;line-height:1.4;color:black;background:white;margin:0;padding:0}.container{max-width:100%;margin:0;padding:0}.recipe-page{margin:0;padding:0}.recipe-card{border:none !important;background:white !important;box-shadow:none !important;padding:0;margin:0}.recipe-title{font-size:18pt;font-weight:bold;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:bold;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:black !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 auto}.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:0.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 0px 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 0px 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 0px 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:0.8}.no-results{text-align:center;font-style:italic;color:var(--text-primary);opacity:0.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:0.95rem;cursor:pointer;transition:all 0.2s ease;box-shadow:3px 3px 0px var(--primary-border-color)}.quick-btn:hover{background:var(--accent-mint);transform:translate(2px,2px);box-shadow:1px 1px 0px 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:0.9rem}.form-input{padding:12px;font-size:1rem}}
.icon-svg{display:inline-block;width:1em;height:1em;vertical-align:-0.125em;fill:currentColor}.meta-icon{margin-left:0.25em;opacity:0.8}.icon-svg.logo-icon{position:relative;top:-0.0125em}.clear-icon{cursor:pointer;opacity:0.6;transition:opacity 0.2s ease}.clear-icon:hover{opacity:1}