:root{--cream:#f6f0e4;--paper:#fffdf8;--ink:#30281f;--muted:#756b60;--green:#496247;--green-dark:#344a34;--sage:#dce5d7;--brown:#8a5f3d;--line:#dfd4c5;--danger:#a44232;--shadow:0 18px 45px rgba(72,53,36,.12)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Heebo",Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{margin:0 0 6px;color:var(--brown);font-size:.78rem;font-weight:800;letter-spacing:.08em}.muted{color:var(--muted)}
.auth-view{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 10%,#e1eadb 0,transparent 35%),radial-gradient(circle at 90% 90%,#ead8c3 0,transparent 35%),var(--cream)}.auth-card{width:min(430px,100%);padding:44px;border:1px solid var(--line);border-radius:28px;background:rgba(255,253,248,.94);box-shadow:var(--shadow);text-align:center}.auth-card h1{margin:8px 0;font-size:2rem}.brand-mark{width:62px;height:62px;margin:auto;display:grid;place-items:center;border-radius:20px;background:var(--green);color:#fff;font-size:1.75rem;font-weight:800;box-shadow:0 10px 25px rgba(73,98,71,.24)}.brand-mark.small{width:38px;height:38px;margin:0;border-radius:12px;font-size:1.1rem}.stack{display:grid;gap:16px;margin-top:28px}label{display:grid;gap:7px;text-align:right;font-weight:700;font-size:.92rem}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 14px;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(73,98,71,.12)}textarea{min-height:90px;resize:vertical}.primary,.secondary,.icon-button,.text-button{border:0;border-radius:12px;padding:11px 17px;font-weight:800}.primary{background:var(--green);color:#fff;box-shadow:0 7px 16px rgba(73,98,71,.18)}.primary:hover{background:var(--green-dark)}.secondary{background:var(--sage);color:var(--green-dark)}.icon-button{background:#eee7dc;color:var(--ink)}.text-button{background:transparent;color:var(--green)}.demo-notice{margin:18px 0 0;padding:10px;border-radius:10px;background:#fff1c9;color:#6a5012;font-size:.84rem}
.google-button{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid #d7d2ca;border-radius:12px;background:#fff;color:#333;font-weight:800;box-shadow:0 2px 6px rgba(40,32,25,.07)}.google-button:hover{background:#f8f8f8}.google-button:disabled{cursor:wait;opacity:.7}.google-mark{font-family:Arial,sans-serif;font-size:1.25rem;font-weight:800;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 42%,#fbbc05 0 67%,#ea4335 0 83%,#4285f4 0);color:transparent;background-clip:text;-webkit-background-clip:text}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.78rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.auth-divider span{white-space:nowrap}
.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,70px);border-bottom:1px solid var(--line);background:rgba(255,253,248,.9);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-weight:800}.header-actions{display:flex;gap:10px}.shell{width:min(1180px,calc(100% - 36px));margin:auto;padding:54px 0}.hero{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.hero h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1;margin:0}.search-wrap{width:min(390px,100%);display:flex;align-items:center;gap:8px;padding:0 14px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.search-wrap input{border:0;box-shadow:none;background:transparent}.chips{display:flex;gap:8px;overflow:auto;padding:4px 0 22px}.chip{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:8px 16px;color:var(--muted);font-weight:700}.chip.active{background:var(--green);border-color:var(--green);color:#fff}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.recipe-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:0 8px 25px rgba(72,53,36,.07);transition:.2s}.recipe-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-image{height:205px;background:linear-gradient(135deg,#dfe7d9,#ead7be);display:grid;place-items:center;color:var(--green);font-size:3rem}.card-image img{width:100%;height:100%;object-fit:cover}.card-body{padding:18px}.card-body h2{margin:5px 0 12px;font-size:1.28rem}.card-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.87rem}.card-actions{display:flex;gap:6px}.card-actions button{border:0;background:transparent;padding:5px;color:var(--green);font-weight:700}.card-actions .danger{color:var(--danger)}.empty{text-align:center;padding:70px 20px}.empty>div{font-size:4rem}.empty h2{margin-bottom:4px}
.modal{width:min(850px,calc(100% - 24px));max-height:92vh;padding:0;border:0;border-radius:25px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}.modal::backdrop{background:rgba(40,32,25,.56);backdrop-filter:blur(3px)}.modal form{padding:28px}.modal-header,.modal-footer,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.modal-header{margin-bottom:24px}.modal-header h2{margin:0;font-size:1.8rem}.close{border:0;background:#eee7dc;width:38px;height:38px;border-radius:50%;font-size:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}.field-note{font-size:.8rem;color:var(--muted)}.section-heading{margin:28px 0 12px}.section-heading h3,.section-heading p{margin:0}.section-heading p{color:var(--muted);font-size:.82rem}.editor-list{display:grid;gap:10px}.editor-row{display:grid;grid-template-columns:1.8fr .7fr .8fr auto;gap:8px;align-items:end}.step-row{grid-template-columns:auto 1fr auto}.step-number{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--sage);font-weight:800;color:var(--green)}.remove-row{height:42px;border:0;border-radius:11px;background:#f7e3df;color:var(--danger);font-weight:800}.modal-footer{justify-content:flex-start;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}
.detail-modal{width:min(920px,calc(100% - 24px))}.detail-hero{height:290px;position:relative;background:linear-gradient(135deg,#dfe7d9,#ead7be)}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-close{position:absolute;top:16px;left:16px}.detail-content{padding:28px}.detail-title-row{display:flex;justify-content:space-between;gap:16px}.detail-content h2{font-size:2rem;margin:4px 0}.detail-columns{display:grid;grid-template-columns:.9fr 1.2fr;gap:40px;margin-top:26px}.ingredient-line{display:grid;grid-template-columns:1fr 95px 80px;gap:7px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line)}.ingredient-line input{padding:7px}.steps-list{counter-reset:steps;list-style:none;padding:0}.steps-list li{display:flex;gap:12px;margin-bottom:16px;line-height:1.7}.steps-list li:before{counter-increment:steps;content:counter(steps);flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--sage);color:var(--green);font-weight:800}.scale-note{font-size:.82rem;color:var(--muted);margin:4px 0 14px}.toast{position:fixed;z-index:100;bottom:24px;left:24px;transform:translateY(100px);opacity:0;background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;transition:.25s}.toast.show{transform:none;opacity:1}
@media(max-width:850px){.recipe-grid{grid-template-columns:repeat(2,1fr)}.hero{align-items:stretch;flex-direction:column}.search-wrap{width:100%}.detail-columns{grid-template-columns:1fr}}
@media(max-width:560px){.topbar{padding:0 14px}.brand>span:last-child{display:none}.header-actions .primary{font-size:0}.header-actions .primary:first-letter{font-size:1rem}.shell{padding-top:34px}.recipe-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.editor-row{grid-template-columns:1fr 1fr}.editor-row label:first-child{grid-column:1/-1}.step-row{grid-template-columns:auto 1fr auto}.modal form,.detail-content{padding:20px}.detail-hero{height:220px}.ingredient-line{grid-template-columns:1fr 85px 68px}}

.view-tabs{display:flex;gap:8px;margin:0 0 18px;padding:5px;border:1px solid var(--line);border-radius:16px;background:rgba(255,253,248,.72);width:max-content;max-width:100%;overflow:auto}.view-tab{border:0;border-radius:11px;background:transparent;color:var(--muted);padding:9px 16px;white-space:nowrap;font-weight:800}.view-tab.active{background:var(--green);color:#fff}.visibility-option{grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--line);border-radius:14px;padding:13px;background:#f8f5ed}.visibility-option input{width:20px;height:20px;accent-color:var(--green)}.visibility-option span{display:grid}.visibility-option small{color:var(--muted);font-weight:400}.privacy-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:var(--sage);color:var(--green-dark);font-size:.75rem;font-weight:800}.privacy-badge.private{background:#eee7dc;color:var(--brown)}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.social-panel{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.rating-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stars{display:flex;direction:ltr}.star{border:0;background:transparent;color:#c8bbaa;padding:2px;font-size:1.7rem}.star.active,.star:hover{color:#d59a2c}.comments-list{display:grid;gap:10px;margin:16px 0}.comment{padding:13px;border-radius:13px;background:#f4efe6}.comment header{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.8rem}.comment p{margin:7px 0 0}.comment-meta{display:flex;align-items:center;gap:7px}.comment-edit-button{border:0;background:transparent;color:var(--green);padding:0;font-weight:800}.comment-edit-form{display:grid;gap:8px;margin-top:9px}.comment-edit-form textarea{min-height:75px}.comment-edit-form>div{display:flex;gap:7px}.comment-form{display:flex;gap:8px}.comment-form input{flex:1}.author-line{color:var(--muted);font-size:.84rem}.copy-note{padding:10px 12px;border-radius:11px;background:var(--sage);color:var(--green-dark);font-size:.84rem}.empty .secondary{margin-top:8px}
.import-modal{width:min(580px,calc(100% - 24px))}.import-status{min-height:24px;margin:13px 0 0;color:var(--brown);font-weight:600}.source-line{margin:7px 0;color:var(--muted);font-size:.88rem}.source-line a{color:var(--green);font-weight:800}.field-note+.field-note{margin-top:2px}
.guest-auth-modal{width:min(500px,calc(100% - 24px))}.guest-auth-modal form{display:grid;gap:14px}.guest-auth-modal .modal-header{margin-bottom:0}.guest-login-reason{margin:0;padding:12px 14px;border-radius:12px;background:var(--sage);color:var(--green-dark)}.guest-auth-actions{flex-wrap:wrap;margin-top:8px}.guest-auth-actions .text-button{margin-inline-start:auto}
.yield-box{display:flex;align-items:center;gap:9px;margin:10px 0 15px;padding:12px;border-radius:13px;background:var(--sage);color:var(--green-dark)}.yield-box strong{white-space:nowrap}.yield-box input{width:95px;padding:7px 9px}.yield-box span{font-weight:800}.meal-plan-modal{width:min(650px,calc(100% - 24px))}.planner-section{display:grid;gap:20px}.planner-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.planner-toolbar h1{margin:0;font-size:1.7rem}.planner-nav{display:flex;gap:7px;flex-wrap:wrap}.planner-grid{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}.planner-day{min-height:260px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:rgba(255,253,248,.88);overflow:hidden}.planner-day.today{border-color:var(--green);box-shadow:0 0 0 2px rgba(73,98,71,.1)}.planner-day-header{padding:13px;background:#eee7dc}.planner-day.today .planner-day-header{background:var(--sage)}.planner-day-header strong,.planner-day-header span{display:block}.planner-day-header span{color:var(--muted);font-size:.8rem}.planner-meals{display:grid;gap:8px;padding:10px;flex:1}.planned-meal{position:relative;padding:10px 10px 9px;border-radius:12px;background:#f6f0e4}.planned-meal button[data-plan-open]{display:block;width:100%;padding:0 24px 0 0;border:0;background:transparent;color:var(--ink);text-align:right;font-weight:800}.planned-meal .meal-type{display:block;color:var(--brown);font-size:.72rem;font-weight:800}.planned-meal .meal-note{display:block;margin-top:4px;color:var(--muted);font-size:.76rem}.planned-meal .remove-plan{position:absolute;top:7px;left:7px;border:0;background:transparent;color:var(--danger);font-weight:800}.add-meal{margin:0 10px 10px;border:1px dashed var(--green);border-radius:11px;background:transparent;color:var(--green);padding:8px;font-weight:800}.planner-empty{padding:18px;text-align:center;color:var(--muted)}
@media(max-width:900px){.planner-grid{grid-template-columns:repeat(7,170px)}}
@media(max-width:650px){.planner-toolbar{align-items:flex-start;flex-direction:column}.planner-toolbar h1{font-size:1.35rem}.yield-box{flex-wrap:wrap}}
@media(max-width:650px){.view-tabs{width:100%}.detail-title-row{flex-direction:column}.detail-actions{justify-content:flex-start}.comment-form{flex-direction:column}.topbar{height:auto;min-height:70px;padding-top:10px;padding-bottom:10px}.header-actions{flex-wrap:wrap;justify-content:flex-end}}

.shopping-section{display:grid;gap:24px}.shopping-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.shopping-toolbar h1{margin:0;font-size:2rem}.shopping-toolbar p:not(.eyebrow){margin:5px 0 0;color:var(--muted)}.shopping-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shopping-add-form{display:grid;grid-template-columns:1.5fr .65fr .8fr 1fr auto;gap:10px;align-items:end;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 8px 25px rgba(72,53,36,.06)}.shopping-add-form button{height:44px}.shopping-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.shopping-group{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.shopping-group h2{margin:0;padding:13px 17px;background:#eee7dc;font-size:1.05rem}.shopping-items{display:grid}.shopping-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 15px;border-top:1px solid var(--line)}.shopping-item:first-child{border-top:0}.shopping-item>div{display:grid}.shopping-item small{color:var(--muted)}.shopping-item.checked strong,.shopping-item.checked small{text-decoration:line-through;opacity:.55}.shopping-check{display:block}.shopping-check input{width:22px;height:22px;margin:0;accent-color:var(--green)}.shopping-delete{width:34px;height:34px;border:0;border-radius:10px;background:#f7e3df;color:var(--danger);font-size:1.2rem;font-weight:800}.shopping-empty{grid-column:1/-1;padding:70px 20px;text-align:center;color:var(--muted)}.shopping-empty span{font-size:3.5rem}.shopping-empty h2{margin:8px 0 2px;color:var(--ink)}.shopping-empty p{margin:0}
@media(max-width:900px){.shopping-add-form{grid-template-columns:repeat(2,1fr)}.shopping-add-form button{grid-column:1/-1}.shopping-groups{grid-template-columns:1fr}}
@media(max-width:650px){.shopping-toolbar{flex-direction:column}.shopping-add-form{grid-template-columns:1fr 1fr}.shopping-add-form label:first-child{grid-column:1/-1}.shopping-toolbar-actions{width:100%}}

.hero-search-area{width:min(470px,100%);display:flex;align-items:center;gap:9px}.hero-search-area .search-wrap{flex:1}.advanced-filters{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:end;margin:-10px 0 22px;padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--paper)}.diet-fieldset{margin:0;border:1px solid var(--line);border-radius:14px;padding:11px 14px}.diet-fieldset legend{padding:0 7px;font-size:.92rem;font-weight:800}.diet-options{display:flex;gap:14px;flex-wrap:wrap}.diet-options label{display:flex;grid-template-columns:none;align-items:center;gap:6px;font-weight:600}.diet-options input{width:18px;height:18px;accent-color:var(--green)}.recipe-tags{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0 12px}.recipe-tags span{padding:4px 8px;border-radius:999px;background:#eee7dc;color:var(--brown);font-size:.74rem;font-weight:800}.detail-tags{margin:10px 0}.author-link{display:inline;padding:0;border:0;background:transparent;color:var(--green);font-size:.84rem;font-weight:800;text-align:right}.author-link:hover{text-decoration:underline}
.pantry-section{display:grid;gap:22px}.pantry-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.pantry-header h1{margin:0;font-size:2rem}.pantry-count{padding:9px 13px;border-radius:999px;background:var(--sage);color:var(--green-dark);font-weight:800}.pantry-add-form{display:grid;grid-template-columns:1.5fr .7fr .8fr 1fr auto;align-items:end;gap:10px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.pantry-add-form button{height:44px}.pantry-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.5fr);gap:22px}.pantry-layout h2{margin-top:0}.pantry-items{display:grid;gap:8px}.pantry-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.pantry-item>div{display:grid}.pantry-item small{color:var(--muted)}.pantry-item button{width:32px;height:32px;border:0;border-radius:9px;background:#f7e3df;color:var(--danger);font-weight:800}.match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.match-card{display:grid;grid-template-columns:88px 1fr;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--paper)}.match-card.complete{border-color:var(--green)}.match-score{display:grid;place-content:center;text-align:center;background:#eee7dc}.match-card.complete .match-score{background:var(--sage);color:var(--green-dark)}.match-score strong{font-size:1.35rem}.match-score span{font-size:.72rem;font-weight:800}.match-content{padding:14px}.match-content h3{margin:2px 0 7px}.missing-line,.ready-line{margin:0 0 10px;font-size:.84rem}.missing-line{color:var(--muted)}.ready-line{color:var(--green);font-weight:800}.match-actions{display:flex;gap:6px;flex-wrap:wrap}.match-actions button{padding:7px 10px;font-size:.78rem}
.profile-section{display:grid;gap:24px}.profile-hero{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px;padding:25px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,var(--paper),#edf2e9)}.profile-avatar{width:110px;height:110px;display:grid;place-items:center;overflow:hidden;border:4px solid #fff;border-radius:50%;background:var(--green);color:#fff;font-size:2.7rem;font-weight:800;box-shadow:var(--shadow)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-hero h1{margin:0;font-size:2rem}.profile-hero p{margin:6px 0}.profile-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}.profile-stats span{padding:8px 11px;border-radius:12px;background:rgba(255,255,255,.75);color:var(--muted)}.profile-stats strong{color:var(--ink)}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.profile-form h2,.profile-image-editor,.profile-form label:nth-of-type(2),.profile-form>button{grid-column:1/-1}.profile-form h2{margin:0}.profile-recipes>h2{margin-bottom:14px}.profile-image-editor{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#f8f5ed}.profile-image-preview{width:86px;height:86px;flex:none;overflow:hidden;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:2rem;font-weight:800}.profile-image-preview img{width:100%;height:100%;object-fit:cover}.profile-photo-actions{display:flex;gap:8px;flex-wrap:wrap}.profile-photo-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border-radius:11px;background:var(--sage);color:var(--green-dark);font-weight:800;cursor:pointer}.profile-photo-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.profile-image-note{margin:7px 0 0;color:var(--muted);font-size:.78rem}
@media(max-width:900px){.advanced-filters{grid-template-columns:repeat(2,1fr)}.advanced-filters button{grid-column:1/-1}.pantry-add-form{grid-template-columns:repeat(2,1fr)}.pantry-add-form button{grid-column:1/-1}.pantry-layout{grid-template-columns:1fr}.match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hero-search-area{align-items:stretch;flex-direction:column}.advanced-filters{grid-template-columns:1fr;margin-top:0}.pantry-header{flex-direction:column}.pantry-add-form{grid-template-columns:1fr 1fr}.pantry-add-form label:first-child{grid-column:1/-1}.match-grid{grid-template-columns:1fr}.profile-hero{grid-template-columns:1fr;text-align:center}.profile-avatar{margin:auto}.profile-stats{justify-content:center}.profile-form{grid-template-columns:1fr}.profile-form h2,.profile-image-editor,.profile-form label:nth-of-type(2),.profile-form>button{grid-column:auto}.profile-image-editor{align-items:flex-start;flex-direction:column}.profile-image-preview{margin:auto}.profile-photo-actions{width:100%}.profile-photo-button{flex:1}}

/* רשת חברתית והתראות */
.notification-button{position:relative;min-width:44px;height:44px;border:1px solid var(--line);border-radius:13px;background:var(--paper);font-size:1.15rem}.notification-badge{position:absolute;top:-7px;left:-7px;min-width:21px;height:21px;display:grid;place-items:center;padding:0 5px;border:2px solid var(--paper);border-radius:999px;background:var(--danger);color:#fff;font-size:.7rem;font-weight:800}.profile-main-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:13px}.follow-button.following{background:#eee7dc;color:var(--brown)}.social-proof{color:var(--muted);font-size:.82rem}.feed-note{grid-column:1/-1;margin:0 0 2px;padding:13px 16px;border:1px solid #cddbc7;border-radius:14px;background:#edf4e9;color:var(--green-dark)}
.notifications-modal{width:min(620px,calc(100% - 24px))}.notifications-wrap{padding:28px}.notification-header-actions{display:flex;align-items:center;gap:8px}.notifications-list{display:grid;gap:9px;max-height:60vh;overflow:auto}.notification-item{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);text-align:right}.notification-item.unread{border-color:#a9bea1;background:#f0f6ed}.notification-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--sage);font-size:1.15rem}.notification-copy{display:grid;gap:3px}.notification-copy small{color:var(--muted)}.unread-dot{width:9px;height:9px;border-radius:50%;background:var(--green)}.notifications-empty{padding:48px 20px;text-align:center;color:var(--muted)}
.image-import-modal{width:min(620px,calc(100% - 24px))}.image-drop-zone{min-height:125px;display:grid;place-items:center;align-content:center;gap:8px;margin-top:18px;padding:24px;border:2px dashed #a9bea1;border-radius:18px;background:#f3f7f0;text-align:center;color:var(--green-dark)}.image-drop-zone input{max-width:320px;background:transparent;border:0}.image-drop-zone span{font-size:.82rem;color:var(--muted)}.image-import-preview{display:block;max-width:100%;max-height:280px;margin:15px auto 0;border-radius:15px;object-fit:contain;box-shadow:0 7px 20px rgba(48,38,29,.12)}
@media(max-width:880px){.header-actions{gap:6px}.header-actions>button{padding:9px 11px;font-size:.8rem}}
@media(max-width:650px){.header-actions #importRecipeBtn{display:none}.header-actions #importImageBtn{font-size:0;min-width:42px}.header-actions #importImageBtn:first-letter{font-size:1rem}.notifications-wrap{padding:20px}.notification-header-actions .text-button{font-size:.72rem;padding:7px}.profile-main-actions{justify-content:center}}

/* עיצוב חם, מודרני וחברתי — גרסה 12 */
:root{--cream:#f7f2e9;--paper:#fffdf9;--ink:#352b24;--muted:#786d63;--green:#617558;--green-dark:#40523c;--sage:#e4ebdf;--brown:#8a5c3b;--terracotta:#c9684d;--peach:#f4e4d5;--line:#e4d8ca;--danger:#a44232;--shadow:0 18px 48px rgba(74,54,38,.11)}
body{min-height:100vh;background:radial-gradient(circle at 100% 0,rgba(228,235,223,.78),transparent 28rem),linear-gradient(180deg,#faf7f1 0,var(--cream) 100%)}
button{transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}button:active{transform:scale(.98)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(201,104,77,.25);outline-offset:2px}
.auth-view{background:radial-gradient(circle at 14% 16%,#e1eadb 0,transparent 30%),radial-gradient(circle at 88% 88%,#f0dcca 0,transparent 34%),var(--cream)}.auth-card{border-radius:32px;box-shadow:0 28px 70px rgba(79,57,39,.14)}
.topbar{height:82px;padding:0 clamp(18px,4vw,58px);background:rgba(255,253,249,.94);box-shadow:0 5px 24px rgba(71,52,36,.045)}.brand>span:last-child{display:grid;line-height:1.15}.brand>span:last-child small{margin-top:4px;color:var(--muted);font-size:.7rem;font-weight:600}.header-actions{align-items:center}.header-actions .secondary{border:1px solid var(--line);background:#faf7f1}.primary{background:linear-gradient(135deg,var(--green),#74866b);box-shadow:0 8px 18px rgba(64,82,60,.18)}.primary:hover{background:var(--green-dark)}
.shell{width:min(1380px,calc(100% - 34px));display:grid;grid-template-columns:230px minmax(0,1fr);column-gap:34px;align-items:start;padding:34px 0 72px}.shell>#viewTabs{grid-column:1;grid-row:1/span 20}.shell>:not(#viewTabs){grid-column:2;min-width:0}
.view-tabs{width:100%;max-width:none;display:flex;flex-direction:column;gap:5px;position:sticky;top:112px;margin:0;padding:15px;border:1px solid var(--line);border-radius:24px;background:rgba(255,253,249,.88);box-shadow:0 12px 36px rgba(74,54,38,.07);overflow:visible}.nav-label{margin:11px 11px 3px;color:var(--brown);font-size:.69rem;font-weight:800;letter-spacing:.08em}.nav-label:first-child{margin-top:2px}.view-tab{width:100%;display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:13px;text-align:right}.view-tab>span{width:24px;text-align:center;font-size:1rem}.view-tab:hover{background:#f3eee6;color:var(--ink)}.view-tab.active{background:var(--sage);color:var(--green-dark);box-shadow:inset 3px 0 0 var(--green)}
.hero{align-items:center;margin-bottom:22px;padding:26px 28px;border:1px solid rgba(228,216,202,.8);border-radius:26px;background:linear-gradient(115deg,rgba(255,253,249,.96),rgba(244,228,213,.62));box-shadow:0 12px 34px rgba(74,54,38,.055)}.hero h1{font-size:clamp(2rem,4vw,3.15rem)}.hero-subtitle{max-width:570px;margin:10px 0 0;color:var(--muted)}.search-wrap{background:#fff;border-color:#ded2c4;box-shadow:0 7px 20px rgba(74,54,38,.055)}.hero-search-area{width:min(510px,100%)}
.advanced-filters{margin:0 0 20px;border-radius:20px;box-shadow:0 9px 28px rgba(74,54,38,.05)}.chips{padding:2px 0 20px}.chip{background:rgba(255,253,249,.92)}.chip.active{background:var(--green)}
.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.recipe-card{border-radius:20px;box-shadow:0 9px 28px rgba(74,54,38,.075)}.recipe-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(74,54,38,.14)}.card-image{height:210px;position:relative}.card-favorite{position:absolute;top:12px;left:12px;width:39px;height:39px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.82);border-radius:50%;background:rgba(255,253,249,.9);color:var(--terracotta);font-size:1.35rem;box-shadow:0 5px 16px rgba(50,35,24,.15);backdrop-filter:blur(6px)}.card-favorite.active{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.card-body{padding:17px}.card-body h2{font-size:1.22rem}.recipe-tags span{background:#f2ece3}.feed-note{border-radius:17px;background:linear-gradient(90deg,#eef4ea,#faf5ec)}
.modal{border:1px solid rgba(255,255,255,.7);border-radius:28px}.detail-hero{height:330px}.detail-content{padding:32px}.detail-actions .secondary{border:1px solid var(--line);background:#f7f2e9}.social-panel{padding:22px;border:1px solid var(--line);border-radius:19px;background:#fffcf7}.comment{background:#f7f1e8}.planner-day,.shopping-group,.shopping-add-form,.pantry-add-form,.pantry-item,.match-card,.profile-form{box-shadow:0 8px 25px rgba(74,54,38,.055)}
.profile-hero{position:relative;overflow:hidden;padding:32px;border-radius:26px;background:linear-gradient(125deg,#fffdf9,#edf3e9 62%,#f3e3d5)}.profile-hero:after{content:"";position:absolute;width:170px;height:170px;left:-55px;bottom:-75px;border-radius:50%;border:28px solid rgba(201,104,77,.08)}.profile-main-actions,.profile-stats{position:relative;z-index:1}.social-proof{display:flex;align-items:center;gap:4px}.connection-count{padding:4px 6px;border:0;background:transparent;color:var(--muted);font:inherit;cursor:pointer}.connection-count strong{color:var(--ink)}.connection-count:hover{color:var(--green);text-decoration:underline}
.connections-modal{width:min(540px,calc(100% - 24px))}.connections-wrap{padding:28px}.connections-list{display:grid;gap:9px;max-height:62vh;overflow:auto}.connection-person{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);text-align:right}.connection-person:hover{border-color:#aec0a6;background:#f1f6ee}.connection-avatar{width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--green);color:#fff;font-size:1.35rem;font-weight:800}.connection-avatar img{width:100%;height:100%;object-fit:cover}.connection-person-details{display:grid;gap:2px}.connection-person-details small{color:var(--muted)}.connection-arrow{color:var(--green);font-size:1.25rem}.connections-empty{padding:45px 18px;text-align:center;color:var(--muted)}.connections-empty>span{font-size:3rem}.connections-empty h3{margin:8px 0 3px;color:var(--ink)}.connections-empty p{margin:0}
.notification-item{border-radius:17px}.notification-item.unread{background:linear-gradient(90deg,#f0f6ed,#fffaf4)}
@media(max-width:1050px){.shell{grid-template-columns:200px minmax(0,1fr);column-gap:22px}.view-tab{font-size:.84rem}.hero{align-items:stretch;flex-direction:column}.hero-search-area{width:100%}}
@media(max-width:780px){body{padding-bottom:78px}.topbar{height:auto;min-height:72px;padding:9px 13px}.brand>span:last-child small{display:none}.header-actions{gap:5px;flex-wrap:nowrap}.header-actions>button{padding:9px 10px}.header-actions #importRecipeBtn{display:none}.shell{width:min(100% - 24px,720px);display:block;padding:22px 0 34px}.shell>#viewTabs{position:fixed;right:0;bottom:0;left:0;top:auto;z-index:40;width:100%;height:72px;display:flex;flex-direction:row;gap:2px;margin:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:0;background:rgba(255,253,249,.97);box-shadow:0 -7px 28px rgba(68,50,35,.12);overflow-x:auto;overflow-y:hidden;backdrop-filter:blur(12px)}.nav-label{display:none}.view-tab{min-width:82px;height:55px;display:grid;place-items:center;align-content:center;gap:1px;padding:4px 6px;border-radius:11px;font-size:.66rem;text-align:center}.view-tab>span{width:auto;font-size:1.08rem}.view-tab.active{box-shadow:none;background:var(--sage)}.hero{padding:21px;margin-bottom:17px;border-radius:22px}.hero h1{font-size:2rem}.hero-subtitle{font-size:.86rem}.hero-search-area{align-items:stretch;flex-direction:column}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-image{height:155px}.card-body{padding:13px}.card-body h2{font-size:1.05rem}.card-meta{font-size:.74rem}.recipe-tags{display:none}.detail-hero{height:240px}.profile-hero{grid-template-columns:1fr;text-align:center;padding:25px}.profile-main-actions,.profile-stats,.social-proof{justify-content:center}.profile-avatar{margin:auto}.connections-wrap{padding:20px}.toast{bottom:90px;right:12px;left:12px;text-align:center}}
@media(max-width:480px){.brand>span:last-child{display:none}.header-actions #importImageBtn{font-size:0;min-width:40px}.header-actions #importImageBtn:first-letter{font-size:1rem}.header-actions #newRecipeBtn{font-size:0;min-width:42px}.header-actions #newRecipeBtn:first-letter{font-size:1.1rem}.recipe-grid{grid-template-columns:1fr}.card-image{height:205px}.detail-content{padding:20px}.connection-person{grid-template-columns:auto 1fr}.connection-arrow{display:none}}

/* התאמות שימושיות — גרסה 13 */
.card-image{height:auto;aspect-ratio:4/3;overflow:hidden}.card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.detail-hero{height:auto;aspect-ratio:16/7;max-height:420px;overflow:hidden}.detail-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.action-icon{display:inline-block}.header-actions .secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px}.image-import-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.image-source-button{min-height:145px;display:grid;place-items:center;align-content:center;gap:6px;padding:18px;border:2px dashed #a9bea1;border-radius:18px;background:#f3f7f0;color:var(--green-dark);text-align:center;cursor:pointer;transition:.18s}.image-source-button:hover{border-color:var(--green);background:#edf4e9;transform:translateY(-1px)}.image-source-button>span{font-size:2rem}.image-source-button small{color:var(--muted);font-weight:500}.image-source-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.primary:disabled,.secondary:disabled{cursor:wait;opacity:.68;transform:none}
@media(max-width:780px){.header-actions #importRecipeBtn,.header-actions #importImageBtn{display:inline-flex!important;min-width:42px;padding:9px!important;font-size:1rem!important}.header-actions .action-label{display:none}.header-actions .action-icon{font-size:1rem}.card-image{height:auto}.detail-hero{height:auto;aspect-ratio:4/3}.image-import-choices{grid-template-columns:1fr}.image-source-button{min-height:112px}.brand>span:last-child{display:none}}
@media(max-width:480px){.header-actions #importRecipeBtn,.header-actions #importImageBtn{font-size:1rem!important}.header-actions #newRecipeBtn{font-size:0}.card-image{height:auto}}

/* עיצוב כפרי וחם — גרסה 14 */
:root{--cream:#f5efe4;--paper:#fffaf2;--paper-deep:#f0e6d7;--ink:#3c2d24;--muted:#7a6b5d;--green:#5d7455;--green-dark:#40533c;--sage:#dfe7d8;--brown:#81583b;--terracotta:#b9664d;--line:#dfcfbc;--danger:#9d4537;--shadow:0 12px 32px rgba(74,50,32,.095)}
body{background-color:var(--cream);background-image:radial-gradient(circle at 14% 2%,rgba(255,255,255,.72),transparent 28rem),repeating-linear-gradient(0deg,rgba(116,84,56,.018) 0,rgba(116,84,56,.018) 1px,transparent 1px,transparent 5px);color:var(--ink)}
h1,h2,h3,.brand strong,.card-body h2{font-family:"Frank Ruhl Libre","Heebo",serif;letter-spacing:-.015em}.eyebrow{color:var(--brown);letter-spacing:.055em}.primary{background:var(--green);box-shadow:0 6px 16px rgba(64,83,60,.18)}.secondary{background:var(--sage);color:var(--green-dark)}
.topbar{height:76px;padding:0 clamp(18px,4vw,54px);border-bottom:1px solid rgba(129,88,59,.18);background:rgba(255,250,242,.94);box-shadow:0 4px 18px rgba(74,50,32,.055)}.brand-mark.small{width:42px;height:42px;border-radius:14px;background:var(--green);box-shadow:none}.brand strong{font-size:1.08rem}.header-actions{gap:9px}.notification-button{width:44px;height:44px;background:transparent;border-color:var(--line);box-shadow:none}.quick-actions-trigger{min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:9px 17px;border-radius:14px}.quick-actions-trigger>span:first-child{font-size:1.4rem;line-height:1}
.shell{width:min(1360px,calc(100% - 34px));column-gap:28px;padding:28px 0 68px}.view-tabs{top:96px;padding:13px;border-color:var(--line);border-radius:20px;background:rgba(255,250,242,.9);box-shadow:0 9px 26px rgba(74,50,32,.06)}.view-tab{border-radius:11px}.view-tab.active{background:#dfe7d8;box-shadow:inset 3px 0 0 var(--brown)}
.hero{min-height:0;display:grid;grid-template-columns:minmax(230px,.7fr) minmax(360px,1.3fr);align-items:end;gap:24px;margin:0 0 15px;padding:17px 20px;border:1px solid rgba(129,88,59,.17);border-radius:18px;background:rgba(255,250,242,.7);box-shadow:0 7px 22px rgba(74,50,32,.045)}.hero h1{margin:0;font-size:clamp(1.75rem,3vw,2.35rem);line-height:1.05}.hero .eyebrow{margin-bottom:3px}.hero-subtitle{margin:5px 0 0;font-size:.84rem}.hero-search-area{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.search-wrap{width:100%;height:48px;padding:0 14px;border-color:var(--line);border-radius:13px;background:#fffdf9;box-shadow:0 4px 13px rgba(74,50,32,.045)}.search-wrap input{height:44px;padding:8px;font-size:.95rem}.advanced-search-button{height:48px;white-space:nowrap;padding:9px 14px;border:1px solid #cad6c4}.advanced-filters{margin:0 0 15px;padding:14px;border-color:var(--line);border-radius:15px;background:rgba(255,250,242,.86);box-shadow:none}.chips{gap:7px;padding:2px 0 14px}.chip{padding:7px 14px;border-color:var(--line);background:#fffaf2;font-size:.82rem}.chip.active{border-color:var(--green);background:var(--green)}
.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px}.recipe-card{position:relative;border:1px solid var(--line);border-radius:17px;background:var(--paper);box-shadow:0 7px 20px rgba(74,50,32,.075)}.recipe-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(74,50,32,.12)}.card-image{aspect-ratio:4/3;border-bottom:1px solid rgba(129,88,59,.12);background:#e8dfd1;font-size:2.35rem}.card-favorite{top:9px;left:9px;width:35px;height:35px;border-color:#fff7ec;background:rgba(255,250,242,.93);color:var(--terracotta);font-size:1.2rem;box-shadow:0 3px 11px rgba(62,42,27,.13)}.card-category{position:absolute;right:9px;bottom:9px;max-width:calc(100% - 18px);overflow:hidden;padding:4px 8px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(255,250,242,.9);color:var(--green-dark);font-size:.68rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap;backdrop-filter:blur(5px)}.card-privacy{position:absolute;top:10px;right:10px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:rgba(255,250,242,.9);font-size:.72rem}.card-body{padding:12px 13px 11px}.card-body h2{min-height:2.3em;margin:0 0 4px;font-size:1.08rem;line-height:1.15}.author-link{max-width:100%;overflow:hidden;margin:0;padding:0;border:0;background:transparent;color:var(--green);font-size:.76rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.card-footer{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(129,88,59,.13);color:var(--muted);font-size:.72rem}.card-stat{white-space:nowrap}.card-stat:first-child{color:#a66b20}.card-owner-menu{position:relative;margin-inline-start:auto}.card-owner-menu summary{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;cursor:pointer;list-style:none;color:var(--brown);font-size:1.1rem}.card-owner-menu summary::-webkit-details-marker{display:none}.card-owner-menu[open] summary{background:var(--paper-deep)}.card-owner-menu>div{position:absolute;left:0;bottom:30px;z-index:8;min-width:92px;display:grid;padding:5px;border:1px solid var(--line);border-radius:11px;background:var(--paper);box-shadow:var(--shadow)}.card-owner-menu button{padding:7px 9px;border:0;border-radius:7px;background:transparent;color:var(--green-dark);text-align:right;font-weight:700}.card-owner-menu .danger{color:var(--danger)}
.empty{padding:48px 18px;border:1px dashed var(--line);border-radius:18px;background:rgba(255,250,242,.62)}
.modal{border-color:var(--line);border-radius:22px;background:var(--paper);box-shadow:0 24px 70px rgba(59,39,25,.22)}.modal-header h2{margin:2px 0}.modal form,.detail-content{background:var(--paper)}.detail-hero{aspect-ratio:16/7}.detail-actions .secondary,.social-panel,.comment{border-color:var(--line);background:#faf3e9}
.quick-actions-modal{width:min(640px,calc(100% - 24px))}.quick-actions-wrap{padding:25px}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:19px}.quick-action-card{min-height:145px;display:grid;place-items:center;align-content:center;gap:5px;padding:15px;border:1px solid var(--line);border-radius:17px;background:#faf3e9;color:var(--ink);text-align:center}.quick-action-card:hover{border-color:#a8b9a1;background:#eef3e9;transform:translateY(-2px)}.quick-action-card>span{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:var(--sage);color:var(--green-dark);font-size:1.45rem}.quick-action-card strong{font-family:"Frank Ruhl Libre","Heebo",serif;font-size:1.05rem}.quick-action-card small{color:var(--muted);font-size:.73rem}.quick-account-actions{display:flex;justify-content:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.planner-toolbar,.shopping-header,.pantry-header{padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,250,242,.8);box-shadow:0 7px 22px rgba(74,50,32,.045)}.planner-toolbar h1,.shopping-header h1,.pantry-header h1{font-size:2rem}.planner-day,.shopping-group,.shopping-add-form,.pantry-add-form,.pantry-item,.match-card,.profile-form{border-color:var(--line);border-radius:16px;background:var(--paper);box-shadow:0 6px 18px rgba(74,50,32,.055)}.planner-day-header{border-color:var(--line);background:#f7efe3}.profile-hero{border-color:var(--line);background:linear-gradient(125deg,#fffaf2,#e8ede2 64%,#efe0d1);box-shadow:0 8px 24px rgba(74,50,32,.065)}.profile-hero h1,.profile-recipes h2{font-family:"Frank Ruhl Libre","Heebo",serif}.profile-avatar{border-color:#fffaf2;background:var(--green)}.notification-item,.connection-person{border-color:var(--line);background:var(--paper)}
@media(max-width:1050px){.hero{grid-template-columns:1fr;gap:12px}.hero-search-area{width:100%}}
@media(max-width:780px){body{padding-bottom:76px}.topbar{min-height:64px;padding:8px 14px}.brand-mark.small{width:39px;height:39px;border-radius:13px}.brand>span:last-child{display:grid}.brand>span:last-child small{display:none}.brand strong{font-size:.92rem}.notification-button{width:40px;height:40px}.quick-actions-trigger{width:43px;height:43px;min-width:43px;padding:0;border-radius:50%;font-size:0}.quick-actions-trigger>span:first-child{font-size:1.45rem}.shell{width:min(100% - 24px,720px);padding:17px 0 30px}.shell>#viewTabs{height:68px;padding-top:5px}.view-tab{min-width:76px;height:53px;font-size:.61rem}.hero{display:block;margin-bottom:11px;padding:3px 0 7px;border:0;border-radius:0;background:transparent;box-shadow:none}.hero-copy{margin-bottom:10px}.hero h1{font-size:1.9rem}.hero .eyebrow{font-size:.7rem}.hero-subtitle{display:none}.hero-search-area{grid-template-columns:1fr 45px;gap:7px}.search-wrap{height:45px;border-radius:12px}.search-wrap input{height:42px;font-size:.9rem}.advanced-search-button{width:45px;height:45px;padding:0;border-radius:12px;font-size:0}.advanced-search-button>span:first-child{font-size:1rem}.advanced-filters{grid-template-columns:1fr 1fr;padding:12px}.advanced-filters button{grid-column:1/-1}.chips{padding-bottom:11px}.chip{padding:6px 12px;font-size:.76rem}.recipe-grid,.profile-recipes .recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recipe-card{border-radius:14px}.card-image{height:auto;aspect-ratio:4/3}.card-favorite{top:7px;left:7px;width:31px;height:31px;font-size:1.05rem}.card-category{right:7px;bottom:7px;padding:3px 7px;font-size:.6rem}.card-privacy{top:7px;right:7px;width:24px;height:24px;font-size:.62rem}.card-body{padding:9px 9px 8px}.card-body h2{min-height:2.25em;margin-bottom:3px;font-size:.94rem}.author-link{font-size:.68rem}.card-footer{gap:5px;margin-top:7px;padding-top:7px;font-size:.62rem}.card-owner-menu summary{width:22px;height:22px}.detail-hero{height:auto;aspect-ratio:4/3}.quick-actions-modal{width:100%;max-width:none;margin:auto 0 0;border-width:1px 0 0;border-radius:24px 24px 0 0}.quick-actions-wrap{padding:21px 15px calc(20px + env(safe-area-inset-bottom))}.quick-actions-grid{gap:8px}.quick-action-card{min-height:118px;padding:10px 5px}.quick-action-card>span{width:38px;height:38px;font-size:1.25rem}.quick-action-card strong{font-size:.88rem}.quick-action-card small{display:none}.planner-toolbar,.shopping-header,.pantry-header{padding:15px}.planner-toolbar h1,.shopping-header h1,.pantry-header h1{font-size:1.65rem}.profile-hero{padding:21px}.toast{bottom:84px}}
.mobile-more-tab{display:none}.more-navigation-modal{width:min(520px,calc(100% - 24px))}.more-navigation-wrap{padding:24px}.more-navigation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.more-navigation-grid button{min-height:100px;display:grid;place-items:center;align-content:center;gap:6px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#faf3e9;color:var(--ink)}.more-navigation-grid button span{font-size:1.45rem}.more-navigation-grid button strong{font-family:"Frank Ruhl Libre","Heebo",serif}
@media(max-width:780px){.shell>#viewTabs{overflow:hidden}.shell>#viewTabs .view-tab{min-width:0;flex:1}.shell>#viewTabs [data-view="following"],.shell>#viewTabs [data-view="shopping"],.shell>#viewTabs [data-view="pantry"],.shell>#viewTabs [data-view="profile"]{display:none}.shell>#viewTabs .mobile-more-tab{display:grid}.more-navigation-modal{width:100%;max-width:none;margin:auto 0 0;border-width:1px 0 0;border-radius:24px 24px 0 0}.more-navigation-wrap{padding:21px 16px calc(20px + env(safe-area-inset-bottom))}}
@media(max-width:480px){.brand>span:last-child{display:none}.recipe-grid,.profile-recipes .recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card-body h2{font-size:.9rem}.card-footer{justify-content:space-between}.card-stat{font-size:.59rem}.quick-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ארבעת כלי המטבח — גרסה 15. שאר המסכים אינם משתנים. */
.planner-section,.shopping-section,.pantry-section,.profile-section{gap:16px}.planner-toolbar,.shopping-toolbar,.pantry-header{border:1px solid var(--line);border-radius:20px;background:rgba(255,250,242,.84);box-shadow:0 7px 22px rgba(74,50,32,.045)}
/* תכנון שבועי */
.planner-toolbar{display:grid;grid-template-columns:minmax(180px,.75fr) auto minmax(280px,1.1fr);align-items:center;gap:16px;padding:18px 20px}.planner-title-block h1{margin:0;font-size:2rem}.planner-title-block .week-range{margin:4px 0 0;color:var(--muted);font-weight:700}.planner-nav{justify-content:center;flex-wrap:nowrap}.planner-nav .week-arrow{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--green-dark);font-size:1.2rem;font-weight:800}.planner-summary{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.planner-summary>span{display:grid;min-width:82px;padding:7px 10px;border-radius:11px;background:#f4ecdf;color:var(--muted);font-size:.72rem;text-align:center}.planner-summary>span strong{color:var(--ink);font-size:1rem}.planner-summary button{white-space:nowrap}.planner-grid{grid-template-columns:repeat(7,minmax(142px,1fr));gap:10px}.planner-day{min-height:245px;border-radius:16px}.planner-day-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px}.planner-day-header>div{display:grid}.planner-day-header strong{font-family:"Frank Ruhl Libre","Heebo",serif;font-size:1.03rem}.today-label,.day-meal-count{padding:3px 7px;border-radius:999px;background:rgba(255,250,242,.78);color:var(--muted);font-size:.62rem;font-weight:800}.today-label{background:var(--green);color:#fff}.planner-meals{gap:7px;padding:8px}.planned-meal{padding:9px;border:1px solid rgba(129,88,59,.11);background:#faf3e9}.planned-meal .meal-type{display:flex;align-items:center;gap:4px}.planned-meal button[data-plan-open]{padding-inline-end:20px;font-size:.78rem}.planner-empty{display:grid;place-items:center;align-content:center;gap:2px;margin:auto;padding:12px}.planner-empty span{color:var(--muted);font-weight:700}.planner-empty small{color:#9a8d81;font-size:.67rem}.add-meal{padding:7px}
/* רשימת קניות */
.shopping-toolbar{padding:18px 20px}.shopping-toolbar h1{font-size:2rem}.shopping-progress{width:min(310px,100%);height:7px;overflow:hidden;margin-top:10px;border-radius:999px;background:#e8ddcf}.shopping-progress span{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .25s}.shopping-add-panel,.pantry-add-panel{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.shopping-add-panel>summary,.pantry-add-panel>summary{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;cursor:pointer;color:var(--green-dark);font-weight:800;list-style:none}.shopping-add-panel>summary::-webkit-details-marker,.pantry-add-panel>summary::-webkit-details-marker{display:none}.shopping-add-panel>summary:after,.pantry-add-panel>summary:after{content:"⌄";transition:transform .2s}.shopping-add-panel[open]>summary:after,.pantry-add-panel[open]>summary:after{transform:rotate(180deg)}.shopping-add-form,.pantry-add-form{margin:0;border-width:1px 0 0;border-radius:0;box-shadow:none}.shopping-groups{gap:12px}.shopping-group{border-radius:15px}.shopping-group>summary{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;cursor:pointer;background:#f5ecdf;color:var(--muted);font-size:.72rem;font-weight:700;list-style:none}.shopping-group>summary::-webkit-details-marker{display:none}.shopping-category-title{display:flex;align-items:center;gap:8px;color:var(--ink);font-family:"Frank Ruhl Libre","Heebo",serif;font-size:1rem}.shopping-category-title>span{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:rgba(255,250,242,.78);font-family:"Heebo",sans-serif}.shopping-item{min-height:59px;padding:11px 13px}.shopping-item>div strong{font-size:.9rem}.shopping-delete{opacity:.65}.shopping-delete:hover{opacity:1}
/* מה אפשר להכין */
.pantry-header{padding:18px 20px}.pantry-overview{display:flex;gap:8px;flex-wrap:wrap}.pantry-overview span{display:grid;min-width:105px;padding:9px 12px;border:1px solid rgba(129,88,59,.11);border-radius:13px;background:rgba(255,250,242,.72);color:var(--muted);font-size:.72rem;text-align:center}.pantry-overview strong{color:var(--green-dark);font-size:1.15rem}.pantry-mobile-tabs{display:none}.pantry-layout{grid-template-columns:minmax(250px,.68fr) minmax(0,1.5fr);gap:16px}.pantry-layout>section{padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,250,242,.72)}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title-row h2{margin:0;font-size:1.25rem}.section-title-row>span{min-width:27px;height:27px;display:grid;place-items:center;padding:0 7px;border-radius:999px;background:var(--sage);color:var(--green-dark);font-size:.72rem;font-weight:800}.pantry-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;padding:10px 11px}.pantry-category{max-width:90px;overflow:hidden;padding:4px 7px;border-radius:999px;background:#f3eadc;color:var(--brown);font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.pantry-empty{grid-column:1/-1;display:grid;place-items:center;gap:5px;padding:35px 15px;color:var(--muted);text-align:center}.pantry-empty span{font-size:2rem}.pantry-empty p{margin:0}.match-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.match-card{grid-template-columns:102px minmax(0,1fr);min-height:156px;border-radius:15px}.match-image{position:relative;overflow:hidden;background:#e8dfd1}.match-image img{width:100%;height:100%;object-fit:cover}.match-image>span{height:100%;display:grid;place-items:center;font-size:2rem}.match-image strong{position:absolute;right:7px;bottom:7px;padding:4px 7px;border-radius:999px;background:rgba(255,250,242,.93);color:var(--green-dark);font-size:.72rem;box-shadow:0 2px 8px rgba(49,34,23,.12)}.match-card.complete .match-image strong{background:var(--green);color:#fff}.match-content{padding:11px 12px}.match-content h3{margin:1px 0 6px;font-size:1rem}.match-progress{height:5px;overflow:hidden;margin:3px 0 8px;border-radius:999px;background:#e7dccd}.match-progress span{display:block;height:100%;border-radius:inherit;background:var(--terracotta)}.match-card.complete .match-progress span{background:var(--green)}.missing-line,.ready-line{font-size:.72rem;line-height:1.45}.match-actions{margin-top:auto}.match-actions button{padding:6px 8px;font-size:.7rem}
/* עריכת פרופיל */
.profile-form{display:block;padding:0;overflow:hidden;border-radius:19px}.profile-editor-header{padding:18px 20px;border-bottom:1px solid var(--line);background:#f7efe3}.profile-editor-header h2{margin:0;font-size:1.45rem}.profile-editor-header p:last-child{margin:4px 0 0;color:var(--muted);font-size:.8rem}.profile-editor-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(320px,1.15fr);gap:0}.profile-image-editor{display:flex;align-items:center;gap:16px;margin:0;padding:22px;border:0;border-left:1px solid var(--line);border-radius:0;background:rgba(238,232,218,.45)}.profile-image-preview{width:104px;height:104px}.profile-photo-copy>p{margin:3px 0 11px;color:var(--muted);font-size:.76rem}.profile-photo-actions{display:grid;grid-template-columns:1fr 1fr}.profile-photo-button{gap:6px;border:1px solid #cbd6c5;background:var(--paper);font-size:.76rem}.profile-fields{display:grid;align-content:start;gap:14px;padding:22px}.profile-fields textarea{min-height:120px}.profile-fields label{position:relative}.profile-bio-count{position:absolute;bottom:9px;left:11px;color:var(--muted);font-size:.66rem}.profile-save-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 20px;border-top:1px solid var(--line);background:#faf3e9}.profile-save-bar span{color:var(--muted);font-size:.76rem}.profile-save-bar button{min-width:160px}
@media(max-width:1100px){.planner-toolbar{grid-template-columns:1fr auto}.planner-summary{grid-column:1/-1;justify-content:flex-start}.profile-editor-layout{grid-template-columns:1fr}.profile-image-editor{border-left:0;border-bottom:1px solid var(--line)}}
@media(max-width:780px){.planner-section,.shopping-section,.pantry-section,.profile-section{gap:12px}.planner-toolbar,.shopping-toolbar,.pantry-header{padding:14px;border-radius:17px}.planner-toolbar{grid-template-columns:1fr auto}.planner-title-block h1,.shopping-toolbar h1,.pantry-header h1{font-size:1.6rem}.planner-nav .secondary{display:none}.planner-summary{grid-column:1/-1;justify-content:stretch}.planner-summary>span{flex:1}.planner-summary button{width:100%}.planner-grid{grid-template-columns:1fr;gap:9px;overflow:visible;padding:0}.planner-day{min-height:0;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:stretch}.planner-day-header{align-items:flex-start;flex-direction:column;justify-content:flex-start;padding:12px;border-left:1px solid var(--line)}.planner-day-header>div{gap:2px}.day-meal-count,.today-label{margin-top:auto}.planner-meals{min-height:66px;padding:8px}.planner-empty{min-height:64px}.add-meal{grid-column:1/-1;margin:0;border-width:1px 0 0;border-radius:0;padding:9px}.planned-meal button[data-plan-open]{font-size:.82rem}.shopping-toolbar{flex-direction:column}.shopping-toolbar-actions{width:100%;display:grid;grid-template-columns:1fr}.shopping-toolbar-actions button{width:100%}.shopping-add-form{grid-template-columns:1fr 1fr;padding:12px}.shopping-add-form label:first-child{grid-column:1/-1}.shopping-add-form button{grid-column:1/-1}.shopping-groups{grid-template-columns:1fr}.shopping-group>summary{position:sticky;top:64px;z-index:2}.pantry-header{align-items:stretch;flex-direction:column}.pantry-overview{display:grid;grid-template-columns:1fr 1fr}.pantry-overview span{min-width:0}.pantry-add-form{grid-template-columns:1fr 1fr;padding:12px}.pantry-add-form label:first-child,.pantry-add-form button{grid-column:1/-1}.pantry-mobile-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--line);border-radius:13px;background:#eee5d8}.pantry-mobile-tabs button{padding:9px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:800}.pantry-mobile-tabs button.active{background:var(--paper);color:var(--green-dark);box-shadow:0 2px 8px rgba(68,46,30,.08)}.pantry-layout{display:block}.pantry-layout>section{display:none;padding:12px}.pantry-layout>section.mobile-active{display:block}.match-grid{grid-template-columns:1fr}.match-card{grid-template-columns:94px minmax(0,1fr)}.profile-editor-header{padding:15px}.profile-image-editor{align-items:center;flex-direction:row;padding:16px}.profile-image-preview{width:84px;height:84px}.profile-photo-actions{grid-template-columns:1fr}.profile-fields{padding:16px}.profile-save-bar{position:sticky;bottom:68px;z-index:4;align-items:stretch;flex-direction:column;padding:11px 14px;background:rgba(250,243,233,.96);backdrop-filter:blur(8px)}.profile-save-bar span{display:none}.profile-save-bar button{width:100%}}
@media(max-width:430px){.planner-day{grid-template-columns:74px minmax(0,1fr)}.shopping-item{grid-template-columns:auto minmax(0,1fr) auto}.pantry-item{grid-template-columns:minmax(0,1fr) auto}.pantry-category{display:none}.match-card{grid-template-columns:86px minmax(0,1fr)}.profile-image-editor{align-items:center;flex-direction:column;text-align:center}.profile-photo-actions{width:100%;grid-template-columns:1fr 1fr}.profile-photo-button{padding:8px 6px;font-size:.68rem}}

/* פרופיל משולב בעמוד המתכונים שלי — גרסה 16 */
.my-profile-strip{display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto;align-items:center;gap:14px;margin-bottom:12px;padding:11px 14px;border:1px solid var(--line);border-radius:17px;background:rgba(255,250,242,.84);box-shadow:0 6px 18px rgba(74,50,32,.045)}.my-profile-avatar{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border:3px solid #fffaf2;border-radius:50%;background:var(--green);color:#fff;font-size:1.35rem;font-weight:800;box-shadow:0 4px 12px rgba(63,45,31,.12)}.my-profile-avatar img{width:100%;height:100%;object-fit:cover}.my-profile-name{display:grid;line-height:1.2}.my-profile-name small{color:var(--muted);font-size:.67rem}.my-profile-name strong{max-width:260px;overflow:hidden;font-family:"Frank Ruhl Libre","Heebo",serif;font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap}.my-profile-social{display:flex;align-items:stretch}.my-profile-social button{min-width:82px;display:grid;place-items:center;gap:1px;padding:4px 12px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted)}.my-profile-social button:first-child{border-right:0}.my-profile-social strong{color:var(--ink);font-size:1rem}.my-profile-social span{font-size:.68rem}.my-profile-social button:hover{color:var(--green);background:#f5eee3}.my-profile-edit{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 11px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--brown);font-weight:800}.profile-edit-modal{width:min(760px,calc(100% - 24px))}.profile-edit-dialog-wrap{overflow:hidden}.profile-edit-dialog-header{padding:20px;border-bottom:1px solid var(--line);background:#f7efe3}.profile-edit-dialog-header h2{margin:0}.profile-edit-dialog-header p:last-child{margin:4px 0 0;color:var(--muted);font-size:.78rem}.profile-edit-modal .profile-form{border:0;border-radius:0;box-shadow:none}.profile-edit-modal .profile-editor-layout{grid-template-columns:minmax(280px,.85fr) minmax(310px,1.15fr)}.profile-edit-modal .profile-save-bar{bottom:0}.more-navigation-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:780px){.my-profile-strip{grid-template-columns:auto minmax(0,1fr) auto auto;gap:9px;margin-bottom:14px;padding:9px 10px;border-radius:15px}.my-profile-avatar{width:48px;height:48px}.my-profile-name small{display:none}.my-profile-name strong{font-size:.95rem}.my-profile-social button{min-width:57px;padding:3px 7px}.my-profile-social strong{font-size:.9rem}.my-profile-social span{font-size:.6rem}.my-profile-edit{width:36px;height:36px;padding:0;font-size:0}.my-profile-edit>span:first-child{font-size:1rem}.profile-edit-modal{width:100%;max-width:none;margin:auto 0 0;border-width:1px 0 0;border-radius:24px 24px 0 0}.profile-edit-dialog-header{padding:18px 16px}.profile-edit-modal .profile-editor-layout{grid-template-columns:1fr}.profile-edit-modal .profile-edit-dialog-wrap{max-height:92vh;overflow:auto}.profile-edit-modal .profile-image-editor{border-bottom:1px solid var(--line)}.profile-edit-modal .profile-save-bar{position:sticky;bottom:0}}
@media(max-width:430px){.my-profile-strip{grid-template-columns:auto minmax(0,1fr) auto auto;gap:6px;padding:8px}.my-profile-avatar{width:42px;height:42px}.my-profile-name strong{max-width:74px;font-size:.85rem}.my-profile-social button{min-width:45px;padding:2px 4px}.my-profile-social strong{font-size:.82rem}.my-profile-social span{font-size:.55rem}.my-profile-edit{width:32px;height:32px}.more-navigation-grid{grid-template-columns:1fr}}

/* הלוגו החדש */

.auth-logo {
    display: block;
    width: 112px;
    height: 112px;
    margin: 0 auto 14px;
    object-fit: contain;
}

.header-logo {
    display: block;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    object-fit: contain;
}

@media (max-width: 780px) {
    .auth-logo {
        width: 96px;
        height: 96px;
    }

    .header-logo {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }
}
/* הלוגו בכותרת האתר */

.topbar {
    height: auto;
    min-height: 112px;
    padding-block: 4px;
}

.header-brand {
    position: relative;
    width: 145px;
    height: 106px;
    flex: 0 0 145px;
    overflow: hidden;
}

.site-header-logo {
    position: absolute;
    top: -14px;
    right: 0;
    display: block;
    width: 145px;
    height: 145px;
    max-width: none;
    object-fit: contain;
}

/* אייקונים מינימליסטיים */

.minimal-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: currentColor;
    line-height: 1;
    vertical-align: -0.16em;
}

    .minimal-icon svg {
        width: 1.12em;
        height: 1.12em;
        fill: none;
        stroke: currentColor;
    }

    .minimal-icon.is-filled svg {
        fill: currentColor;
    }

.notification-button .minimal-icon svg,
.view-tab .minimal-icon svg {
    width: 21px;
    height: 21px;
}

.quick-action-card .minimal-icon svg,
.image-source-button .minimal-icon svg,
.profile-photo-button .minimal-icon svg {
    width: 25px;
    height: 25px;
}

.card-favorite .minimal-icon svg,
.card-stat .minimal-icon svg,
.privacy-badge .minimal-icon svg {
    width: 18px;
    height: 18px;
}

.empty .minimal-icon svg,
.shopping-empty .minimal-icon svg,
.pantry-empty .minimal-icon svg,
.notifications-empty .minimal-icon svg,
.connections-empty .minimal-icon svg {
    width: 52px;
    height: 52px;
    stroke-width: 1.5;
}

@media (max-width: 780px) {
    .topbar {
        min-height: 104px;
        padding: 4px 13px;
    }

    .header-brand {
        width: 132px;
        height: 97px;
        flex-basis: 132px;
    }

    .site-header-logo {
        top: -13px;
        width: 132px;
        height: 132px;
    }
}

@media (max-width: 360px) {
    .header-brand {
        width: 116px;
        height: 86px;
        flex-basis: 116px;
    }

    .site-header-logo {
        top: -12px;
        width: 116px;
        height: 116px;
    }
}

.shopping-group {
    min-width: 0;
    align-self: start;
    position: relative;
    isolation: isolate;
}

.shopping-items {
    position: relative;
    min-width: 0;
    overflow: hidden;
}

.shopping-item > div {
    min-width: 0;
}

.shopping-item strong,
.shopping-item small {
    overflow-wrap: anywhere;
}

@media (max-width: 780px) {
    .shopping-group > summary {
        position: static !important;
        top: auto !important;
    }
}

/* התקנת האפליקציה */
.install-header-button {
    min-height: 44px;
    padding: 9px 15px;
    border: 1px solid var(--green) !important;
    border-radius: 14px;
    background: #eef3e9 !important;
    color: var(--green-dark);
    font-size: .86rem;
    font-weight: 800;
    white-space: nowrap;
    box-shadow: 0 5px 14px rgba(64, 83, 60, .09);
}

.install-header-button:hover {
    background: var(--sage) !important;
    transform: translateY(-1px);
}

.quick-actions-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.install-action-card {
    border-color: #a8b9a1;
    background: linear-gradient(145deg, #eef3e9, #fffaf2);
    box-shadow: inset 0 0 0 1px rgba(73, 98, 71, .06);
}

.install-action-card strong {
    color: var(--green-dark);
}

.install-action-card > .minimal-icon {
    background: var(--green);
    color: #fff;
}

.install-action-card > .minimal-icon svg,
.install-help-hero svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.install-help-modal {
    width: min(500px, calc(100% - 24px));
}

.install-help-wrap {
    padding: 25px;
}

.install-help-hero {
    width: 66px;
    height: 66px;
    display: grid;
    place-items: center;
    margin: 2px auto 17px;
    border-radius: 20px;
    background: var(--sage);
    color: var(--green-dark);
}

.install-help-hero svg {
    width: 36px;
    height: 36px;
}

.install-help-steps {
    padding: 15px 18px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: #faf3e9;
    color: var(--ink);
    line-height: 1.65;
}

.install-help-steps p {
    margin: 0 0 8px;
    font-weight: 700;
}

.install-help-steps ol {
    margin: 0;
    padding-inline-start: 22px;
}

.install-help-steps li + li {
    margin-top: 6px;
}

.install-help-done {
    width: 100%;
    margin-top: 14px;
}

@media (max-width: 480px) {
    .header-brand {
        width: 88px;
        height: 72px;
        flex-basis: 88px;
    }

    .site-header-logo {
        top: -8px;
        width: 92px;
        height: 92px;
    }

    .header-actions {
        gap: 5px;
    }

    .install-header-button {
        min-height: 42px;
        padding: 7px 9px;
        border-radius: 12px;
        font-size: .7rem;
    }

    .quick-actions-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .quick-action-card small {
        display: block;
        font-size: .67rem;
        line-height: 1.3;
    }

    .install-help-wrap {
        padding: 21px 16px calc(18px + env(safe-area-inset-bottom));
    }
}

/* הסתרת כפתור ההורדה בתוך האפליקציה המותקנת */
@media (display-mode: standalone) {
    #installAppBtn {
        display: none !important;
    }
}

/* גרסה 20 — תכונות אישיות, ייבוא ותיקיות */
.toast {
    position: fixed !important;
    z-index: 100000 !important;
}

.language-toggle-button {
    min-width: 46px;
    min-height: 40px;
    padding: 7px 10px;
}

html[dir="ltr"] body {
    text-align: left;
}

html[dir="ltr"] label,
html[dir="ltr"] .author-link,
html[dir="ltr"] .card-owner-menu button {
    text-align: left;
}

dialog {
    z-index: 9000;
}

dialog::backdrop {
    background: rgba(42, 35, 27, .5);
    backdrop-filter: blur(2px);
}

.recent-section {
    padding: clamp(12px, 2vw, 24px) 0;
}

.special-page-heading,
.favorite-folder-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.special-page-heading {
    margin-bottom: 20px;
}

.favorite-folders-section {
    margin: 2px 0 14px;
}

.favorite-folder-toolbar {
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255, 253, 249, .78);
}

.favorite-folder-chips {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 2px;
    scrollbar-width: thin;
}

.favorite-folder-chips .chip {
    flex: 0 0 auto;
}

.folder-empty-message,
.empty-inline {
    margin: 14px 0 0;
    padding: 22px;
    border: 1px dashed #cdbda9;
    border-radius: 16px;
    color: var(--muted);
    text-align: center;
    background: rgba(255, 253, 249, .72);
}

.shopping-picker-items,
.favorite-folder-choices {
    display: grid;
    gap: 10px;
    max-height: 52vh;
    overflow: auto;
    margin: 16px 0;
}

.shopping-picker-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fffdf9;
    cursor: pointer;
}

.shopping-picker-item span {
    display: grid;
    gap: 3px;
}

.shopping-picker-item small,
.favorite-folder-row small {
    color: var(--muted);
}

.picker-toolbar {
    display: flex;
    gap: 8px;
}

.folder-create-row {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 10px;
}

.favorite-folder-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 11px 13px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fffdf9;
}

.favorite-folder-row label {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.favorite-folder-row label span {
    display: grid;
    gap: 2px;
}

.folder-delete-button {
    border: 0;
    background: transparent;
    color: var(--terracotta);
    font-weight: 700;
    cursor: pointer;
}

.build-version {
    position: fixed;
    left: 8px;
    bottom: calc(6px + env(safe-area-inset-bottom));
    z-index: 20;
    font-size: 10px;
    color: #7b6e61;
    opacity: .66;
    pointer-events: none;
}

#guestAuthStatus,
#favoriteFolderStatus,
#videoImportStatus,
#imageImportStatus,
#importStatus {
    position: relative;
    z-index: 2;
    min-height: 1.35em;
}

@media (max-width: 720px) {
    .special-page-heading,
    .favorite-folder-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .favorite-folder-chips {
        width: 100%;
    }

    .shopping-picker-modal,
    .favorite-folder-modal {
        width: calc(100% - 20px);
    }

    .folder-create-row {
        grid-template-columns: 1fr;
    }
}

#viewTabs .mobile-more-tab {
    display: flex;
}

/* לשוניות מתכון, המרות וקרדיט למקור — גרסה 27 */

.recipe-detail-tabs {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    margin-top: 24px;
    padding: 5px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #e9e3d9;
}

    .recipe-detail-tabs button {
        min-height: 48px;
        border: 0;
        border-radius: 14px;
        background: transparent;
        color: var(--muted);
        font-weight: 800;
    }

        .recipe-detail-tabs button.active {
            background: var(--paper);
            color: var(--green-dark);
            box-shadow: 0 3px 12px rgba(65, 47, 33, 0.1);
        }

.detail-columns {
    display: block;
    margin-top: 16px;
}

.detail-panel {
    display: none;
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: #fffdf9;
}

    .detail-panel.active {
        display: block;
        animation: detail-panel-in 0.18s ease-out;
    }

@keyframes detail-panel-in {
    from {
        opacity: 0.35;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.detail-panel > h3 {
    margin: 0 0 16px;
    font-size: 1.45rem;
}

.measurement-display {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 12px 0;
    padding: 8px 10px;
    border-radius: 13px;
    background: #f3ecdf;
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.measurement-options {
    display: flex;
    gap: 3px;
    padding: 3px;
    border-radius: 10px;
    background: #e4ddd1;
}

    .measurement-options button {
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: var(--muted);
        padding: 6px 9px;
        font-size: 0.72rem;
        font-weight: 800;
    }

        .measurement-options button.active {
            background: var(--paper);
            color: var(--green-dark);
            box-shadow: 0 2px 7px rgba(65, 47, 33, 0.08);
        }

.ingredient-line {
    grid-template-columns: minmax(0, 1fr) minmax(145px, auto);
    gap: 14px;
    padding: 13px 0;
    border-bottom: 1px solid rgba(138, 95, 61, 0.16);
}

.ingredient-name {
    min-width: 0;
    font-weight: 700;
}

.ingredient-measures {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 3px;
}

.ingredient-original {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    font-weight: 800;
}

    .ingredient-original input {
        width: 82px;
        text-align: center;
    }

.ingredient-conversion {
    color: var(--green);
    font-size: 0.75rem;
    font-weight: 700;
}

#scalableIngredients[data-measure-mode="source"]
.ingredient-conversion {
    display: none !important;
}

#scalableIngredients[data-measure-mode="household"]
.ingredient-conversion {
    order: -1;
    font-size: 0.92rem;
    font-weight: 800;
}

#scalableIngredients[data-measure-mode="household"]
.ingredient-original {
    opacity: 0.58;
    font-size: 0.72rem;
}

    #scalableIngredients[data-measure-mode="household"]
    .ingredient-original input {
        width: 66px;
        padding: 4px 6px;
        font-size: 0.72rem;
    }

.detail-panel-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 16px;
}

.steps-list {
    margin: 0;
}

    .steps-list li {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        align-items: start;
        gap: 14px;
        margin: 0;
        padding: 20px 0;
        border-bottom: 1px solid rgba(138, 95, 61, 0.16);
        line-height: 1.75;
    }

        .steps-list li::before {
            width: auto;
            height: auto;
            display: block;
            border-radius: 0;
            background: transparent;
            color: var(--green-dark);
            font-family: "Frank Ruhl Libre", "Heebo", serif;
            font-size: 2rem;
            line-height: 1;
        }

.recipe-source-credit {
    display: grid;
    gap: 3px;
    margin-top: 22px;
    padding: 13px 15px;
    border: 1px solid rgba(138, 95, 61, 0.16);
    border-radius: 14px;
    background: #f5eee3;
}

    .recipe-source-credit > span {
        color: var(--muted);
        font-size: 0.68rem;
        font-weight: 700;
    }

    .recipe-source-credit a {
        color: var(--green-dark);
        font-size: 0.83rem;
        font-weight: 800;
        text-decoration: none;
    }

        .recipe-source-credit a:hover {
            text-decoration: underline;
        }

@media (max-width: 560px) {
    .detail-panel {
        padding: 18px 15px;
        border-radius: 17px;
    }

    .recipe-detail-tabs {
        position: sticky;
        top: 0;
        z-index: 3;
    }

    .measurement-display {
        align-items: stretch;
        flex-direction: column;
    }

    .measurement-options {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .ingredient-line {
        grid-template-columns: minmax(0, 1fr) minmax(112px, auto);
        gap: 8px;
    }

    .ingredient-original input {
        width: 64px;
    }

    .steps-list li {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 9px;
    }

        .steps-list li::before {
            font-size: 1.7rem;
        }

    .detail-panel-footer {
        align-items: stretch;
        flex-direction: column-reverse;
    }

        .detail-panel-footer .primary,
        .detail-panel-footer .text-button {
            width: 100%;
        }
}