*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #3d2a35;--secondary-color: #E7C8C6;--pink-light: #f5e8e7;--pink-dark: #d4a5a2;--pink-darker: #c18d89;--text-color: #333;--light-bg: #fef8f8;--white: #ffffff;--border-color: #f0d8d6;--font-primary: "Inter", sans-serif;--font-heading: "Playfair Display", serif;--font-logo: "Lobster", cursive;--font-size-xs: .6rem;--font-size-sm: .75rem;--font-size-base: .9rem;--font-size-md: 1rem;--font-size-lg: 1.05rem;--font-size-xl: 1.1rem;--font-size-2xl: 1.2rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.75rem;--font-size-5xl: 2rem;--font-size-6xl: 2.5rem;--font-size-7xl: 3rem;--font-size-logo: 32px;--line-height-tight: 1.2;--line-height-normal: 1.6;--line-height-relaxed: 1.8;--line-height-loose: 1.9}html{overflow-x:visible;width:100%;scrollbar-gutter:stable;overflow-y:visible}body{font-family:var(--font-primary);color:var(--text-color);line-height:var(--line-height-normal);background-color:var(--white);position:relative;overflow-x:visible;width:100%;max-width:100vw;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/images/daamiazkitchen-logo.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;opacity:.08;z-index:-1;pointer-events:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--pink-light);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--pink-dark);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--pink-darker)}*{scrollbar-width:thin;scrollbar-color:var(--pink-dark) var(--pink-light)}main{min-height:calc(100vh - 200px);position:relative;z-index:1;width:100%;max-width:100vw;overflow-x:visible}[dir=rtl]{text-align:right}[dir=rtl] .container,[dir=rtl] .nav-menu,[dir=rtl] .language-switcher{direction:rtl}[dir=rtl] .recipe-content{padding-right:2rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;color:var(--primary-color)}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:12px 24px;background-color:var(--secondary-color);color:var(--primary-color);border:none;border-radius:8px;cursor:pointer;font-size:var(--font-size-md);font-weight:600;font-family:var(--font-primary);transition:all .3s ease;box-shadow:0 2px 8px #e7c8c666}.btn:hover{background-color:var(--pink-dark);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px #e7c8c680}.btn-secondary{background-color:var(--primary-color);color:var(--white)}.btn-secondary:hover{background-color:#2a1d25;transform:translateY(-2px)}.header{width:100%;max-width:100vw;overflow-x:visible;overflow-y:visible;background-color:var(--white);box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:1000}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;position:relative;overflow:visible}.logo a{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-image{width:50px;height:50px;object-fit:contain;border-radius:8px}.logo-text{display:inline-block;font-family:var(--font-logo);font-size:var(--font-size-logo);font-weight:400;color:var(--primary-color);letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .3s ease}.logo-text:hover{transform:scale(1.05)}.nav-menu{display:flex;list-style:none;gap:2rem;align-items:center;margin:0;padding:0;position:relative;overflow:visible}.nav-menu li{position:relative}.nav-menu a{color:var(--text-color);font-weight:500;transition:color .3s ease;padding:.5rem 0}.nav-menu a:hover,.nav-menu a.active{color:var(--secondary-color)}.dropdown{position:relative;z-index:1002}.dropdown-toggle .arrow{font-size:var(--font-size-xs);margin-left:.5rem;transition:transform .3s ease;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--white);box-shadow:0 4px 12px #00000026;border-radius:8px;list-style:none;padding:.5rem 0;margin:.5rem 0 0;min-width:150px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1003}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{padding:0}.dropdown-menu a{display:block;padding:.75rem 1.5rem;color:var(--text-color)}.dropdown-menu a:hover{background-color:var(--light-bg);color:var(--secondary-color)}.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;gap:0;position:relative;width:30px;height:24px}.menu-toggle span{width:25px;height:3px;background-color:var(--primary-color);transition:all .3s ease;position:absolute;left:0;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.menu-toggle span:nth-child(1){top:3px}.menu-toggle span:nth-child(2){top:50%;margin-top:-1.5px}.menu-toggle span:nth-child(3){bottom:3px}.menu-toggle.open span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg);transition-delay:0s}.menu-toggle.open span:nth-child(2){opacity:0;width:0;transition-delay:0s}.menu-toggle.open span:nth-child(3){top:50%;transform:translateY(-50%) rotate(-45deg);transition-delay:0s}.language-switcher{position:relative}.language-toggle{display:flex;align-items:center;gap:.4rem;background:var(--light-bg);border:1px solid var(--border-color);border-radius:20px;padding:.4rem .8rem;cursor:pointer;font-size:var(--font-size-base);font-weight:600;font-family:var(--font-primary);transition:all .3s ease;white-space:nowrap}.language-toggle .flag{font-size:var(--font-size-md)}.language-toggle .language-code{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.language-toggle .arrow{font-size:var(--font-size-xs);margin-left:.2rem}.language-toggle:hover{background:var(--pink-light);border-color:var(--secondary-color)}.language-dropdown{position:absolute;top:100%;left:0;background:var(--white);box-shadow:0 4px 12px #00000026;border-radius:8px;list-style:none;padding:0;margin:.5rem 0 0;width:100%;min-width:100%;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;max-height:0;overflow:hidden;box-sizing:border-box}.language-dropdown.open{opacity:1;visibility:visible;transform:translateY(0);max-height:500px;padding:.5rem 0}.language-dropdown button{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:none;border:none;text-align:left;cursor:pointer;transition:background .3s ease;font-size:var(--font-size-base);font-family:var(--font-primary)}.language-dropdown button .flag{font-size:var(--font-size-md)}.language-dropdown button .language-code{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.language-dropdown button:hover,.language-dropdown button.active{background:var(--light-bg)}.footer{background-color:var(--primary-color);color:var(--white);padding:3rem 0 1.5rem;margin-top:1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem;justify-items:center}.footer-section h3{color:var(--white);margin-bottom:1rem;font-size:var(--font-size-xl);font-family:var(--font-heading)}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:var(--white);opacity:.9;transition:opacity .3s ease;font-size:var(--font-size-lg);font-family:var(--font-primary)}.footer-section a:hover{opacity:1;color:var(--secondary-color)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);font-size:var(--font-size-base);font-family:var(--font-primary)}.hero{padding:4rem 0;background:linear-gradient(135deg,var(--light-bg) 0%,var(--white) 100%)}.hero-content{display:flex;align-items:center;gap:1.5rem;justify-content:center;max-width:1200px;margin:0 auto}.hero-logo{flex-shrink:0;background:linear-gradient(135deg,var(--light-bg) 0%,var(--white) 100%);border-radius:8px;padding:.5rem;display:inline-block}.hero-logo .logo-image{max-width:200px;width:100%;height:auto;display:block}.hero-text{text-align:left;min-width:0;flex:0 1 auto}.hero-text h1{font-size:var(--font-size-6xl);margin-bottom:1rem;color:var(--primary-color);line-height:var(--line-height-tight)}.hero-subtitle{font-size:var(--font-size-xl);color:var(--text-color);opacity:.8;font-family:var(--font-primary)}.featured-recipes,.popular-section{padding:4rem 0}.featured-recipes h2,.popular-section h2{text-align:center;margin-bottom:3rem;font-size:var(--font-size-6xl);color:var(--text-color);font-family:var(--font-heading)}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.popular-grid{display:grid;grid-template-columns:repeat(auto-fill,270px);gap:1.5rem;margin-top:2rem;justify-content:start;align-items:start}.popular-item{text-align:center;cursor:pointer;transition:transform .3s ease;width:100%}.popular-item:hover{transform:scale(1.05)}.popular-item img{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:1rem}.popular-item h4{font-size:var(--font-size-xl);color:var(--primary-color)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100vw;background:var(--white);box-shadow:0 -4px 16px #0000001a;z-index:10000;padding:2rem;max-height:80vh;overflow-y:auto;overflow-x:hidden}.cookie-content{max-width:800px;margin:0 auto}.cookie-header h3{margin-bottom:.5rem}.cookie-settings{margin:2rem 0}.cookie-category{padding:1.5rem;background:var(--light-bg);border-radius:8px;margin-bottom:1rem}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.category-header label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.category-header input[type=checkbox]{width:20px;height:20px;cursor:pointer}.badge{background:var(--secondary-color);color:var(--primary-color);padding:.25rem .75rem;border-radius:12px;font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-primary)}.category-desc{font-size:var(--font-size-base);opacity:.8;margin-top:.5rem;font-family:var(--font-primary)}.cookie-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-settings,.btn-accept-necessary,.btn-accept-all{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-settings{background:var(--light-bg);color:var(--primary-color)}.btn-accept-necessary{background:var(--white);color:var(--primary-color);border:2px solid var(--border-color)}.btn-accept-all{background:var(--secondary-color);color:var(--primary-color)}.btn-settings:hover,.btn-accept-necessary:hover,.btn-accept-all:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.full-width{width:100%}.center{text-align:center;margin:2rem 0}.social-links,.hero-social-links{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;color:var(--white);text-decoration:none;transition:all .3s ease;font-size:var(--font-size-3xl);box-shadow:0 2px 8px #00000026}.social-link:hover{transform:translateY(-3px) scale(1.1)}.social-facebook{background-color:#1877f2}.social-facebook:hover{background-color:#166fe5;box-shadow:0 6px 16px #1877f280}.social-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-instagram:hover{background:linear-gradient(45deg,#ffa64d,#ff7a5c,#ff3d5f,#ff2d7a,#d41a9a);box-shadow:0 6px 16px #e4405f80}.social-tiktok{background-color:#000}.social-tiktok:hover{background-color:#fe2c55;box-shadow:0 6px 16px #fe2c5580}.social-youtube{background-color:red}.social-youtube:hover{background-color:#e60000;box-shadow:0 6px 16px #ff000080}.recipe-card{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;height:100%}.recipe-card:hover{transform:translateY(-5px);box-shadow:0 4px 16px #00000026}.recipe-image{width:100%;height:250px;overflow:hidden;background-color:var(--light-bg);position:relative}.recipe-image img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:center;display:block}.recipe-content{padding:2rem;padding-right:0}.recipe-content h3{font-size:var(--font-size-3xl);margin-bottom:.75rem;color:var(--primary-color)}.recipe-content p{color:var(--text-color);margin-bottom:1rem;line-height:var(--line-height-normal);font-family:var(--font-primary);font-size:var(--font-size-lg)}.recipe-card-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.recipe-card-stars{display:inline-flex;gap:.15rem}.recipe-card-star{font-size:1rem;color:var(--white, #ffffff);transition:color .2s;text-shadow:0 0 1px rgba(0,0,0,.1)}.recipe-card-star.filled{color:var(--pink-dark, #d4a5a2);text-shadow:none}.recipe-card-rating .rating-value{font-size:.9rem;font-weight:600;color:var(--primary-color, #3d2a35)}.recipe-card-rating .rating-count{font-size:.85rem;color:var(--text-color, #333);opacity:.7}.read-more{color:var(--secondary-color);font-weight:600;text-decoration:none;transition:color .3s ease}.read-more:hover{color:var(--pink-dark)}.category-badge{display:inline-block;padding:.625rem 1.5rem;background:linear-gradient(135deg,var(--secondary-color),var(--pink-dark));color:var(--white);border-radius:25px;font-size:var(--font-size-base);font-weight:700;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.75px;margin-bottom:1rem;box-shadow:0 4px 12px #d4a5a266;transition:all .3s ease}.category-badge:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d4a5a280}.page-container{padding:3rem 0}.page-container h1{font-size:var(--font-size-6xl);margin-bottom:3rem;text-align:center}@media (min-width: 481px) and (max-width: 1024px){.recipes-grid,.popular-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.menu-toggle{display:flex}.nav-menu{position:fixed;top:70px;left:0;width:100%;background-color:var(--white);flex-direction:column;text-align:center;transition:transform .3s ease;box-shadow:0 10px 27px #0000000d;padding:2rem 0;gap:0;transform:translateY(calc(-100% - 70px));z-index:999}.nav-menu.active{transform:translateY(0)}.nav-menu li{width:100%;padding:0;margin:0;text-align:center}.nav-menu a{display:block;padding:1rem;text-align:center;width:100%}.nav-menu .dropdown{width:100%}.nav-menu .dropdown-toggle{display:block;padding:1rem;text-align:center;width:100%}.language-switcher-item{width:100%;display:flex;justify-content:center;padding:1rem 0}.language-switcher{width:100%;display:flex;justify-content:center}.language-toggle{width:auto;margin:0 auto}.language-dropdown{left:50%;transform:translate(-50%) translateY(-10px);width:80px;min-width:80px;max-width:80px;white-space:nowrap;max-height:50vh;overflow-y:auto;overflow-x:hidden;position:absolute;box-shadow:0 4px 12px #00000026;margin-top:0}.language-dropdown.open{transform:translate(-50%) translateY(0);max-height:50vh;padding-top:0;padding-bottom:.25rem;padding-left:0;padding-right:0}.language-dropdown li{margin:0}.language-dropdown button{padding:.5rem .8rem;font-size:var(--font-size-sm);min-height:40px;text-align:center;justify-content:center;width:100%;box-sizing:border-box}.language-dropdown button .flag{font-size:var(--font-size-base)}.language-dropdown button .language-code{font-size:var(--font-size-xs)}.dropdown-menu{position:static;opacity:0;visibility:hidden;transform:none;box-shadow:none;background-color:var(--light-bg);margin-top:0;max-height:0;padding:0;transition:all .3s ease;width:100%;list-style:none}.dropdown-menu li{width:100%;padding:0;margin:0}.dropdown-menu a{display:block;padding:.75rem 1rem;text-align:center;width:100%}.dropdown-menu.show,.dropdown.open .dropdown-menu{opacity:1;visibility:visible;max-height:500px;padding:.5rem 0;margin-top:.5rem}.dropdown-toggle{pointer-events:auto}.mobile-only{display:inline}.hero{padding:1rem 0;margin:1rem 0}.hero-content{flex-direction:column;text-align:center;gap:2rem}.hero-text{text-align:center}.hero-text h1{font-size:var(--font-size-5xl)}.hero-logo .logo-image{max-width:150px}.featured-recipes,.popular-section{padding:1rem 0;margin:1rem 0}.recipes-grid{grid-template-columns:1fr;gap:1.5rem}.social-links,.hero-social-links{gap:2px}.footer-content{grid-template-columns:1fr;justify-items:center;text-align:center}.footer-section{text-align:center;width:100%}.footer-section h3{text-align:center}.footer-section ul{text-align:center;display:flex;flex-direction:column;align-items:center}.footer-section ul li{text-align:center}}@media (max-width: 768px) and (max-width: 480px){.recipes-grid,.popular-grid{grid-template-columns:1fr}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f5f5f5,#fff);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:1;transition:opacity .5s ease-out}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-loader{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center}.loading-logo{width:120px;height:120px;object-fit:contain;z-index:2;position:relative;opacity:0;transition:opacity .3s ease-in;animation:logoFloat 2s ease-in-out infinite}.loading-logo.loaded{opacity:1}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1) rotate(0);opacity:1}25%{transform:translateY(-8px) scale(1.03) rotate(2deg);opacity:.95}50%{transform:translateY(-12px) scale(1.05) rotate(0);opacity:.9}75%{transform:translateY(-8px) scale(1.03) rotate(-2deg);opacity:.95}}.loading-ring{position:absolute;width:150px;height:150px;border:3px solid transparent;border-top:3px solid var(--secondary-color, #e7c8c6);border-right:3px solid var(--primary-color, #8B4513);border-radius:50%;animation:spin 1.5s linear infinite;z-index:1}.loading-ring-2{width:170px;height:170px;border-top:2px solid var(--secondary-color, #e7c8c6);border-right:2px solid transparent;border-bottom:2px solid var(--primary-color, #8B4513);border-left:2px solid transparent;animation:spinReverse 2s linear infinite;z-index:0;opacity:.6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.loading-pulse{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(231,200,198,.3) 0%,transparent 70%);animation:pulse 2s ease-in-out infinite;z-index:0}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.2}}@media (max-width: 768px){.logo-loader{width:120px;height:120px}.loading-logo{width:100px;height:100px}.loading-ring{width:120px;height:120px}.loading-ring-2{width:140px;height:140px}.loading-pulse{width:120px;height:120px}}
