.message-info{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:2px solid #86efac;border-radius:16px;padding:24px 28px;margin-bottom:24px;box-shadow:0 4px 15px rgba(34,197,94,0.15);position:relative;overflow:hidden} .message-info::before{content:"✅";position:absolute;top:24px;left:28px;font-size:24px} .message-info__title{font-size:20px;font-weight:700;color:#166534;margin-bottom:12px;padding-left:40px} .message-info__content{font-size:15px;line-height:1.6;color:#15803d;padding-left:40px} .message-info__content a{color:#16a34a;font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:color 0.2s ease} .message-info__content a:hover{color:#15803d} .message-error,.message-info.error{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-color:#fecaca;box-shadow:0 4px 15px rgba(239,68,68,0.15)} .message-error::before,.message-info.error::before{content:"❌"} .message-error .message-info__title,.message-info.error .message-info__title{color:#991b1b} .message-error .message-info__content,.message-info.error .message-info__content{color:#b91c1c} .message-error .message-info__content a,.message-info.error .message-info__content a{color:#dc2626} .message-warning,.message-info.warning{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-color:#fcd34d;box-shadow:0 4px 15px rgba(245,158,11,0.15)} .message-warning::before,.message-info.warning::before{content:"⚠️"} .message-warning .message-info__title,.message-info.warning .message-info__title{color:#92400e} .message-warning .message-info__content,.message-info.warning .message-info__content{color:#b45309} @media(max-width:640px){.message-info{padding:20px;border-radius:12px} .message-info::before{top:20px;left:20px;font-size:20px} .message-info__title{font-size:18px;padding-left:36px} .message-info__content{font-size:14px;padding-left:36px}} .berror,.bsuccess,.bwarning,.info-box,.dle-info{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-radius:12px;margin-bottom:20px;font-size:15px;line-height:1.5;border:1px solid;position:relative} .berror::before,.bsuccess::before,.bwarning::before,.info-box::before{font-size:20px;flex-shrink:0} .berror{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-color:#fecaca;color:#991b1b} .berror::before{content:"❌"} .berror a{color:#dc2626;text-decoration:underline;font-weight:600} .berror a:hover{color:#b91c1c} .bsuccess{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#86efac;color:#166534} .bsuccess::before{content:"✅"} .bsuccess a{color:#16a34a;text-decoration:underline;font-weight:600} .bsuccess a:hover{color:#15803d} .bwarning{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-color:#fcd34d;color:#92400e} .bwarning::before{content:"⚠️"} .bwarning a{color:#d97706;text-decoration:underline;font-weight:600} .bwarning a:hover{color:#b45309} .info-box,.dle-info{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#93c5fd;color:#1e40af} .info-box::before,.dle-info::before{content:"ℹ️"} .info-box a,.dle-info a{color:#2563eb;text-decoration:underline;font-weight:600} .info-box a:hover,.dle-info a:hover{color:#1d4ed8} .berror .close-btn,.bsuccess .close-btn,.bwarning .close-btn,.info-box .close-btn{position:absolute;top:12px;right:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,0.1);cursor:pointer;font-size:14px;line-height:1;transition:background 0.2s ease} .berror .close-btn:hover,.bsuccess .close-btn:hover,.bwarning .close-btn:hover,.info-box .close-btn:hover{background:rgba(0,0,0,0.2)} @media(max-width:640px){.berror,.bsuccess,.bwarning,.info-box,.dle-info{padding:14px 16px;font-size:14px;border-radius:10px;gap:10px} .berror::before,.bsuccess::before,.bwarning::before,.info-box::before{font-size:18px}} *{margin:0;padding:0;box-sizing:border-box}:root{--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-orange-50:#fff7ed;--color-orange-100:#ffedd5;--color-orange-500:#f97316;--color-orange-600:#ea580c;--color-orange-700:#c2410c;--color-amber-50:#fffbeb;--color-amber-500:#f59e0b;--color-yellow-500:#eab308;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-white:#ffffff;--color-black:#000000;--color-primary:#dc2626;--color-primary-dark:#b91c1c;--color-primary-light:#ef4444;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--container-max-width:1472px} html{overflow-x:hidden;width:100%} body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.5;color:var(--color-gray-900);background:linear-gradient(to bottom right,var(--color-gray-50),var(--color-white),var(--color-orange-50));min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw} img{max-width:100%;height:auto;display:block} a{text-decoration:none;color:inherit} button{border:none;background:none;cursor:pointer;font-family:inherit} .grey{color:#64748b} .grey a{color:inherit} .grey a:hover{color:#353535} .container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-4);box-sizing:border-box} .page-wrapper{max-width:100%;overflow-x:hidden} .desktop-only{display:block} .mobile-only{display:none!important} @media(max-width:1024px){.desktop-only{display:none!important} .mobile-only{display:initial!important} .user-profile-section.mobile-only{display:flex!important} .user-profile-btn.mobile-only{display:flex!important} .notification-btn.mobile-only{display:flex!important} .mobile-actions.mobile-only{display:flex!important} .mobile-menu.mobile-only{display:none!important} .mobile-menu.mobile-only.active{display:block!important}} .site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(to right,rgba(255,223,175,0.95),rgba(255,247,237,0.95),rgba(255,251,235,0.95));backdrop-filter:blur(10px);padding:var(--spacing-4) 0;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);transition:all 0.3s ease;overflow:visible} .site-header.scrolled{padding:var(--spacing-2) 0;background:linear-gradient(to right,rgba(255,223,175,0.95),rgba(255,247,237,0.95),rgba(255,251,235,0.95));box-shadow:0 10px 15px -3px rgba(0,0,0,0.1)} .header-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-4);overflow:visible} @media(max-width:768px){.header-top{margin-bottom:0;gap:var(--spacing-2);flex-wrap:wrap}} .logo-link{display:flex;align-items:center;gap:var(--spacing-3)} .logo-icon{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0} .logo-icon img{width:100%;height:100%;object-fit:contain} @media(max-width:768px){.logo-icon{width:40px;height:40px}} .logo-text h1{font-size:20px;font-weight:700;color:var(--color-gray-900);margin:0} @media(max-width:768px){.logo-text h1{font-size:16px}} .logo-subtitle{font-size:12px;color:var(--color-gray-500);display:block} @media(max-width:640px){.logo-subtitle{display:none}} .header-actions{display:flex;align-items:center;gap:var(--spacing-3)} .auth-buttons{display:flex;align-items:center;gap:var(--spacing-3)} .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:10px 20px;background:white;border:2px solid var(--color-red-600);color:var(--color-red-600);border-radius:10px;font-weight:600;font-size:14px;transition:all 0.2s ease;cursor:pointer;text-decoration:none;white-space:nowrap} .btn-secondary:hover{background:var(--color-red-50);transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,38,38,0.2)} .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:10px 20px;background:linear-gradient(to right,var(--color-red-600),var(--color-orange-600));color:white;border:none;border-radius:10px;font-weight:600;font-size:14px;transition:all 0.2s ease;cursor:pointer;text-decoration:none;box-shadow:0 4px 12px rgba(220,38,38,0.3);white-space:nowrap} .btn-primary:hover{background:linear-gradient(to right,var(--color-red-700),var(--color-orange-700));transform:translateY(-1px);box-shadow:0 6px 16px rgba(220,38,38,0.4)} @media(max-width:1024px){.header-actions{display:none} .mobile-actions .auth-buttons{gap:var(--spacing-2)} .mobile-actions .btn-secondary{padding:8px 14px;font-size:13px} .mobile-actions .btn-primary{padding:8px 16px;font-size:13px} .mobile-actions .notification-btn.mobile-only{width:40px;height:40px} .mobile-actions .user-profile-section.mobile-only{gap:0;position:relative;overflow:visible} .mobile-actions .user-profile-btn{padding:4px 10px;border:2px solid var(--color-gray-200);background:white} .mobile-actions .user-profile-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)} .mobile-actions .user-name{font-size:13px;max-width:90px} .mobile-actions .user-profile-btn svg{width:14px;height:14px} .mobile-actions .user-avatar{width:30px;height:30px}} .mobile-actions .user-profile-btn.mobile-only{padding:4px 10px;border:2px solid var(--color-gray-200);background:white;display:flex;align-items:center;gap:var(--spacing-2);border-radius:10px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent} .mobile-actions .user-profile-btn.mobile-only .user-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover} .mobile-actions .user-profile-btn.mobile-only .user-name{font-size:13px;font-weight:600;color:var(--color-gray-900);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mobile-actions .user-profile-btn.mobile-only svg{width:14px;height:14px;color:var(--color-gray-500)} @media(max-width:480px){.mobile-actions .btn-primary{padding:7px 14px;font-size:12px} .mobile-actions .notification-btn.mobile-only{width:36px;height:36px} .mobile-actions .user-profile-btn,.mobile-actions .user-profile-btn.mobile-only{padding:3px 8px} .mobile-actions .user-name,.mobile-actions .user-profile-btn.mobile-only .user-name{font-size:12px;max-width:70px} .mobile-actions .user-avatar,.mobile-actions .user-profile-btn.mobile-only .user-avatar{width:28px;height:28px} .mobile-actions .user-profile-btn svg,.mobile-actions .user-profile-btn.mobile-only svg{width:12px;height:12px}} .user-profile-section{display:flex;align-items:center;gap:var(--spacing-4);position:relative;overflow:visible} .notification-btn{position:relative;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid var(--color-gray-200);color:var(--color-gray-700);transition:all 0.2s ease} .notification-btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-300)} .notification-badge{position:absolute;top:-4px;right:-4px;background:var(--color-red-500);color:white;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center} .user-profile-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:6px 12px;background:white;border:2px solid var(--color-gray-200);border-radius:10px;cursor:pointer;transition:all 0.2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent} .user-profile-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)} .user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover} .user-name{font-weight:600;font-size:14px;color:var(--color-gray-900);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .user-profile-btn svg{color:var(--color-gray-500);transition:transform 0.2s ease} .user-profile-btn:hover svg{transform:rotate(180deg)} .user-dropdown{position:absolute;top:calc(100%+12px);right:0;background:white;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.15);min-width:280px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:1000} .user-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)} .user-dropdown::before{content:'';position:absolute;top:-8px;right:20px;width:16px;height:16px;background:white;transform:rotate(45deg);border-radius:2px} .user-dropdown-header{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);background:linear-gradient(135deg,var(--color-red-500) 0%,var(--color-orange-500) 100%);border-radius:16px 16px 0 0} .user-avatar-large{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 4px 8px rgba(0,0,0,0.2)} .user-info{flex:1} .user-dropdown-name{font-size:18px;font-weight:700;color:white;margin-bottom:var(--spacing-1)} .admin-badge{display:inline-block;padding:4px 10px;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border-radius:8px;font-size:12px;font-weight:600;color:white;text-decoration:none;transition:all 0.2s ease} .admin-badge:hover{background:rgba(255,255,255,0.3)} .user-dropdown-menu{padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-1);background:var(--color-gray-50)} .user-menu-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);color:var(--color-gray-700);text-decoration:none;border-radius:10px;transition:all 0.2s ease;font-size:14px;font-weight:500;background:var(--color-white);border:1px solid var(--color-gray-100);box-shadow:0 1px 2px rgba(0,0,0,0.04)} .user-menu-item:hover{background:var(--color-orange-50);color:var(--color-orange-600);border-color:var(--color-orange-200);transform:translateX(4px)} .user-menu-item svg{flex-shrink:0;stroke:currentColor} .user-menu-divider{height:1px;background:var(--color-gray-200);margin:var(--spacing-2) 0} .logout-item{color:var(--color-red-600);background:var(--color-red-50);border-color:var(--color-red-100)} .logout-item:hover{background:var(--color-red-100);color:var(--color-red-700);border-color:var(--color-red-200)} @media(max-width:1024px){#userDropdownMobile{right:-10px;min-width:300px;z-index:9999} #userDropdownMobile::before{right:50px} .mobile-actions .user-dropdown-header{padding:var(--spacing-5)} .mobile-actions .user-avatar-large{width:50px;height:50px} .mobile-actions .user-dropdown-name{font-size:16px} .mobile-actions .user-menu-item{font-size:15px;padding:var(--spacing-3)}} @media(max-width:480px){#userDropdownMobile{right:-5px;left:auto;min-width:280px;max-width:calc(100vw - 10px)} #userDropdownMobile::before{right:40px} .mobile-actions .user-dropdown-header{padding:var(--spacing-4)} .mobile-actions .user-avatar-large{width:45px;height:45px} .mobile-actions .user-dropdown-name{font-size:15px} .mobile-actions .user-menu-item{font-size:14px;padding:var(--spacing-2) var(--spacing-3);gap:var(--spacing-2)} .mobile-actions .user-menu-item svg{width:16px;height:16px}} .mobile-actions{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-2);position:relative;overflow:visible} .icon-btn{padding:var(--spacing-2);border-radius:8px;transition:background 0.2s ease} .icon-btn:hover{background:var(--color-gray-100)} .icon-btn svg{stroke-width:2;color:var(--color-gray-700)} .btn-primary{background:linear-gradient(to right,var(--color-red-600),var(--color-orange-600));color:var(--color-white);padding:12px 24px;border-radius:12px;font-weight:600;box-shadow:0 10px 15px -3px rgba(220,38,38,0.3);display:flex;align-items:center;gap:var(--spacing-2);transition:all 0.3s ease} .btn-primary:hover{background:linear-gradient(to right,var(--color-red-700),var(--color-orange-700));box-shadow:0 20px 25px -5px rgba(220,38,38,0.3);transform:translateY(-1px)} .main-nav{border-top:1px solid var(--color-gray-100);padding-top:var(--spacing-4)} .nav-categories{display:flex;align-items:center;gap:var(--spacing-1);flex-wrap:nowrap;overflow:visible;visibility:hidden} .nav-categories.menu-ready{visibility:visible} @media(max-width:768px){.nav-categories{overflow-x:auto}} .nav-categories::-webkit-scrollbar{display:none} .nav-categories a,.nav-categories button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:8px;color:var(--color-gray-700);font-weight:500;white-space:nowrap;transition:background 0.2s ease;border:1px dotted #b8a1a1} .nav-categories a:hover,.nav-categories button:hover{background:rgba(255,255,255,0.8)} .nav-categories svg{width:16px;height:16px} .category-emoji{font-size:24px;line-height:1;flex-shrink:0} .subcategory-emoji{font-size:20px;line-height:1;flex-shrink:0} .nav-category{position:relative} .nav-category.has-dropdown{display:flex;flex-direction:column} .nav-category-link{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:8px;color:var(--color-gray-700);font-weight:500;white-space:nowrap;transition:background 0.2s ease} .nav-category-link:hover{background:rgba(255,255,255,0.8)} .category-dropdown{position:absolute;top:100%;left:0;background:var(--color-white);border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,0.15);min-width:240px;padding:var(--spacing-2);display:none;z-index:1000;padding-top:12px;margin-top:-4px} .nav-category.has-dropdown:hover .category-dropdown,.category-dropdown:hover{display:block;animation:fadeInDown 0.2s ease} @keyframes fadeInDown{from{opacity:0;transform:translateY(-10px)} to{opacity:1;transform:translateY(0)}} .category-dropdown a{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--color-gray-700);font-size:14px;font-weight:500;border-radius:8px;transition:all 0.2s ease;white-space:nowrap} .category-dropdown a:hover{background:var(--color-orange-50);color:var(--color-orange-600)} .category-dropdown a:hover svg{stroke:var(--color-orange-600)} .category-dropdown a:hover .subcategory-emoji{transform:scale(1.1);transition:transform 0.2s ease} .dropdown-trigger{position:relative;display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:8px;color:var(--color-gray-700);font-weight:500;white-space:nowrap;transition:background 0.2s ease;cursor:pointer} .dropdown-trigger:hover{background:rgba(255,255,255,0.8)} .dropdown-trigger .dropdown-arrow{width:16px;height:16px;transition:transform 0.3s ease} .dropdown-trigger:hover .dropdown-arrow{transform:rotate(180deg)} .dropdown-menu{position:absolute;top:100%;right:0;background:var(--color-white);border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,0.15);min-width:200px;padding:var(--spacing-2);opacity:0;visibility:hidden;z-index:1000;padding-top:12px;margin-top:-4px;transition:opacity 0.2s ease,visibility 0s linear 0.3s;pointer-events:none} .dropdown-trigger:hover .dropdown-menu,.dropdown-menu:hover{opacity:1;visibility:visible;transition:opacity 0.2s ease,visibility 0s linear 0s;pointer-events:auto} .dropdown-menu .nav-category{display:block;position:relative} .dropdown-menu .nav-category-link{width:100%;display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--color-gray-700);font-size:14px;font-weight:500;border-radius:8px;transition:all 0.2s ease;white-space:nowrap} .dropdown-menu .nav-category-link:hover{background:var(--color-orange-50);color:var(--color-orange-600)} .dropdown-menu .category-dropdown{position:absolute;left:auto;right:100%;margin-right:-2px;top:0;opacity:0;visibility:hidden;box-shadow:0 10px 25px -5px rgba(0,0,0,0.15);margin-top:0;padding:var(--spacing-2);background:var(--color-white);border-radius:12px;min-width:240px;z-index:1001;transition:opacity 0.2s ease,visibility 0s linear 0.3s;pointer-events:none} .dropdown-menu .nav-category.has-dropdown:hover .category-dropdown,.dropdown-menu .category-dropdown:hover{opacity:1;visibility:visible;transition:opacity 0.2s ease,visibility 0s linear 0s;pointer-events:auto} .nav-category.hidden{display:none} .mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--color-white);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1);border-top:1px solid var(--color-gray-100);max-height:calc(100vh - 60px);overflow-y:auto;z-index:1000} .mobile-add-recipe{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);margin:var(--spacing-3) var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(135deg,var(--color-orange-500),var(--color-orange-600));color:var(--color-white);border-radius:var(--radius-lg);font-size:14px;font-weight:600;text-decoration:none;transition:all 0.2s ease} .mobile-add-recipe:hover{background:linear-gradient(135deg,var(--color-orange-600),var(--color-orange-700));transform:translateY(-1px);box-shadow:0 4px 12px rgba(249,115,22,0.3)} .mobile-add-recipe svg{stroke:currentColor;flex-shrink:0} .mobile-category-item{border-bottom:1px solid var(--color-gray-100)} .mobile-category-header{display:flex;align-items:center;background:var(--color-white);transition:background 0.2s ease} .mobile-category-header:hover{background:var(--color-gray-50)} .mobile-category-link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);padding-right:var(--spacing-2);font-size:14px;font-weight:600;color:var(--color-gray-900);flex:1;text-decoration:none;transition:color 0.2s ease} .mobile-category-link:hover{color:var(--color-red-600)} .mobile-category-header .category-emoji{font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0} .mobile-category-title{flex:1} .mobile-category-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:none;background:transparent;cursor:pointer;color:var(--color-gray-500);transition:color 0.2s ease,background 0.2s ease;flex-shrink:0} .mobile-category-toggle:hover{color:var(--color-gray-900);background:var(--color-gray-100)} .mobile-category-arrow{width:16px;height:16px;transition:transform 0.3s ease;flex-shrink:0} .mobile-category-toggle.active .mobile-category-arrow{transform:rotate(180deg)} .mobile-subcategories{max-height:0;overflow:hidden;transition:max-height 0.3s ease;background:var(--color-gray-50)} .mobile-subcategories.active{max-height:500px} .mobile-subcategories a{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4) var(--spacing-2) calc(var(--spacing-4)+44px);font-size:13px;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-200);transition:all 0.2s ease} .mobile-subcategories a .subcategory-emoji{font-size:16px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0} .mobile-subcategories a:hover{background:var(--color-white);color:var(--color-red-600);padding-left:calc(var(--spacing-4)+48px)} .mobile-subcategories a:last-child{border-bottom:none} .main-content{padding-top:160px} @media(max-width:768px){.main-content{padding-top:140px} .comment .meta .left li.reply span{display:none!important} .comment .meta .left li.reply svg.icon{width:22px!important;height:22px!important;stroke:var(--color-gray-600)} .comment .meta .left li.reply{padding:8px!important;background:var(--color-gray-100)!important;border-radius:8px!important;transition:all 0.2s ease;display:inline-flex!important;align-items:center!important;justify-content:center!important} .comment .meta .left li.reply:hover,.comment .meta .left li.reply:active{background:var(--color-gray-200)!important} .comment .meta .left li.reply:hover svg.icon,.comment .meta .left li.reply:active svg.icon{stroke:var(--color-primary)} .comment .com_user .grey{font-size:12px} .comment .com_info{flex-wrap:wrap} .comment .meta{width:100%;margin-left:0;margin-top:10px;justify-content:flex-start} .comment .meta .left{gap:6px} .container{width:100%!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important;box-sizing:border-box!important;overflow-x:hidden!important} .content-layout{width:100%!important;max-width:100%!important;flex-direction:column!important;display:flex!important} .content-main{width:100%!important;max-width:100%!important;order:-1!important} .sidebar-left{width:100%!important;max-width:100%!important;order:1!important} .widget{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important} .popular-tabs{width:100%!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch} .popular-recipes-list{width:100%!important;max-width:100%!important} .popular-recipe-item{width:100%!important;max-width:100%!important;box-sizing:border-box!important} .popular-recipe-info{min-width:0!important;flex:1!important;overflow:hidden!important} .popular-recipe-title,.popular-recipe-title a{word-wrap:break-word!important;overflow-wrap:break-word!important} .popular-recipe-description{word-wrap:break-word!important;overflow-wrap:break-word!important} .recipes-grid{width:100%;max-width:100%} .recipe-card-image{width:100%;max-width:100%;max-height:200px;aspect-ratio:16/9} .recipe-card-image img{width:100%;max-width:100%;height:100%;object-fit:cover} .recipe-card{display:flex!important;flex-direction:column!important} .recipe-card-content{display:flex!important;flex-direction:column!important;padding:16px!important;background:white!important} .recipe-card-title{font-size:16px!important;margin-bottom:8px!important} .recipe-card-description{font-size:13px!important;margin-bottom:12px!important} .recipe-card-meta{display:flex!important;margin-bottom:12px!important} .recipe-card-footer{display:flex!important;margin-top:auto!important} .recipes-grid-compact{width:100%;max-width:100%} .recipe-card-compact{box-sizing:border-box;flex-direction:column;height:auto} .recipe-card-compact-image{width:100%;height:180px} .recipe-card-compact-image img{width:100%;max-width:100%} .content-area{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:24px!important;align-items:start} .content-area .recipe-card{width:100%;max-width:none;min-width:0;margin:0;flex:none} .content-area .searchpage,.content-area .box,.content-area>article,.content-area>section,.content-area>div:not(.recipe-card):not(.navigation),.content-area>form{grid-column:1 / -1;width:100%;display:block} .content-area .navigation{grid-column:1 / -1;width:100%} .searchpage .title,.searchpage .searchtable,.searchpage .search_result_num{width:100%;margin-bottom:16px} .content-area>form,.searchpage,.searchpage .box_in,.searchpage .searchtable,.searchpage .extended-search-form,.searchpage .simple-search-form{display:block!important;width:100%!important} .simple-search-form{padding:20px} .simple-search-form .search-buttons{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap} .extended-search-form{display:block!important;padding:16px 0} .searchpage .extended-search-form .search-row,.extended-search-form .search-row,div.search-row{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-bottom:12px!important} .searchpage .extended-search-form .search-col,.extended-search-form .search-col,div.search-col{flex:1 1 300px!important;min-width:280px!important;display:block!important} .extended-search-form .field-group{margin-bottom:12px} .extended-search-form .field-group label{display:block;font-weight:500;margin-bottom:6px;color:var(--color-gray-700)} .extended-search-form .categories-select select{min-height:200px!important;width:100%} .extended-search-form .search-actions{display:flex;gap:12px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--color-gray-200);margin-top:8px} .searchpage fieldset{display:block!important;background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%)!important;border:1px solid var(--color-gray-200)!important;border-radius:12px!important;padding:20px!important;margin:0 0 12px 0!important;box-shadow:0 2px 4px rgba(0,0,0,0.04)!important} .searchpage legend{background:linear-gradient(135deg,var(--color-orange-500) 0%,var(--color-orange-600) 100%)!important;color:white!important;font-weight:600!important;font-size:14px!important;padding:8px 16px!important;border-radius:8px!important;margin-left:8px} .searchpage select[multiple],.searchpage select[size]{min-height:200px;width:100%;border:1px solid var(--color-gray-300);border-radius:8px;padding:8px;font-size:14px;background:white} .searchpage select[multiple] option,.searchpage select[size] option{padding:8px 12px;border-radius:4px;margin:2px 0} .searchpage select[multiple] option:hover,.searchpage select[size] option:hover{background:var(--color-orange-50)} .searchpage input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--color-gray-300);border-radius:6px;background:white;cursor:pointer;position:relative;vertical-align:middle;margin-right:8px;transition:all 0.2s ease} .searchpage input[type="checkbox"]:checked{background:linear-gradient(135deg,var(--color-orange-500) 0%,var(--color-orange-600) 100%);border-color:var(--color-orange-500)} .searchpage input[type="checkbox"]:checked::after{content:'';position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)} .searchpage input[type="checkbox"]:hover{border-color:var(--color-orange-400)} .searchpage input[type="radio"]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--color-gray-300);border-radius:50%;background:white;cursor:pointer;position:relative;vertical-align:middle;margin-right:8px;transition:all 0.2s ease} .searchpage input[type="radio"]:checked{border-color:var(--color-orange-500)} .searchpage input[type="radio"]:checked::after{content:'';position:absolute;left:4px;top:4px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--color-orange-500) 0%,var(--color-orange-600) 100%)} .searchpage input[type="radio"]:hover{border-color:var(--color-orange-400)} .searchpage table{border-collapse:separate;border-spacing:8px} .searchpage td.search{vertical-align:top;padding:4px} .searchpage .bbcodes{background:linear-gradient(135deg,var(--color-orange-500) 0%,var(--color-orange-600) 100%);color:white;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(249,115,22,0.3)} .searchpage .bbcodes:hover{background:linear-gradient(135deg,var(--color-orange-600) 0%,var(--color-orange-700) 100%);transform:translateY(-1px);box-shadow:0 4px 8px rgba(249,115,22,0.4)} .searchpage .bbcodes.secondary{background:white;color:var(--color-gray-700);border:1px solid var(--color-gray-300);box-shadow:0 1px 2px rgba(0,0,0,0.05)} .searchpage .bbcodes.secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);transform:translateY(-1px)} @media(max-width:768px){.searchpage .extended-search-form .search-row,.extended-search-form .search-row,div.search-row{flex-direction:column!important;gap:6px!important;margin-bottom:6px!important} .searchpage .extended-search-form .search-col,.extended-search-form .search-col{min-width:100%!important} .extended-search-form .categories-select select{min-height:150px!important} .searchpage fieldset{padding:12px!important;margin:0 0 6px 0!important} .searchpage legend{font-size:13px;padding:6px 12px} .searchpage .extended-search-form .search-actions,.extended-search-form .search-actions{padding-top:8px!important;margin-top:0!important;border-top:none!important} .searchpage .bbcodes{flex:1;min-width:120px;padding:14px 20px} .searchpage input[type="checkbox"],.searchpage input[type="radio"]{width:18px;height:18px} .searchpage input[type="checkbox"]:checked::after{left:5px;top:1px;width:4px;height:9px} .searchpage input[type="radio"]:checked::after{left:3px;top:3px;width:6px;height:6px}} @media(max-width:480px){.searchpage .extended-search-form .search-actions,.extended-search-form .search-actions{flex-direction:column!important;padding-top:6px!important;margin-top:0!important} .searchpage fieldset{padding:10px!important;margin:0 0 4px 0!important;border-radius:8px!important} .searchpage legend{font-size:12px;padding:5px 10px;border-radius:6px} .extended-search-form .categories-select select{min-height:120px!important} .searchpage .bbcodes{width:100%;font-size:13px;padding:12px 16px} .searchpage .extended-search-form .search-row,.extended-search-form .search-row,div.search-row{gap:4px!important;margin-bottom:4px!important}} .recipes-section{width:100%!important;max-width:100%!important;overflow-x:hidden!important} .recipe-of-day{width:100%!important;max-width:100%!important;box-sizing:border-box!important} .recipe-of-day-inner{flex-direction:column!important;height:auto!important} .recipe-of-day-image{width:100%!important;height:220px!important} .recipe-of-day-content{padding:var(--spacing-4)!important} .seo-block,.seo-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important} .world-cuisines{width:100%!important;max-width:100%!important} .world-cuisines-grid{width:100%!important;max-width:100%!important} .cuisine-card{width:100%!important;max-width:100%!important} img{max-width:100%!important;height:auto}} .breadcrumbs{margin-top:var(--spacing-4);margin-bottom:var(--spacing-8);padding:var(--spacing-4) 0} .breadcrumbs a{color:var(--color-gray-600);text-decoration:none;transition:color 0.2s ease} .breadcrumbs a:hover{color:var(--color-red-600)} .breadcrumbs span{color:var(--color-gray-900);font-weight:500} .content-layout{display:flex;gap:var(--spacing-8);padding:var(--spacing-8) 0} @media(max-width:1024px){.content-layout{flex-direction:column}} .sidebar-left{width:380px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--spacing-6)} @media(max-width:1024px){.sidebar-left{width:100%}} .content-main{flex:1;display:flex;flex-direction:column;gap:var(--spacing-8)} .recipe-of-day{background:var(--color-white);border-radius:16px;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);overflow:hidden;transition:box-shadow 0.3s ease} .recipe-of-day:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,0.1)} .recipe-of-day-inner{display:flex;height:380px} @media(max-width:640px){.recipe-of-day-inner{flex-direction:column;height:560px}} .recipe-of-day-image{position:relative;width:40%;flex-shrink:0;overflow:hidden} @media(max-width:640px){.recipe-of-day-image{width:100%;height:256px}} .recipe-of-day-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease} .recipe-of-day-image::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,0.6),rgba(0,0,0,0.2),transparent)} @media(max-width:640px){.recipe-of-day-image::after{background:linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0.2),transparent)}} .recipe-of-day-badge{position:absolute;top:var(--spacing-4);left:var(--spacing-4);z-index:10;background:linear-gradient(to right,var(--color-red-600),var(--color-orange-600));color:var(--color-white);padding:var(--spacing-2) var(--spacing-4);border-radius:9999px;font-weight:700;font-size:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);display:flex;align-items:center;gap:var(--spacing-2)} .recipe-of-day-content{flex:1;padding:var(--spacing-6) var(--spacing-8);display:flex;flex-direction:column;justify-content:space-between} @media(max-width:768px){.recipe-of-day-content{padding:var(--spacing-5) var(--spacing-6)}} .recipe-of-day-title{font-size:32px;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-3);line-height:1.2;transition:color 0.3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .recipe-of-day-title a{color:inherit;text-decoration:none;transition:color 0.3s ease} .recipe-of-day-title a:hover{color:var(--color-red-600)} @media(max-width:768px){.recipe-of-day-title{font-size:24px}} .recipe-of-day:hover .recipe-of-day-title{color:var(--color-red-600)} .recipe-of-day-description{color:var(--color-gray-600);margin-bottom:var(--spacing-4);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .recipe-of-day-meta{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:nowrap;overflow:hidden;margin-bottom:var(--spacing-4);position:relative;-webkit-mask-image:linear-gradient(to right,black calc(100% - 100px),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - 100px),transparent 100%);padding-right:20px} .meta-tag{display:flex;align-items:center;gap:6px;background:var(--color-gray-100);padding:6px 12px;border-radius:9999px;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px} .meta-tag.time,.meta-tag.calories{flex-shrink:0;max-width:none} .meta-tag svg{width:16px;height:16px} .meta-tag.time svg{color:var(--color-red-600)} .meta-tag.calories{background:var(--color-orange-100)} .meta-tag.calories svg{color:var(--color-orange-600)} .recipe-of-day-footer{padding-top:var(--spacing-4)} .recipe-of-day-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-3)} .recipe-stats{display:flex;align-items:center;gap:var(--spacing-4);color:var(--color-gray-500);font-size:14px} .recipe-stat{display:flex;align-items:center;gap:6px} .recipe-stat svg{width:16px;height:16px} .recipe-of-day .recipe-stats{gap:var(--spacing-5);color:var(--color-gray-600);font-size:18px;font-weight:600} .recipe-of-day .recipe-stat{gap:8px} .recipe-of-day .recipe-stat svg{width:22px;height:22px;stroke-width:2.5} @media(max-width:768px){.recipe-of-day .recipe-stats{font-size:14px;font-weight:500;gap:var(--spacing-4)} .recipe-of-day .recipe-stat svg{width:16px;height:16px;stroke-width:2}} .recipe-difficulty{display:inline-flex;align-items:center;justify-content:center;cursor:help} .recipe-difficulty .difficulty-pot{width:22px;height:22px;color:var(--color-gray-500);transition:transform 0.2s ease;flex-shrink:0} .difficulty-pot .pot-base{stroke:currentColor} .difficulty-pot .steam{transition:stroke 0.2s ease} .recipe-difficulty[data-level="1"] .steam-1,.recipe-difficulty[data-level="Легкий"] .steam-1,.recipe-difficulty[data-level="легкий"] .steam-1{stroke:#22c55e!important} .recipe-difficulty[data-level="2"] .steam-1,.recipe-difficulty[data-level="Средний"] .steam-1,.recipe-difficulty[data-level="средний"] .steam-1,.recipe-difficulty[data-level="2"] .steam-2,.recipe-difficulty[data-level="Средний"] .steam-2,.recipe-difficulty[data-level="средний"] .steam-2{stroke:#f59e0b!important} .recipe-difficulty[data-level="3"] .steam-1,.recipe-difficulty[data-level="Сложный"] .steam-1,.recipe-difficulty[data-level="сложный"] .steam-1,.recipe-difficulty[data-level="3"] .steam-2,.recipe-difficulty[data-level="Сложный"] .steam-2,.recipe-difficulty[data-level="сложный"] .steam-2,.recipe-difficulty[data-level="3"] .steam-3,.recipe-difficulty[data-level="Сложный"] .steam-3,.recipe-difficulty[data-level="сложный"] .steam-3{stroke:#ef4444!important} .recipe-btn{background:linear-gradient(to right,var(--color-red-600),var(--color-orange-600));color:var(--color-white);padding:12px 24px;border-radius:12px;font-weight:600;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);display:flex;align-items:center;gap:var(--spacing-2);transition:all 0.3s ease;flex-shrink:0} .recipe-btn:hover{background:linear-gradient(to right,var(--color-red-700),var(--color-orange-700));box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);transform:translateY(-1px)} .recipe-btn svg{width:16px;height:16px} .recipe-of-day-categories{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap} .recipe-category-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:transparent;border:2px solid var(--color-gray-200);transition:all 0.2s ease;cursor:pointer;flex-shrink:0} .recipe-category-btn:hover{background:transparent;border-color:var(--color-gray-300)} .recipe-category-btn.active{background:transparent;border-color:var(--color-orange-600)} .recipe-category-btn svg{stroke:var(--color-gray-600);width:17px;height:17px;flex-shrink:0} .recipe-category-btn:hover svg{stroke:var(--color-gray-700)} .recipe-category-btn.active svg{stroke:var(--color-orange-600)} .recipe-of-day-content-wrapper{position:relative} .recipe-of-day-container{display:none} .recipe-of-day-container.active{display:block} .new-recipes-section .section-header{display:flex;align-items:center;justify-content:space-between} .new-recipes-dots{display:flex;align-items:center;gap:8px} .new-recipes-dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--color-gray-300);cursor:pointer;padding:0;transition:all 0.25s ease} .new-recipes-dot:hover{background:var(--color-gray-400);transform:scale(1.15)} .new-recipes-dot.active{background:var(--color-orange-500);transform:scale(1.2);box-shadow:0 0 0 3px rgba(249,115,22,0.2)} .new-recipes-wrapper{position:relative} .new-recipes-page{display:none} .new-recipes-page.active{display:block;animation:fadeInRecipes 0.3s ease} @keyframes fadeInRecipes{from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)}} @media(max-width:768px){.new-recipes-dot{width:12px;height:12px} .new-recipes-dots{gap:10px}} .seo-block{margin-bottom:var(--spacing-8)} .seo-card{background:linear-gradient(rgba(255,255,255,0.85),rgba(255,255,255,0.80)),url('../images/chef-kitchen-bg.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:16px;padding:var(--spacing-10);text-align:left;box-shadow:0 10px 40px rgba(0,0,0,0.15);position:relative;overflow:hidden;display:flex;flex-direction:column} .seo-card .seo-expand-link{align-self:flex-end} @media(max-width:768px){.seo-card{padding:var(--spacing-6)}} .seo-title{font-size:36px;font-weight:700;margin-bottom:var(--spacing-4);color:var(--color-gray-900);text-shadow:none} @media(max-width:768px){.seo-title{font-size:24px}} .seo-text{color:var(--color-gray-700);font-size:18px;line-height:1.8;margin-bottom:0;max-width:900px;overflow:hidden;max-height:200px;transition:max-height 0.3s ease;text-shadow:none;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 60%,rgba(0,0,0,0.7) 75%,rgba(0,0,0,0.4) 85%,rgba(0,0,0,0.1) 95%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 60%,rgba(0,0,0,0.7) 75%,rgba(0,0,0,0.4) 85%,rgba(0,0,0,0.1) 95%,transparent 100%)} .seo-text.expanded{max-height:1000px;-webkit-mask-image:none;mask-image:none} .seo-expand-link{display:inline-block;background:linear-gradient(135deg,#dc2626 0%,#ea580c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;font-size:14px;text-decoration:none;transition:all 0.2s ease;position:relative;margin-top:var(--spacing-3)} .seo-expand-link::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(135deg,#dc2626 0%,#ea580c 100%);opacity:0.5;transition:opacity 0.2s ease} .seo-expand-link:hover::after{opacity:1} @media(max-width:768px){.seo-text{font-size:16px;max-height:180px} .seo-expand-link{font-size:13px}} .seo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6);max-width:600px;margin:0 auto} @media(max-width:640px){.seo-stats{grid-template-columns:1fr;gap:var(--spacing-4)}} .stat-item{text-align:center} .stat-number{font-size:36px;font-weight:700;color:var(--color-red-600);margin-bottom:var(--spacing-2)} @media(max-width:768px){.stat-number{font-size:28px}} .stat-label{font-size:14px;color:var(--color-gray-600);font-weight:500} .recipes-section{margin-bottom:var(--spacing-12)} .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6)} .section-title{display:flex;align-items:center;gap:var(--spacing-3)} .section-title h2{font-size:30px;font-weight:700;color:var(--color-gray-900)} @media(max-width:768px){.section-title h2{font-size:24px}} .title-icon{stroke-width:2} .title-icon circle,.title-icon polyline,.title-icon polygon,.title-icon line,.title-icon path{stroke:var(--color-red-600);fill:none} .title-icon polygon{fill:var(--color-yellow-500);stroke:var(--color-yellow-500)} .view-all{color:var(--color-red-600);font-weight:600;font-size:14px;transition:color 0.2s ease} .view-all:hover{color:var(--color-red-700)} .recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-6);align-items:stretch} .recipes-grid .recipe-card{width:100%;max-width:none;min-width:0;flex:none;margin:0} .content-area .recipe-card{margin:10px 18px 10px 0} .content-area .recipe-card{margin:0!important} .recipes-grid-compact{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-4);align-items:start} @media(min-width:768px){.recipes-grid-compact{grid-template-columns:repeat(2,1fr)}} .recipe-card{background:var(--color-white);border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);transition:all 0.3s ease;cursor:pointer;display:inline-flex;flex-direction:column;width:100%;max-width:320px;min-width:280px;flex:1 1 280px;vertical-align:top;margin:12px} .recipe-card:hover{box-shadow:0 8px 16px -4px rgba(0,0,0,0.1)} .recipe-card-image{position:relative;aspect-ratio:4/3;overflow:hidden;display:block;text-decoration:none} .recipe-card-image img{width:100%;height:100%;object-fit:cover} .recipe-card-image::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0.2),transparent);opacity:0;transition:opacity 0.5s ease} .recipe-card:hover .recipe-card-image::after{opacity:1} .recipe-video-badge{position:absolute;bottom:var(--spacing-4);right:var(--spacing-4);background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);padding:6px 12px;border-radius:9999px;display:flex;align-items:center;gap:6px;z-index:10;pointer-events:none} .recipe-video-badge svg{width:16px;height:16px;stroke:var(--color-white)} .recipe-video-badge span{color:var(--color-white);font-size:12px;font-weight:500} .recipe-card-content{padding:var(--spacing-5);display:flex;flex-direction:column;flex:1} .recipe-card-title{font-weight:700;font-size:18px;margin-bottom:var(--spacing-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s ease} .recipe-card:hover .recipe-card-title{color:var(--color-red-600)} .recipe-card-description{font-size:14px;color:var(--color-gray-600);margin-bottom:var(--spacing-4);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .recipe-card-meta{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)} .recipe-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);margin-top:auto;font-size:14px;color:var(--color-gray-500)} .recipe-card-stats{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap;overflow:visible} .recipe-view-btn{width:40px;height:40px;padding:0;border:1px solid var(--color-gray-300);border-radius:8px;color:var(--color-gray-500);transition:all 0.2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;text-decoration:none;background:transparent;cursor:pointer;margin-left:auto} .recipe-view-btn:hover{border-color:var(--color-gray-400);color:var(--color-gray-700);background:var(--color-gray-50)} .recipe-view-btn svg{width:16px;height:16px} .recipe-card-compact{background:var(--color-white);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);transition:all 0.3s ease;cursor:pointer;display:flex;height:180px;align-self:start} .recipe-card-compact:hover{box-shadow:0 6px 12px -3px rgba(0,0,0,0.1)} .recipe-card-compact-image{position:relative;width:200px;flex-shrink:0;overflow:hidden;display:block;text-decoration:none} .recipe-card-compact-image img{width:100%;height:100%;object-fit:cover} .recipe-card-compact-content{padding:var(--spacing-4);flex:1;display:flex;flex-direction:column;justify-content:space-between} .recipe-card-compact-title{font-weight:700;font-size:17px;margin-bottom:var(--spacing-3);line-height:1.4;color:var(--color-gray-900);transition:color 0.3s ease} .recipe-card-compact:hover .recipe-card-compact-title{color:var(--color-red-600)} .recipe-card-compact-description{font-size:13px;color:var(--color-gray-600);line-height:1.5;margin-bottom:var(--spacing-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .recipe-card-compact-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)} .recipe-card-compact-meta{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap;flex:1} .recipe-card-compact-meta .meta-tag{font-size:12px;padding:4px 10px;background:var(--color-gray-50);border-radius:6px;display:flex;align-items:center;gap:4px;color:var(--color-gray-600)} .recipe-card-compact-meta .meta-tag svg{width:14px;height:14px} .recipe-card-compact-btn{width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--color-gray-200);border-radius:6px;font-size:12px;font-weight:600;transition:all 0.2s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;cursor:pointer} .recipe-card-compact-btn svg{width:14px;height:14px;stroke-width:1.5} .recipe-card-compact-btn:hover{border-color:var(--color-red-500);color:var(--color-red-600);background:var(--color-red-50)} @media(max-width:640px){.recipe-card-compact{flex-direction:column} .recipe-card-compact-image{width:100%;height:200px} .recipe-card{max-width:100%;min-width:100%;flex:1 1 100%;margin:8px 0} .recipe-card-image{aspect-ratio:16/9} .recipe-card-content{display:flex!important;padding:var(--spacing-4)} .recipe-card-title{font-size:16px} .recipe-card-description{font-size:13px;-webkit-line-clamp:2} .content-area{grid-template-columns:1fr} .content-area .recipe-card{max-width:100%;margin:10px 0}} .world-cuisines{margin-bottom:var(--spacing-16)} .cuisine-dots{display:flex;align-items:center;gap:8px} .cuisine-dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--color-gray-300);cursor:pointer;padding:0;transition:all 0.25s ease} .cuisine-dot:hover{background:var(--color-gray-400);transform:scale(1.15)} .cuisine-dot.active{background:var(--color-orange-500);transform:scale(1.2);box-shadow:0 0 0 3px rgba(249,115,22,0.2)} .world-cuisines-wrapper{position:relative} .cuisine-page{display:none} .cuisine-page.active{display:block;animation:fadeInCuisines 0.3s ease} @keyframes fadeInCuisines{from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)}} @media(max-width:768px){.cuisine-dot{width:12px;height:12px} .cuisine-dots{gap:10px}} .world-cuisines-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)} @media(min-width:768px){.world-cuisines-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-6)}} .cuisine-card{position:relative;overflow:hidden;border-radius:16px;aspect-ratio:4/3;cursor:pointer;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);transition:all 0.5s ease} @media(max-width:768px){.cuisine-card{border-radius:12px}} .cuisine-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,0.1);transform:translateY(-2px)} .cuisine-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease} .cuisine-card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0.4),transparent)} .cuisine-card-content{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-6);z-index:10} @media(max-width:768px){.cuisine-card-content{padding:var(--spacing-3)}} .cuisine-card-title{color:var(--color-white);font-weight:700;font-size:24px;margin-bottom:var(--spacing-2);text-shadow:0 2px 4px rgba(0,0,0,0.3)} @media(max-width:768px){.cuisine-card-title{font-size:14px;margin-bottom:var(--spacing-1)}} .cuisine-card-count{color:rgba(255,255,255,0.9);font-size:14px} @media(max-width:768px){.cuisine-card-count{font-size:12px}} .cuisine-card-link{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);padding:6px 12px;border-radius:9999px;opacity:0;transition:opacity 0.3s ease;z-index:10} @media(max-width:768px){.cuisine-card-link{top:var(--spacing-3);right:var(--spacing-3);padding:4px 8px}} .cuisine-card:hover .cuisine-card-link{opacity:1} .cuisine-card-link span{id:var(--color-white);font-size:14px;font-weight:500} .widget{background:var(--color-white);border-radius:16px;padding:var(--spacing-5);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1)} .widget-gradient{background:linear-gradient(to bottom right,var(--color-gray-50),var(--color-white));border:1px solid var(--color-gray-100)} .widget-title{font-size:24px;font-weight:700;margin-bottom:var(--spacing-1);text-align:center;background:linear-gradient(to right,var(--color-red-600),var(--color-orange-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .widget-subtitle{color:var(--color-gray-600);font-size:12px;text-align:center;margin-bottom:var(--spacing-5)} .cook-today-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px} .cook-today-btn{position:relative;overflow:hidden;border-radius:12px;padding:12px;transition:all 0.3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)} .cook-today-btn:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);transform:translateY(-1px)} .cook-today-btn.active{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);ring:2px solid var(--color-red-500)} .cook-today-bg{position:absolute;inset:0;background:linear-gradient(to bottom right,var(--color-amber-500),var(--color-orange-500));opacity:0.35;transition:opacity 0.3s ease} .cook-today-btn.active .cook-today-bg{opacity:1} .cook-today-content{position:relative;z-index:10;text-align:center} .cook-today-icon{width:24px;height:24px;margin:0 auto var(--spacing-2);color:var(--color-gray-700);transition:color 0.3s ease} .cook-today-btn.active .cook-today-icon{color:var(--color-white)} .cook-today-label{font-weight:600;font-size:12px;color:var(--color-gray-700);transition:color 0.3s ease} .cook-today-btn.active .cook-today-label{color:var(--color-white)} .cook-today-indicator{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--color-white);border-radius:9999px;animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite} @keyframes pulse{0%,100%{opacity:1} 50%{opacity:0.5}} .cook-today-selected{margin-top:var(--spacing-4);padding:12px;background:var(--color-white);border-radius:8px;border:2px solid var(--color-red-100);text-align:center;color:var(--color-gray-600);font-size:12px} .cook-today-selected strong{color:var(--color-red-600);font-weight:700} .popular-tabs{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-5)} .popular-tab{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:8px;font-weight:600;font-size:14px;transition:all 0.3s ease;background:var(--color-gray-100);color:var(--color-gray-600)} .popular-tab:hover{background:var(--color-gray-200)} .popular-tab.active{background:var(--color-red-600);color:var(--color-white);box-shadow:0 4px 6px -1px rgba(220,38,38,0.3)} .popular-tab svg{width:16px;height:16px} .popular-recipes-list{display:flex;flex-direction:column;gap:12px} .popular-recipe-item{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:12px;transition:all 0.2s ease;cursor:pointer;background:var(--color-white);box-shadow:0 1px 3px rgba(0,0,0,0.05)} .popular-recipe-item:hover{background:var(--color-gray-50);box-shadow:0 4px 6px rgba(0,0,0,0.1)} .popular-recipe-image{width:100px;height:100px;border-radius:8px;overflow:hidden;flex-shrink:0} .popular-recipe-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease} .popular-recipe-info{flex:1;display:flex;flex-direction:column;justify-content:space-between} .popular-recipe-title{font-weight:600;font-size:15px;margin-bottom:6px;line-height:1.3;color:var(--color-gray-900);transition:color 0.2s ease} .popular-recipe-item:hover .popular-recipe-title{color:var(--color-red-600)} .popular-recipe-description{font-size:12px;color:var(--color-gray-600);line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .popular-recipe-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2)} .popular-recipe-meta{display:flex;align-items:center;gap:var(--spacing-3);font-size:12px;color:var(--color-gray-500);flex:1} .popular-recipe-meta svg{width:14px;height:14px} .popular-recipe-meta .meta-item{display:flex;align-items:center;gap:4px} .popular-recipe-btn{width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--color-gray-200);color:var(--color-gray-700);border-radius:6px;font-size:11px;font-weight:600;transition:all 0.2s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;cursor:pointer} .popular-recipe-btn svg{width:14px;height:14px;stroke-width:1.5} .popular-recipe-btn:hover{border-color:var(--color-red-500);color:var(--color-red-600);background:var(--color-red-50)} .quick-recipes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px} .quick-recipe-btn{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:4/3;cursor:pointer;transition:all 0.3s ease} .quick-recipe-btn:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);transform:translateY(-1px)} .quick-recipe-btn img{width:100%;height:100%;object-fit:cover} .quick-recipe-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0.4),transparent)} .quick-recipe-label{position:absolute;bottom:0;left:0;right:0;padding:12px;z-index:10;color:var(--color-white);font-weight:700;font-size:14px;text-shadow:0 2px 4px rgba(0,0,0,0.3)} .quick-recipe-btn:hover::before{content:'';position:absolute;inset:0;background:rgba(220,38,38,0.2);z-index:5;transition:opacity 0.3s ease} .site-footer{background:var(--color-gray-900);color:var(--color-white);margin-top:var(--spacing-20);padding:var(--spacing-12) 0} @media(max-width:768px){.site-footer{padding:var(--spacing-8) 0}} .footer-content{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6);margin-bottom:var(--spacing-8)} @media(min-width:768px){.footer-content{grid-template-columns:repeat(4,1fr);gap:var(--spacing-8)}} .footer-logo-column{display:flex;flex-direction:column} .footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:12px} .footer-logo .logo-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0} .footer-logo .logo-icon img{width:100%;height:100%;object-fit:contain} .footer-logo h3{font-size:20px;font-weight:800;color:white;margin:0} .footer-description{color:var(--color-gray-400);font-size:14px;line-height:1.6} .footer-social{display:flex;gap:12px;flex-wrap:wrap} .social-link{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,0.1);border-radius:10px;color:var(--color-gray-400);transition:all 0.3s ease;cursor:default} .social-link::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100%+8px);transform:translateX(-50%);padding:6px 10px;background:var(--color-gray-900);color:white;border-radius:6px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,0.25);transition:opacity 0.2s ease,visibility 0.2s ease;z-index:5} .social-link:hover::after,.social-link:focus-visible::after{opacity:1;visibility:visible} .social-link:hover{background:var(--color-orange-600);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,87,34,0.4)} .social-link:focus-visible{outline:2px solid var(--color-orange-500);outline-offset:3px} .social-link svg{width:20px;height:20px} .footer-column{display:flex;flex-direction:column} .footer-column h4{font-weight:700;margin-bottom:var(--spacing-4);font-size:16px;color:white} .footer-column p{color:var(--color-gray-400);font-size:14px} .footer-column ul{list-style:none;padding:0;margin:0} .footer-column ul li{margin-bottom:var(--spacing-2)} .footer-column ul li a{color:var(--color-gray-400);font-size:14px;transition:color 0.2s ease} .footer-column ul li a:hover{color:var(--color-white)} .footer-bottom{border-top:1px solid var(--color-gray-800);padding-top:var(--spacing-8);text-align:center;color:var(--color-gray-400);font-size:14px} @media(max-width:768px){.footer-logo{margin-bottom:16px} .footer-logo .logo-icon{width:40px;height:40px} .footer-logo h3{font-size:18px} .footer-social{gap:10px} .social-link{width:36px;height:36px} .footer-column h4{font-size:14px;margin-bottom:var(--spacing-3)} .footer-column ul li{margin-bottom:6px} .footer-column ul li a{font-size:12px} .footer-bottom{padding-top:var(--spacing-6);font-size:12px}} .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:none;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-4);backdrop-filter:blur(4px);pointer-events:none} .modal-overlay.active{display:flex;animation:fadeIn 0.2s ease;pointer-events:auto} @keyframes fadeIn{from{opacity:0} to{opacity:1}} .modal-content{background:var(--color-white);border-radius:16px;max-width:450px;width:100%;max-height:70vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.3);animation:slideUp 0.3s ease;display:flex;flex-direction:column;pointer-events:auto;position:relative} @keyframes slideUp{from{transform:translateY(30px);opacity:0} to{transform:translateY(0);opacity:1}} .modal-header{padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--color-red-50),var(--color-orange-50));flex-shrink:0} .modal-title{font-size:20px;font-weight:700;color:var(--color-gray-900);margin:0} .modal-close{width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:var(--color-gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease} .modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-900)} .modal-body{padding:var(--spacing-4);overflow-y:auto;flex:1;min-height:0;position:relative;z-index:1} .modal-recipe-name{font-size:16px;font-weight:600;color:var(--color-red-600);margin-bottom:var(--spacing-2)} .ingredients-list{list-style:none;padding:0;margin:0} .ingredients-list li{padding:var(--spacing-2) var(--spacing-3);margin-bottom:var(--spacing-1);background:var(--color-gray-50);border-radius:6px;border-left:2px solid var(--color-red-500);font-size:14px;color:var(--color-gray-800);transition:background 0.2s ease} .ingredients-list li:hover{background:var(--color-red-50)} .modal-footer{padding:var(--spacing-4) var(--spacing-4);border-top:1px solid var(--color-gray-200);display:flex;justify-content:center;flex-shrink:0;position:relative;z-index:5;background:var(--color-white)} .modal-view-recipe-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);background:linear-gradient(to right,var(--color-red-600),var(--color-red-700));color:white;text-decoration:none;border-radius:var(--radius-md);font-weight:600;font-size:15px;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(220,38,38,0.3);position:relative;z-index:10;pointer-events:auto;cursor:pointer} .modal-view-recipe-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(220,38,38,0.4)} @media(max-width:768px){.modal-content{max-width:100%;margin:0 var(--spacing-4)} .modal-title{font-size:18px} .modal-recipe-name{font-size:16px} .ingredients-list li{font-size:14px;padding:var(--spacing-2) var(--spacing-3)}} .auth-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;pointer-events:none} .auth-modal.active{display:flex;align-items:center;justify-content:center;pointer-events:auto} .auth-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);backdrop-filter:blur(4px)} .auth-modal-content{position:relative;background:var(--color-white);border-radius:16px;padding:36px 32px 32px;max-width:440px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);animation:modalSlideIn 0.3s ease-out;z-index:10001} @keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px)} to{opacity:1;transform:translateY(0)}} .auth-modal-close{position:absolute;top:20px;right:20px;background:var(--color-gray-100);border:none;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer;color:var(--color-gray-600);padding:0;line-height:1;display:flex;align-items:center;justify-content:center;transition:all 0.2s} .auth-modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-900);transform:rotate(90deg)} .auth-tabs{display:flex;gap:24px;margin-bottom:32px;border-bottom:2px solid var(--color-gray-200)} .auth-tab{background:none;border:none;padding:12px 4px;font-size:16px;font-weight:600;color:var(--color-gray-500);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all 0.2s;position:relative} .auth-tab:hover{color:var(--color-gray-700)} .auth-tab.active{color:var(--color-red-600);border-bottom-color:var(--color-red-600)} .auth-tab-content{display:none} .auth-tab-content.active{display:block;animation:fadeIn 0.3s ease-in} @keyframes fadeIn{from{opacity:0} to{opacity:1}} .auth-form{display:flex;flex-direction:column;gap:20px} .auth-title{font-size:24px;font-weight:700;color:var(--color-gray-900);margin:0 0 24px 0;text-align:left} .auth-description{color:var(--color-gray-600);text-align:center;margin:0 0 24px 0;font-size:14px;line-height:1.5} .auth-form .form-group{display:flex;flex-direction:column;gap:8px} .auth-form label{font-weight:600;color:var(--color-gray-700);font-size:14px} .auth-form .input-with-icon{position:relative} .auth-form .input-with-icon svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none} .auth-form input[type="text"],.auth-form input[type="password"],.auth-form input[type="email"]{width:100%;padding:var(--spacing-3) var(--spacing-4) 14px 48px;border:2px solid var(--color-gray-200);border-radius:12px;font-size:15px;transition:all 0.2s;background:var(--color-white)} .auth-form input:focus{outline:none;border-color:var(--color-red-500);box-shadow:0 0 0 3px rgba(239,68,68,0.1)} .auth-form input::placeholder{color:var(--color-gray-400)} .password-label-row{display:flex;justify-content:space-between;align-items:center} .forgot-link-inline{font-size:13px;color:var(--color-red-600);text-decoration:none;font-weight:600;transition:color 0.2s} .forgot-link-inline:hover{color:var(--color-red-700);text-decoration:underline} .checkbox-group-compact{margin-top:-4px;margin-bottom:4px} .auth-submit{width:100%;margin-top:4px;padding:12px 24px;font-size:15px} .auth-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:14px} .auth-footer a{color:var(--color-red-600);text-decoration:none;font-weight:600;transition:color 0.2s} .auth-footer a:hover{color:var(--color-red-700);text-decoration:underline} .forgot-link{color:var(--color-gray-600);font-weight:500} .auth-note{text-align:center;color:var(--color-gray-500);font-size:13px;line-height:1.5;margin:0} .auth-note a{color:var(--color-red-600)} .checkbox-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;line-height:1;color:var(--color-gray-700);user-select:none} .checkbox-label span{line-height:18px} .checkbox-label input[type="checkbox"]{width:18px;height:18px;min-width:18px;min-height:18px;margin:0;border:2px solid var(--color-gray-300);border-radius:4px;cursor:pointer;accent-color:var(--color-red-600);vertical-align:middle} .checkbox-label:hover{color:var(--color-gray-900)} .auth-social{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-gray-200)} .auth-social-title{text-align:center;font-size:13px;color:var(--color-gray-600);margin-bottom:12px;font-weight:500} .social-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap} .social-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;transition:all 0.2s;text-decoration:none} .social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)} .vk-btn{background:#0077FF;color:white} .vk-btn:hover{background:#0066DD} .google-btn{background:white;border:1px solid var(--color-gray-300)} .google-btn:hover{background:var(--color-gray-50)} .mailru-btn{background:#168DE2;color:white} .mailru-btn:hover{background:#1478C0} .ok-btn{background:#EE8208;color:white} .ok-btn:hover{background:#D67207} .fb-btn{background:#1877F2;color:white} .fb-btn:hover{background:#1565D8} .yandex-btn{background:#FC0;color:#000} .yandex-btn:hover{background:#FFD633} @media(max-width:576px){.auth-modal-content{padding:32px 20px 24px;max-width:95%;border-radius:16px} .auth-title{font-size:20px} .social-btn{width:38px;height:38px} .social-buttons{gap:8px} .auth-tabs{gap:16px} .auth-tab{font-size:14px}} .static-page{max-width:900px;margin:0 auto} .static-header{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:2px solid var(--color-gray-200)} .static-content{background:white;padding:var(--spacing-8);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.05);line-height:1.8;color:var(--color-gray-700)} .static-content h2{font-size:24px;font-weight:700;color:var(--color-gray-900);margin:var(--spacing-8) 0 var(--spacing-4) 0} .static-content h3{font-size:20px;font-weight:600;color:var(--color-gray-900);margin:var(--spacing-6) 0 var(--spacing-3) 0} .static-content p{margin-bottom:var(--spacing-4)} .static-content ul,.static-content ol{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)} .static-content li{margin-bottom:var(--spacing-2)} .static-content a{color:var(--color-red-600);text-decoration:none;font-weight:600} .static-content a:hover{text-decoration:underline} .static-content img{max-width:100%;height:auto;border-radius:8px;margin:var(--spacing-6) 0} .static-content blockquote{border-left:4px solid var(--color-red-500);padding:var(--spacing-4) var(--spacing-5);background:var(--color-gray-50);margin:var(--spacing-6) 0;border-radius:8px;font-style:italic} .registration-page{max-width:700px;margin:0 auto;padding:var(--spacing-8) var(--spacing-6)} .registration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:2px solid var(--color-gray-200)} .registration-header .page-title{font-size:28px;font-weight:700;color:var(--color-gray-900);margin:0} .back-link{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-red-600);text-decoration:none;font-weight:600;font-size:14px;transition:all 0.2s ease;padding:var(--spacing-2) var(--spacing-4);border-radius:8px} .back-link:hover{background:var(--color-red-50);transform:translateX(-4px)} .back-link svg{flex-shrink:0} .registration-info{background:linear-gradient(135deg,var(--color-red-50) 0%,var(--color-orange-50) 100%);border-left:4px solid var(--color-red-500);padding:var(--spacing-5);border-radius:12px;margin-bottom:var(--spacing-8)} .registration-info p{margin:0;line-height:1.6;color:var(--color-gray-700)} .registration-info p+p{margin-top:var(--spacing-3)} .registration-info strong{color:var(--color-gray-900);font-weight:700} .registration-info a{color:var(--color-red-600);text-decoration:none;font-weight:600} .registration-info a:hover{text-decoration:underline} .social-reg-section{margin-bottom:var(--spacing-8)} .social-reg-title{font-size:16px;font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-4);text-align:center} .social-reg-buttons{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6)} .social-reg-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:10px;text-decoration:none;font-weight:600;font-size:14px;transition:all 0.2s ease;color:white} .social-reg-btn svg{flex-shrink:0} .social-reg-btn.vk-btn{background:#0077FF} .social-reg-btn.vk-btn:hover{background:#0066DD;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,119,255,0.3)} .social-reg-btn.ok-btn{background:#EE8208} .social-reg-btn.ok-btn:hover{background:#D67207;transform:translateY(-2px);box-shadow:0 4px 12px rgba(238,130,8,0.3)} .social-reg-btn.yandex-btn{background:#FC3F1D} .social-reg-btn.yandex-btn:hover{background:#E63600;transform:translateY(-2px);box-shadow:0 4px 12px rgba(252,63,29,0.3)} .or-divider{position:relative;text-align:center;margin:var(--spacing-6) 0} .or-divider::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:var(--color-gray-300)} .or-divider span{position:relative;display:inline-block;padding:0 var(--spacing-4);background:white;color:var(--color-gray-500);font-size:14px;font-weight:500} .registration-form{background:white} .form-group{margin-bottom:var(--spacing-6)} .form-label{display:block;font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-2);font-size:14px} .form-label.required::after{content:'*';color:var(--color-red-500);margin-left:4px} .input-wrapper{display:flex;gap:var(--spacing-3);align-items:stretch} .input-wrapper .form-input{flex:1} .form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-gray-200);border-radius:10px;font-size:15px;color:var(--color-gray-900);background:white} .form-input:focus{outline:none;border-color:var(--color-red-500);box-shadow:0 0 0 3px rgba(239,68,68,0.1)} .form-input::placeholder{color:var(--color-gray-400)} .check-btn{padding:var(--spacing-3) var(--spacing-5);background:var(--color-gray-100);border:2px solid var(--color-gray-200);border-radius:10px;font-weight:600;font-size:14px;color:var(--color-gray-700);cursor:pointer;transition:all 0.2s ease} .check-btn:hover{background:var(--color-gray-200);border-color:var(--color-gray-300)} .check-btn:active{transform:scale(0.98)} .validation-result{margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:8px;font-size:13px;font-weight:500} .validation-result.success{background:#DEF7EC;color:#03543F;border:1px solid #84E1BC} .validation-result.error{background:#FDE8E8;color:#9B1C1C;border:1px solid #F98080} .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)} .security-group{background:var(--color-gray-50);padding:var(--spacing-5);border-radius:12px;border:1px solid var(--color-gray-200)} .security-question{background:white;padding:var(--spacing-3) var(--spacing-4);border-radius:8px;margin-bottom:var(--spacing-3);font-weight:600;color:var(--color-gray-900);border:2px solid var(--color-gray-200)} .captcha-wrapper{display:flex;gap:var(--spacing-3);align-items:center} .captcha-wrapper .form-input{flex:1} .captcha-image{flex-shrink:0;background:white;border-radius:8px;overflow:hidden;border:2px solid var(--color-gray-200)} .captcha-image img{display:block;max-width:100%;height:auto} .recaptcha-wrapper{display:flex;justify-content:center} .smart-captcha{display:inline-block} .mathml-container{font-family:math} div.mathml-block{font-size:1.1em;display:flex;align-items:center;justify-content:center;padding:.139em .35em} div.mathml-block .katex{font-size:1.1em} span.mathml-inline{display:inline-block;vertical-align:middle;margin:0 .12em} .dleshowhidden{color:#104d92;background-color:#E3F2FD;border:1px solid #1E88E5;box-shadow:0 5px 12px rgba(126,142,177,0.2);padding:.83em} @media(max-width:768px){.smart-captcha{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} .smart-captcha iframe{max-width:100%;transform-origin:left top} .recaptcha-wrapper{transform:scale(0.9);transform-origin:center} .captcha-wrapper{flex-direction:column;gap:var(--spacing-3)} .captcha-wrapper .form-input{width:100%} .captcha-image{align-self:center} div.mathml-block{font-size:1em;padding:0.1em 0.2em;overflow-x:auto;-webkit-overflow-scrolling:touch} div.mathml-block .katex{font-size:1em} span.mathml-inline{font-size:0.95em} .dleshowhidden{padding:0.6em;font-size:14px}} @media(max-width:480px){.smart-captcha{margin:0 -10px;padding:0 10px} .recaptcha-wrapper{transform:scale(0.77);transform-origin:center} div.mathml-block{font-size:0.9em} .dleshowhidden{padding:0.5em;border-radius:8px}} .form-input-file{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px dashed var(--color-gray-300);border-radius:10px;font-size:14px;color:var(--color-gray-700);background:var(--color-gray-50);cursor:pointer;transition:all 0.2s ease} .form-input-file:hover{border-color:var(--color-red-400);background:var(--color-red-50)} .form-input-file:focus{outline:none;border-color:var(--color-red-500);background:white} .form-textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-gray-200);border-radius:10px;font-size:15px;color:var(--color-gray-900);background:white;transition:all 0.2s ease;font-family:inherit;resize:vertical;min-height:120px} .form-textarea:focus{outline:none;border-color:var(--color-red-500);box-shadow:0 0 0 3px rgba(239,68,68,0.1)} .form-textarea::placeholder{color:var(--color-gray-400)} .xfields-wrapper{display:flex;flex-direction:column;gap:var(--spacing-4)} .form-actions{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:2px solid var(--color-gray-200)} .submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);font-size:16px;font-weight:700} .submit-btn svg{flex-shrink:0} .form-footer{margin-top:var(--spacing-6);text-align:center;padding-top:var(--spacing-5);border-top:1px solid var(--color-gray-200)} .form-footer p{margin:0;color:var(--color-gray-600);font-size:14px} .form-footer a{color:var(--color-red-600);text-decoration:none;font-weight:700} .form-footer a:hover{text-decoration:underline} .feedback-page{width:min(100%,1180px);max-width:1180px;margin:0 auto;padding:var(--spacing-8) var(--spacing-6)} .feedback-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-6);margin-bottom:var(--spacing-6)} .feedback-eyebrow{margin:0 0 var(--spacing-2);color:var(--color-red-600);font-size:13px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase} .feedback-lead{max-width:620px;margin-top:var(--spacing-2);color:var(--color-gray-600);font-size:16px;line-height:1.6} .feedback-card{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);min-width:0;overflow:hidden;background:white;border:1px solid var(--color-gray-200);border-radius:8px;box-shadow:0 18px 45px rgba(17,24,39,0.08)} .feedback-card__aside{min-width:0;padding:var(--spacing-8);background:linear-gradient(135deg,var(--color-red-600),var(--color-orange-600));color:white} .feedback-card__aside h2{margin:var(--spacing-5) 0 var(--spacing-3);font-size:26px;font-weight:800} .feedback-card__aside p{color:rgba(255,255,255,0.86);font-size:15px;line-height:1.7} .feedback-icon{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:16px;background:rgba(255,255,255,0.16);color:white} .feedback-form{min-width:0;padding:var(--spacing-8)} .feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-4)} .feedback-recipient select,.feedback-form select{width:100%!important;max-width:100%;min-height:48px;padding:0 var(--spacing-4);border:2px solid var(--color-gray-200);border-radius:10px;background:white;color:var(--color-gray-900);font:inherit} .feedback-recipient select:focus,.feedback-form select:focus{outline:none;border-color:var(--color-red-500);box-shadow:0 0 0 3px rgba(239,68,68,0.1)} .feedback-message{min-height:220px;resize:vertical} .feedback-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-6)} .feedback-form .form-group,.feedback-form .form-input,.feedback-form .form-textarea,.feedback-form .form-input-file,.feedback-form .recaptcha-wrapper,.feedback-form .captcha-wrapper,.feedback-form .captcha-image{min-width:0;max-width:100%} .feedback-form .form-input,.feedback-form .form-textarea,.feedback-form .form-input-file{width:100%} .feedback-form .form-input-file{min-height:46px;padding:10px 12px} .recaptcha-wrapper{overflow-x:auto;padding-bottom:2px} .captcha-wrapper{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--spacing-3);align-items:center} .captcha-image img{max-width:100%;height:auto} @media(max-width:900px){.feedback-header{align-items:stretch} .feedback-card{grid-template-columns:1fr} .feedback-card__aside{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--spacing-4);align-items:start;padding:var(--spacing-6)} .feedback-card__aside h2{margin-top:0} .feedback-card__aside p{grid-column:2;margin:0}} @media(max-width:640px){.feedback-page{padding:var(--spacing-5) var(--spacing-3) var(--spacing-7)} .feedback-header{flex-direction:column;align-items:stretch;gap:var(--spacing-4)} .feedback-header .page-title{font-size:24px;line-height:1.18} .feedback-header .back-link{justify-content:center;width:100%} .feedback-card{border-radius:8px} .feedback-card__aside{grid-template-columns:1fr;gap:var(--spacing-3);padding:var(--spacing-5)} .feedback-card__aside p{grid-column:auto} .feedback-icon{width:48px;height:48px;border-radius:8px} .feedback-form{padding:var(--spacing-4)} .feedback-grid{grid-template-columns:1fr;gap:0} .feedback-card__aside h2{font-size:20px;line-height:1.2} .feedback-lead{font-size:14px} .feedback-message{min-height:170px} .captcha-wrapper{grid-template-columns:1fr} .captcha-image{justify-self:start} .feedback-actions,.feedback-actions .submit-btn{width:100%} .feedback-actions{justify-content:stretch;margin-top:var(--spacing-4)}} @media(max-width:768px){.registration-page{padding:var(--spacing-6) var(--spacing-4)} .registration-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)} .registration-header .page-title{font-size:24px} .back-link{align-self:flex-start} .social-reg-buttons{flex-direction:column} .form-row{grid-template-columns:1fr} .captcha-wrapper{flex-direction:column;align-items:stretch}} .profile-popup{background:white;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.15);min-width:320px} .profile-popup-avatar{position:relative;padding:var(--spacing-8) var(--spacing-6) var(--spacing-6);background:linear-gradient(135deg,var(--color-red-500) 0%,var(--color-orange-500) 100%);text-align:center} .popup-avatar-img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 4px 12px rgba(0,0,0,0.2);margin-bottom:var(--spacing-3)} .status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600} .status-badge::before{content:'';width:8px;height:8px;border-radius:50%;display:block} .status-badge.online{background:rgba(16,185,129,0.2);color:#065F46} .status-badge.online::before{background:#10B981;box-shadow:0 0 8px rgba(16,185,129,0.6)} .status-badge.offline{background:rgba(107,114,128,0.2);color:#374151} .status-badge.offline::before{background:#6B7280} .profile-popup-info{padding:var(--spacing-6)} .profile-popup-field{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-gray-100)} .profile-popup-field:last-child{border-bottom:none} .field-label{font-size:13px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:0.5px} .field-value{font-size:14px;font-weight:600;color:var(--color-gray-900)} @media(max-width:480px){.profile-popup{min-width:280px} .popup-avatar-img{width:80px;height:80px} .profile-popup-field{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}} .password-recovery-page{max-width:550px;margin:0 auto;padding:var(--spacing-8) var(--spacing-6)} .recovery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:2px solid var(--color-gray-200)} .recovery-header .page-title{font-size:28px;font-weight:700;color:var(--color-gray-900);margin:0} .recovery-info{background:linear-gradient(135deg,#DBEAFE 0%,#BFDBFE 100%);border-left:4px solid #3B82F6;padding:var(--spacing-5);border-radius:12px;margin-bottom:var(--spacing-8)} .recovery-info p{margin:0;line-height:1.6;color:var(--color-gray-700);font-size:15px} .recovery-form{background:white} .input-with-icon{position:relative;display:flex;align-items:center} .input-with-icon svg{position:absolute;left:var(--spacing-4);color:var(--color-gray-400);pointer-events:none;z-index:1} .form-input.with-icon{padding-left:48px} @media(max-width:768px){.password-recovery-page{padding:var(--spacing-6) var(--spacing-4)} .recovery-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)} .recovery-header .page-title{font-size:24px}} .userinfo-page{max-width:900px;margin:0 auto;padding:var(--spacing-8) var(--spacing-6)} .userinfo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8)} .userinfo-header .page-title{font-size:28px;font-weight:700;color:var(--color-gray-900);margin:0} .user-profile-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);margin-bottom:var(--spacing-8)} .profile-card-header{background:linear-gradient(135deg,var(--color-red-500) 0%,var(--color-orange-500) 100%);padding:var(--spacing-8);display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-6);align-items:center} .profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)} .profile-avatar-large{width:120px;height:120px;border-radius:50%;object-fit:cover;border:5px solid white;box-shadow:0 8px 20px rgba(0,0,0,0.2)} .profile-main-info{color:white} .profile-username{font-size:32px;font-weight:800;color:white;margin:0 0 var(--spacing-3) 0} .profile-status{display:flex;align-items:center;gap:var(--spacing-2);font-size:15px} .status-label{color:rgba(255,255,255,0.8);font-weight:500} .status-value{font-weight:700;color:white} .status-limit{color:rgba(255,255,255,0.7);font-size:13px;font-style:italic} .profile-actions{display:flex;flex-direction:column;gap:var(--spacing-2)} .profile-action-btn{background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border-radius:10px;padding:var(--spacing-3) var(--spacing-4);display:flex;align-items:center;justify-content:center;transition:all 0.2s ease} .profile-action-btn:hover{background:rgba(255,255,255,0.3);transform:translateY(-2px)} .profile-action-btn a{color:white;text-decoration:none;font-weight:600;font-size:14px;display:flex;align-items:center;gap:var(--spacing-2)} .profile-stats{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid var(--color-gray-200)} .stat-item{padding:var(--spacing-6);text-align:center;border-right:1px solid var(--color-gray-200)} .stat-item:last-child{border-right:none} .stat-label{display:block;font-size:13px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:var(--spacing-2)} .stat-value{display:block;font-size:32px;font-weight:800;color:var(--color-red-600)} .profile-details{padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-200)} .detail-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-gray-100)} .detail-item:last-child{border-bottom:none} .detail-label{font-size:14px;font-weight:600;color:var(--color-gray-500);min-width:180px} .detail-value{font-size:14px;color:var(--color-gray-900);font-weight:500;text-align:right;flex:1;word-break:break-word} .detail-link{color:var(--color-red-600);text-decoration:none;font-weight:600} .detail-link:hover{text-decoration:underline} .profile-content-links{padding:var(--spacing-6);display:flex;gap:var(--spacing-4);flex-wrap:wrap} .content-link-item{display:flex;align-items:center;gap:var(--spacing-2)} .content-link-item a{color:var(--color-red-600);text-decoration:none;font-weight:600;font-size:14px} .content-link-item a:hover{text-decoration:underline} .rss-link{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-orange-500);color:white;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px} .rss-link:hover{background:var(--color-orange-600);text-decoration:none} .profile-edit-toggle{padding:var(--spacing-6);text-align:center} .profile-edit-toggle .btn-secondary{display:inline-flex;align-items:center;gap:var(--spacing-2)} .edit-profile-section{background:white;border-radius:16px;padding:var(--spacing-8);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);margin-bottom:var(--spacing-8)} .section-title{font-size:24px;font-weight:700;color:var(--color-gray-900);margin:0 0 var(--spacing-6) 0;padding-bottom:var(--spacing-4);border-bottom:2px solid var(--color-gray-200)} .profile-edit-form{margin-top:var(--spacing-6)} .checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-3)} .checkbox-item{display:flex;align-items:center;gap:var(--spacing-2)} .checkbox-item label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-size:14px;color:var(--color-gray-700);font-weight:500} .checkbox-item input[type="checkbox"]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-red-500)} .form-hint{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:8px;font-size:13px;line-height:1.6;margin-top:var(--spacing-2)} .form-hint svg{flex-shrink:0;margin-top:2px} .form-hint.warning{background:#FEF3C7;border:1px solid #FCD34D;color:#92400E} .form-hint.warning svg{stroke:#F59E0B} .external-link{color:var(--color-red-600);text-decoration:none;font-weight:600} .external-link:hover{text-decoration:underline} .ignore-list-wrapper,.timezone-selector{background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:10px;padding:var(--spacing-3)} .ignore-list-wrapper select,.timezone-selector select{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-gray-200);border-radius:8px;font-size:14px;background:white;color:var(--color-gray-900)} @media(max-width:768px){.userinfo-page{padding:var(--spacing-6) var(--spacing-4)} .userinfo-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)} .userinfo-header .page-title{font-size:24px} .profile-card-header{grid-template-columns:1fr;text-align:center} .profile-avatar-section{grid-column:1} .profile-main-info{grid-column:1} .profile-username{font-size:24px} .profile-actions{grid-column:1;flex-direction:row} .profile-stats{grid-template-columns:1fr} .stat-item{border-right:none;border-bottom:1px solid var(--color-gray-200)} .stat-item:last-child{border-bottom:none} .detail-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)} .detail-label{min-width:auto} .detail-value{text-align:left} .edit-profile-section{padding:var(--spacing-6) var(--spacing-4)} .section-title{font-size:20px}} .userinfo-page{width:min(100%,1180px);max-width:1180px;padding:var(--spacing-8) var(--spacing-6) var(--spacing-10)} .userinfo-header{margin-bottom:var(--spacing-5);padding:0 var(--spacing-1)} .userinfo-header .page-title{font-size:30px;line-height:1.15;letter-spacing:0} .userinfo-header .back-link{min-height:42px;padding:0 var(--spacing-4);border:1px solid var(--color-gray-200);border-radius:8px;background:rgba(255,255,255,0.78);color:var(--color-gray-700);box-shadow:0 10px 24px rgba(15,23,42,0.06)} .userinfo-header .back-link:hover{border-color:var(--color-orange-300);color:var(--color-red-600);background:#fff;text-decoration:none} .user-profile-card{border:1px solid rgba(226,232,240,0.95);border-radius:8px;box-shadow:0 18px 45px rgba(15,23,42,0.08)} .profile-card-header{position:relative;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--spacing-7);padding:var(--spacing-8);background:linear-gradient(135deg,rgba(255,247,237,0.98) 0%,rgba(255,255,255,0.98) 54%,rgba(254,242,242,0.98) 100%);border-bottom:1px solid var(--color-gray-200)} .profile-card-header::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--color-red-500),var(--color-orange-500))} .profile-avatar-section{position:relative} .profile-avatar-large{width:112px;height:112px;border:4px solid #fff;box-shadow:0 16px 34px rgba(127,29,29,0.16)} .status-badge{min-height:26px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.2;border:1px solid transparent} .status-badge.online{background:#dcfce7;border-color:#86efac;color:#166534} .status-badge.offline{background:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--color-gray-600)} .profile-main-info,.profile-username,.status-value{color:var(--color-gray-900)} .profile-username{font-size:34px;line-height:1.12;margin-bottom:var(--spacing-3)} .profile-status{flex-wrap:wrap;gap:var(--spacing-2) var(--spacing-3)} .status-label,.status-limit{color:var(--color-gray-500)} .profile-actions{min-width:190px} .profile-action-btn{min-height:42px;padding:0 var(--spacing-4);border:1px solid var(--color-gray-200);border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,0.06)} .profile-action-btn:hover{border-color:var(--color-orange-300);background:#fff7ed;transform:translateY(-1px)} .profile-action-btn a{color:var(--color-red-600)} .profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));background:#fff} .stat-item{padding:var(--spacing-5) var(--spacing-6)} .stat-label{letter-spacing:0;text-transform:none;color:var(--color-gray-500)} .stat-value{font-size:30px;color:var(--color-gray-900)} .profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3);padding:var(--spacing-6);background:linear-gradient(180deg,#fff 0%,var(--color-gray-50) 100%)} .detail-item{min-width:0;display:grid;grid-template-columns:minmax(120px,0.42fr) minmax(0,1fr);gap:var(--spacing-3);align-items:start;padding:var(--spacing-4);border:1px solid var(--color-gray-200);border-radius:8px;background:#fff} .detail-label{min-width:0;font-size:13px;color:var(--color-gray-500)} .detail-value{min-width:0;text-align:left;line-height:1.55} .profile-content-links{align-items:center;justify-content:flex-start;border-bottom:1px solid var(--color-gray-200)} .content-link-item a:not(.rss-link){display:inline-flex;align-items:center;min-height:38px;padding:0 var(--spacing-4);border:1px solid var(--color-gray-200);border-radius:8px;background:#fff} .content-link-item a:not(.rss-link):hover{border-color:var(--color-orange-300);background:#fff7ed;text-decoration:none} .profile-edit-toggle{background:#fff} .profile-edit-toggle .btn-secondary{min-height:44px;padding:0 var(--spacing-5);border-radius:8px} .edit-profile-section{border:1px solid rgba(226,232,240,0.95);border-radius:8px;box-shadow:0 18px 45px rgba(15,23,42,0.08)} .section-title{font-size:24px;line-height:1.2;border-bottom:1px solid var(--color-gray-200)} .profile-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-5);margin-top:var(--spacing-6)} .profile-edit-form>.form-group,.profile-edit-form>.form-row,.profile-edit-form>.form-actions{min-width:0} .profile-edit-form>.form-row,.profile-edit-form>.form-group:has(#allowed_ip),.profile-edit-form>.form-group:has(#info),.profile-edit-form>.form-group:has(#signature),.profile-edit-form>.form-group:has(.xfields-wrapper),.profile-edit-form>.form-group:has(.checkbox-group),.profile-edit-form>.form-actions{grid-column:1 / -1} .profile-edit-form .form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-5)} .profile-edit-form .form-input,.profile-edit-form .form-textarea,.profile-edit-form .form-input-file,.profile-edit-form select,.ignore-list-wrapper,.timezone-selector,.xfields-wrapper{width:100%} .profile-edit-form .form-input,.profile-edit-form .form-textarea,.profile-edit-form .form-input-file,.profile-edit-form select{border-radius:8px;border-color:var(--color-gray-200)} .profile-edit-form .form-input:focus,.profile-edit-form .form-textarea:focus,.profile-edit-form select:focus{border-color:var(--color-orange-400);box-shadow:0 0 0 3px rgba(249,115,22,0.12)} .profile-edit-form .form-input-file{min-height:44px;padding:10px 12px;background:#fff} .profile-edit-form .checkbox-group{gap:var(--spacing-2)} .profile-edit-form .checkbox-item{align-items:flex-start;padding:var(--spacing-3);border:1px solid var(--color-gray-200);border-radius:8px;background:var(--color-gray-50)} .form-actions{display:flex;justify-content:flex-end;padding-top:var(--spacing-2)} .submit-btn{min-height:46px;border-radius:8px} @media(max-width:900px){.userinfo-page{padding:var(--spacing-6) var(--spacing-4) var(--spacing-8)} .profile-card-header{grid-template-columns:auto minmax(0,1fr)} .profile-actions{grid-column:1 / -1;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} .profile-details{grid-template-columns:1fr}} @media(max-width:640px){.userinfo-header{align-items:stretch} .userinfo-header .page-title{font-size:24px} .userinfo-header .back-link{justify-content:center} .profile-card-header{grid-template-columns:1fr;gap:var(--spacing-4);padding:var(--spacing-6) var(--spacing-4);text-align:center} .profile-avatar-large{width:96px;height:96px} .profile-username{font-size:26px} .profile-status,.profile-actions{justify-content:center} .profile-actions,.profile-stats,.profile-edit-form,.profile-edit-form .form-row{grid-template-columns:1fr} .stat-item{padding:var(--spacing-4)} .profile-details,.profile-content-links,.profile-edit-toggle{padding:var(--spacing-4)} .detail-item{grid-template-columns:1fr;gap:var(--spacing-1)} .edit-profile-section{padding:var(--spacing-5) var(--spacing-4)} .section-title{font-size:21px} .form-actions,.submit-btn{width:100%} .form-actions{justify-content:stretch}} .recipe-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-8);margin-top:var(--spacing-6)} .recipe-main{min-width:0} .recipe-header{margin-bottom:var(--spacing-6)} .recipe-title{font-size:36px;font-weight:700;line-height:1.2;color:var(--color-gray-900);margin-bottom:var(--spacing-4)} .recipe-description{font-size:18px;color:var(--color-gray-600);line-height:1.6;margin-bottom:var(--spacing-3)} .recipe-author{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-gray-500);font-size:14px} .author-link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color 0.2s} .author-link:hover{color:var(--color-primary-dark)} .recipe-stats{display:flex;gap:var(--spacing-6);padding:var(--spacing-4) 0;margin-bottom:var(--spacing-6)} .recipe-stat{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-gray-600)} .recipe-stat svg{color:var(--color-gray-400)} .stat-value{font-weight:600;color:var(--color-gray-900)} .recipe-content{font-size:16px;line-height:1.8;color:var(--color-gray-700);margin-bottom:var(--spacing-8)} .recipe-content img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--spacing-6) 0} .recipe-content h2,.recipe-content h3{margin-top:var(--spacing-6);margin-bottom:var(--spacing-3);color:var(--color-gray-900)} .recipe-content ul,.recipe-content ol{margin:var(--spacing-4) 0;padding-left:var(--spacing-6)} .recipe-content li{margin-bottom:var(--spacing-2)} .recipe-section{margin-bottom:var(--spacing-8)} .section-title{font-size:24px;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-4)} .recipe-tags{padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-md);margin-bottom:var(--spacing-8)} .recipe-tags h3{font-size:14px;font-weight:600;color:var(--color-gray-600);margin-bottom:var(--spacing-3);text-transform:uppercase;letter-spacing:0.5px} .comments-actions{margin-bottom:var(--spacing-6)} .comments-list{margin-bottom:var(--spacing-6)} .recipe-sidebar{position:sticky;top:100px;align-self:start} .sidebar-card{background:white;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-4)} .sidebar-card-title{font-size:18px;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-4)} .portions-control{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-4) 0;margin-bottom:var(--spacing-4);border-bottom:1px solid var(--color-gray-200)} .portion-btn{width:36px;height:36px;border:2px solid var(--color-primary);background:white;color:var(--color-primary);border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center} .portion-btn:hover{background:var(--color-primary);color:white} .portion-btn:active{transform:scale(0.95)} .portions-display{display:flex;align-items:baseline;gap:var(--spacing-2)} .portions-display #currentPortions{font-size:28px;font-weight:700;color:var(--color-gray-900)} .portions-label{font-size:14px;color:var(--color-gray-600)} .ingredients-display{display:flex;flex-direction:column;gap:var(--spacing-3)} .nutrition-info-widget{display:flex;flex-direction:column;gap:var(--spacing-4)} .nutrition-header-info{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-gray-200)} .nutrition-subtitle{font-size:13px;color:var(--color-gray-600)} .nutrition-weight{font-size:14px;font-weight:600;color:var(--color-gray-900)} .nutrition-bars-container{display:flex;flex-direction:column;gap:var(--spacing-4)} .nutrition-bar-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2)} .nutrition-bar-header{display:flex;justify-content:space-between;align-items:center} .nutrition-bar-label{font-size:14px;font-weight:600;color:var(--color-gray-700)} .nutrition-bar-percent{font-size:13px;font-weight:700;color:var(--color-gray-900)} .nutrition-bar-value{font-size:12px;color:var(--color-gray-600);margin-bottom:var(--spacing-1)} .nutrition-bar-track{width:100%;height:8px;background:var(--color-gray-100);border-radius:999px;overflow:hidden} .nutrition-bar-fill{height:100%;border-radius:999px;transition:width 0.6s ease-out} .nutrition-calories-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-6) var(--spacing-4);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);border-radius:var(--radius-lg);margin-top:var(--spacing-4)} .calories-big-number{font-size:48px;font-weight:800;color:white;line-height:1} .calories-big-label{font-size:16px;font-weight:600;color:white;text-transform:uppercase;letter-spacing:1px;margin-top:var(--spacing-2)} .time-info{display:flex;align-items:center;gap:var(--spacing-3)} .time-info svg{color:var(--color-primary);flex-shrink:0} .time-details{display:flex;flex-direction:column;gap:var(--spacing-2)} .time-item{display:flex;gap:var(--spacing-2);font-size:14px} .time-label{color:var(--color-gray-600)} .time-value{font-weight:600;color:var(--color-gray-900)} .share-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-2)} .info-list{display:flex;flex-direction:column;gap:var(--spacing-3)} .info-item{font-size:14px;line-height:1.6;color:var(--color-gray-700)} .info-item strong{color:var(--color-gray-900);font-weight:600} @media(max-width:1024px){.recipe-layout{grid-template-columns:1fr;gap:var(--spacing-6)} .recipe-sidebar{position:static} .sidebar-card{margin-bottom:var(--spacing-4)}} @media(max-width:768px){.recipe-title{font-size:28px} .recipe-description{font-size:16px} .recipe-stats{gap:var(--spacing-4)} .sidebar-card{padding:var(--spacing-4)} .nutrition-calories-circle{padding:var(--spacing-5)} .calories-big-number{font-size:40px}} #dlefastreplycomments{padding:0 4% 10px 4%} #dle-comments-list>.comments-tree-list>li .comments-tree-list>li #dlefastreplycomments{padding:0 0 10px 0} .addcomment{background-color:#fff} .plus_icon{width:16px;height:16px;display:inline-block;vertical-align:middle;position:relative} .addcomment .plus_icon{width:2.5rem;padding:2px 0;float:left;margin-top:4%} .plus_icon>span,.plus_icon>span:before,.plus_icon>span:after{overflow:hidden;text-indent:-9999px;white-space:nowrap;position:absolute} .plus_icon>span:before,.plus_icon>span:after{background-color:#b3b3b3;content:""} .plus_icon>span{width:16px;height:16px;left:50%;top:50%;margin:-8px 0 0 -8px} .plus_icon>span:after{left:0;top:50%;width:100%;height:2px;margin-top:-1px} .plus_icon>span:before{left:50%;top:0;width:2px;height:100%;margin-left:-1px} .plus_icon.circle{width:12px;height:12px;padding:4px;border-radius:50%;border:2px solid #3394e6} .plus_icon.circle>span{width:12px;height:12px;margin:-6px 0 0 -6px} .plus_icon.circle>span:before,.plus_icon.circle>span:after{background-color:#3394e6} ul.ui-form{list-style:none;padding:0;margin:0} ul.ui-form>li{margin-bottom:10px} ul.ui-form>li:last-child{margin-bottom:0} .form-group{margin-bottom:10px} .form-group>label{display:block;margin-bottom:.4em} .imp:after{content:"*";margin:0 0 0 10px;color:#e85319} @media only screen and(min-width:601px){.form-group.combo:after{clear:both;display:table;content:""} .form-group.combo>.combo_field{width:50%;float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} .form-group.combo>.combo_field:last-child{padding-left:10px} .form-group.combo>.combo_field:first-child{padding-right:10px}} .form_submit{margin-top:20px} .form-sep{border-top:1px solid #efefef} #comment-editor .bb-editor textarea{padding:7px;padding-bottom:45px;height:200px} .addpm #comment-editor .bb-editor textarea{height:340px} .wseditor table,.bb-editor table{margin:0px} #map{width:100%;height:400px} .map_resp{width:100%;padding-top:60%;height:0;position:relative} .map_resp>#map{position:absolute;left:0;top:0;bottom:0;height:auto} .dark_top{border-radius:2px 2px 0 0;color:#fff;background:#2c2c2c} .contacts{font-size:1.3em} .xfieldimagegallery,.comments-image-gallery{margin:0;padding:0;list-style:none;clear:both} .xfieldimagegallery li,.comments-image-gallery li{list-style:none;margin:0;padding:0} .xfieldimagegallery li img,.comments-image-gallery li img{float:left;margin-right:5px;border:5px solid #fff;width:100px;height:100px;transition:box-shadow 0.5s ease} .xfieldimagegallery li img:hover,.comments-image-gallery li img:hover{box-shadow:0px 0px 7px rgba(0,0,0,0.4)} #dlefastreplycomments .wseditor{margin-bottom:10px} .dlecomments-editor .tox .tox-toolbar__primary,.dlefastedit-editor .tox .tox-toolbar__primary{border-top:0;box-shadow:none} .comments-user-profile{font-weight:bold;cursor:pointer;color:#3394e6} .tox .tox-dialog__header{color:rgb(255,255,255)!important;background-color:#517fa4!important;border-bottom:#517fa4!important} .title_spoiler svg{vertical-align:middle;margin-top:-4px;margin-right:7px;height:16px;width:16px} .mce-accordion summary{cursor:pointer} .mobilewseditor .tox:not(.tox-tinymce-inline) .tox-editor-header{border-bottom:none} .self_delete_link{border:0 none;display:inline-block;vertical-align:middle;cursor:pointer;padding:12px 27px;border-radius:10px;margin-left:15px;outline:none;background-color:#f44336;color:#fff;text-shadow:0 1px #333;text-decoration:none!important;box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);box-sizing:border-box;transition:all ease .1s;transition:all ease .1s} input[type="text"].comments_author_field{width:100%;margin-bottom:10px} .comments-section-title{font-size:18px;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-6);text-transform:uppercase;letter-spacing:0.5px} .comments-section-title sup{font-size:14px;margin-left:4px;font-weight:400} .comment{background-color:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:15px;box-shadow:0 1px 3px rgba(0,0,0,0.1)} .comments-tree-list>li::before,ol.comments-tree-list>li::before{content:none!important;display:none!important} ol.comments-tree-list{list-style:none;counter-reset:none} ol.comments-tree-list>li{list-style-type:none!important} .comment .avatar{float:left;margin-right:15px;position:relative;display:block!important;visibility:visible!important;opacity:1!important} .comment .avatar .cover{width:36px;height:36px;background-color:#e5e7eb;background-image:url('../dleimages/noavatar.png');background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50%;display:inline-block!important;visibility:visible!important;opacity:1!important;text-indent:-9999px;white-space:nowrap;overflow:hidden} .comment .avatar .com_online{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background-color:#10b981;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px rgba(16,185,129,0.3);text-indent:-9999px;overflow:hidden} .comment .avatar .com_offline{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background-color:#ef4444;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px rgba(239,68,68,0.3);text-indent:-9999px;overflow:hidden} .comment .meta .left .reply{display:inline-flex;align-items:center;justify-content:center;height:20px;text-decoration:none} .comment .meta .left .reply .icon{stroke:#9ca3af;vertical-align:middle;display:inline-block} .comment .meta .left .reply span{display:inline;margin-left:4px;font-size:14px;text-transform:lowercase;color:#9ca3af;vertical-align:middle;line-height:20px} .comment .meta .left .reply:hover span{color:#6b7280} .comment .meta .left .reply:hover .icon{stroke:#6b7280} .comment .com_info{display:flex;align-items:center;margin-bottom:12px} .comment .com_user{display:inline-flex;align-items:center;gap:8px;margin:0;float:none} .comment .com_user .name{color:#3394e6;font-weight:bold;text-decoration:none} .comment .com_user .name:hover{text-decoration:underline} .comment .com_user .grey,.comment .com_user span.grey{font-size:14px} .comment .meta{display:inline-flex;align-items:center;flex:1;justify-content:space-between;margin-left:15px} .comment .meta .left{display:inline-flex;align-items:center;list-style:none;margin:0;padding:0;gap:8px;height:20px} .comment .meta .left>li{display:inline-flex;align-items:center;justify-content:center;margin:0;height:20px;vertical-align:middle} .comment .meta .left .icon{vertical-align:middle;display:inline-block} .comment .meta .rate{margin-left:auto;float:none} .rate_like>a,.rate_like-dislike{float:left;padding:6px 12px;border:1px solid #eaeaea;border-radius:8px;text-decoration:none!important;font-weight:bold;color:#64748b;-webkit-transition:all ease .2s;transition:all ease .2s} .rate_like>a:hover{border-color:#3394e6;color:#3394e6} .rate_like .icon{width:16px;height:15px;margin:-.2em .3em 0 0;vertical-align:middle} .rate_like-dislike>a{display:inline-block;width:22px;height:22px;text-align:center} .rate_like-dislike>a .icon{width:14px;height:15px;fill:#787878;vertical-align:middle;margin:-.3em 0 0 0} .rate_like-dislike>a:hover .icon{fill:#0c5f7eed} .rate_like-dislike .ratingplus{color:#88c54d} .rate_like-dislike .ratingminus{color:#e45757} .rate_like-dislike>span{cursor:default;margin:0 .3em} .rate_like-dislike .ratingtypeplusminus{font-weight:bold;font-size:.9em} .rate_stars{display:inline-block;color:#fed762} .comment .meta .icon-love{fill:#e45757;vertical-align:middle} .comment .meta .icon-like,.comment .meta .icon-dislike{stroke:currentColor;fill:none} .comment .meta .left .complaint a{padding:2px;width:auto;vertical-align:baseline} .comment .icon-bad{width:16px;height:16px;fill:#64748b;stroke:currentColor} .title_hide{left:-9999px;position:absolute;top:-9999px;overflow:hidden;width:0;height:0} .comment .meta .left .edit-btn,.comment .meta .left .edit_btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-right:0;list-style:none;height:20px} .comment .meta .left .edit-btn .icon,.comment .meta .left .edit_btn .icon,.comment .meta .left .edit-btn .icon-edit,.comment .meta .left .edit_btn .icon-edit{width:16px;height:16px;stroke:#9ca3af;display:inline-block;vertical-align:middle} .comment .meta .left .edit-btn:hover .icon,.comment .meta .left .edit_btn:hover .icon,.comment .meta .left .edit-btn:hover .icon-edit,.comment .meta .left .edit_btn:hover .icon-edit{stroke:#6b7280} .comment .meta .left .del-btn,.comment .meta .left .del{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-right:10px;list-style:none;vertical-align:middle;height:20px} .comment .meta .left .del-btn .icon,.comment .meta .left .del .icon,.comment .meta .left .del-btn .icon-cross,.comment .meta .left .del .icon-cross{width:18px;height:18px;stroke:#9ca3af;vertical-align:middle} .comment .meta .left .del-btn:hover .icon,.comment .meta .left .del:hover .icon,.comment .meta .left .del-btn:hover .icon-cross,.comment .meta .left .del:hover .icon-cross{stroke:#dc2626} .comment .meta .left .mass{display:inline-flex;align-items:center;justify-content:center;margin-left:4px;list-style:none} .comment .meta .left .mass input[type="checkbox"]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-red-600);border:2px solid #d1d5db;border-radius:4px;transition:all 0.2s ease;vertical-align:middle} .comment .meta .left .mass input[type="checkbox"]:hover{border-color:var(--color-red-400)} .comment .meta .left .mass input[type="checkbox"]:checked{background-color:var(--color-red-600);border-color:var(--color-red-600)} .mass_comments_action{text-align:left;border-top:1px solid #efefef;padding:15px 20px;margin-top:20px;display:flex;align-items:center;gap:15px;clear:both;width:100%;box-sizing:border-box;background-color:#fff} .mass_comments_action>select{margin-left:1em} .com_content{clear:both;margin-top:15px} .com_content .text{font-size:14px;line-height:1.6;color:#374151;margin-bottom:10px} .com_content .clrfix:after{content:"";display:table;clear:both} .addcomment h3 .plus-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:18px;font-weight:500;line-height:1;margin-right:10px;color:white;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-radius:50%;flex-shrink:0} .addcomment .btn-big{background:linear-gradient(135deg,#dc2626 0%,#ea580c 100%);color:white;font-weight:600;padding:14px 32px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(220,38,38,0.3)} .addcomment .btn-big:hover{background:linear-gradient(135deg,#b91c1c 0%,#c2410c 100%);box-shadow:0 4px 12px rgba(220,38,38,0.4);transform:translateY(-1px)} .addcomment .btn-big:active{transform:translateY(0);box-shadow:0 2px 6px rgba(220,38,38,0.3)} .addcomment .btn-big{display:inline-flex;align-items:center;justify-content:center;gap:10px} .addcomment .btn-big svg{flex-shrink:0} .addcomment .btn-big b{font-weight:600} .addcomment .box_in{background:white;border-radius:12px;padding:var(--spacing-6);border:1px solid var(--color-gray-200)} .addcomment h3{font-size:18px;font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-5);display:flex;align-items:center} .addcomment .ui-form{list-style:none;padding:0;margin:0} .addcomment .ui-form>li{margin-bottom:var(--spacing-4)} .addcomment .form-group.combo{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)} @media(max-width:768px){.addcomment .form-group.combo{grid-template-columns:1fr}} .addcomment .combo_field{width:100%} .addcomment input[type="text"],.addcomment input[type="email"],.addcomment input.wide,.addcomment #sec_code{width:100%;padding:12px 16px;border:2px solid var(--color-gray-200);border-radius:10px;font-size:15px;color:var(--color-gray-900);background:white;transition:all 0.2s ease;box-sizing:border-box} .addcomment input[type="text"]:focus,.addcomment input[type="email"]:focus,.addcomment input.wide:focus,.addcomment #sec_code:focus{outline:none;border-color:var(--color-red-500);box-shadow:0 0 0 3px rgba(239,68,68,0.1)} .addcomment input[type="text"]::placeholder,.addcomment input[type="email"]::placeholder,.addcomment input.wide::placeholder,.addcomment #sec_code::placeholder{color:var(--color-gray-400)} .addcomment .c-captcha{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4);flex-wrap:wrap} .addcomment .c-captcha img{border-radius:8px;border:2px solid var(--color-gray-200)} .addcomment .c-captcha #sec_code{max-width:200px} .addcomment .comments-image-uploader-area{margin-top:var(--spacing-3)} .addcomment .comments-image-uploader-area a{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-red-600);font-weight:600;font-size:14px;text-decoration:none;padding:var(--spacing-2) var(--spacing-3);background:var(--color-red-50);border-radius:8px;transition:all 0.2s ease} .addcomment .comments-image-uploader-area a:hover{background:var(--color-red-100);color:var(--color-red-700)} .addcomment .form_submit{margin-top:var(--spacing-5);padding-top:var(--spacing-5);border-top:1px solid var(--color-gray-200)} .addcomment .form-group label{display:block;font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-2);font-size:14px} .message-info{max-width:600px;margin:60px auto;background:white;border-radius:16px;padding:40px;box-shadow:0 10px 40px rgba(0,0,0,0.1);text-align:center} .message-info__title{font-size:24px;font-weight:700;color:var(--color-gray-900);margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid var(--color-gray-200)} .message-info__content{font-size:16px;line-height:1.6;color:var(--color-gray-700);margin-bottom:24px} .message-info__content a{color:var(--color-red-600);text-decoration:none;font-weight:600;transition:color 0.2s ease} .message-info__content a:hover{color:var(--color-red-700);text-decoration:underline} @media(max-width:768px){.message-info{margin:30px 20px;padding:30px 20px} .message-info__title{font-size:20px} .message-info__content{font-size:15px}} #profileModalMobile .auth-modal-content{padding:0;overflow:hidden} #profileModalMobile .user-dropdown-menu{padding:var(--spacing-4);gap:var(--spacing-2);background:var(--color-gray-50);border-radius:0 0 16px 16px} #profileModalMobile .user-menu-item{padding:var(--spacing-4);font-size:15px;border-radius:12px} #profileModalMobile .user-menu-item:active{transform:scale(0.98)} #userDropdown .user-dropdown-menu{background:var(--color-gray-50);border-radius:0 0 16px 16px} .search-row{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-bottom:12px!important} .search-col{flex:1 1 300px!important;min-width:280px!important} .searchpage fieldset{display:block!important;background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%)!important;border:1px solid #e5e7eb!important;border-radius:12px!important;padding:20px!important;margin:0 0 12px 0!important;box-shadow:0 2px 4px rgba(0,0,0,0.04)!important} .searchpage legend{background:transparent!important;color:#c34411!important;font-weight:600!important;font-size:14px!important;padding:0 8px!important;border-radius:0!important} .searchpage input[type="checkbox"],.searchpage input[type="radio"]{appearance:none!important;-webkit-appearance:none!important;width:20px!important;height:20px!important;border:2px solid #d1d5db!important;border-radius:6px!important;background:white!important;cursor:pointer!important;position:relative!important;vertical-align:middle!important;margin-right:8px!important} .searchpage input[type="radio"]{border-radius:50%!important} .searchpage input[type="checkbox"]:checked{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important;border-color:#f97316!important} .searchpage input[type="checkbox"]:checked::after{content:''!important;position:absolute!important;left:6px!important;top:2px!important;width:5px!important;height:10px!important;border:solid white!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important} .searchpage input[type="radio"]:checked::after{content:''!important;position:absolute!important;left:4px!important;top:4px!important;width:8px!important;height:8px!important;border-radius:50%!important;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important} .searchpage select[multiple],.searchpage select[size]{min-height:510px!important;width:100%!important;border:1px solid #d1d5db!important;border-radius:8px!important;padding:8px!important;background:#fff!important;color:#1f2937!important} .searchpage select[multiple] option,.searchpage select[size] option{padding:8px 10px!important;font-size:14px!important;color:#1f2937!important;background:#fff!important;line-height:1.5!important} .searchpage select[multiple] option:checked,.searchpage select[size] option:checked{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important;color:#fff!important} @media(max-width:768px){.searchpage .extended-search-form .search-row,.extended-search-form .search-row,div.search-row,.search-row{flex-direction:column!important;gap:6px!important;margin-bottom:6px!important} .searchpage .extended-search-form .search-col,.extended-search-form .search-col,.search-col{min-width:100%!important} .searchpage fieldset{margin:0 0 6px 0!important;padding:12px!important} .searchpage .extended-search-form .search-actions,.extended-search-form .search-actions{padding-top:6px!important;margin-top:0!important;border-top:none!important} .searchpage .categories-select select[multiple],.searchpage .categories-select select[size]{display:none!important} .searchpage .mobile-category-select{display:block!important;width:100%!important;padding:12px 16px!important;font-size:15px!important;border:2px solid #e5e7eb!important;border-radius:12px!important;background:#fff!important;color:#1f2937!important;appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:16px 12px!important} .searchpage .mobile-category-select:focus{border-color:#ea580c!important;box-shadow:0 0 0 3px rgba(234,88,12,0.1)!important;outline:none!important}} .searchpage .mobile-category-select{display:none} @media(max-width:768px){.recipe-card{display:flex!important;flex-direction:column!important;max-width:100%!important;min-width:100%!important;margin:8px 0!important} .recipe-card-image{max-height:180px!important;aspect-ratio:16/9!important;flex-shrink:0!important} .recipe-card-content{display:flex!important;flex-direction:column!important;padding:16px!important;background:#fff!important;flex:1!important} .recipe-card-title{display:block!important;font-size:16px!important;margin-bottom:8px!important;color:#1f2937!important} .recipe-card-description{display:block!important;font-size:13px!important;margin-bottom:12px!important;color:#6b7280!important} .recipe-card-meta{display:flex!important;margin-bottom:12px!important} .recipe-card-footer{display:flex!important;margin-top:auto!important} .recipes-grid{display:flex!important;flex-direction:column!important;gap:16px!important}} @media(max-width:768px){.recipes-grid-compact{display:flex!important;flex-direction:column!important;gap:16px!important} .recipe-card-compact{display:flex!important;flex-direction:column!important;height:auto!important;max-width:100%!important;background:#fff!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 2px 8px rgba(0,0,0,0.1)!important} .recipe-card-compact-image{width:100%!important;height:180px!important;max-height:180px!important;display:block!important} .recipe-card-compact-image img{width:100%!important;height:100%!important;object-fit:cover!important} .recipe-card-compact-content{display:flex!important;flex-direction:column!important;padding:16px!important;background:#fff!important} .recipe-card-compact-title{display:block!important;font-size:16px!important;font-weight:700!important;margin-bottom:8px!important;color:#1f2937!important} .recipe-card-compact-description{display:block!important;font-size:13px!important;color:#6b7280!important;margin-bottom:12px!important;line-height:1.5!important} .recipe-card-compact-footer{display:flex!important;justify-content:space-between!important;align-items:center!important} .recipe-card-compact-meta{display:flex!important;gap:8px!important}} @media(max-width:768px){.recipe-card-image{max-height:240px!important;height:240px!important;aspect-ratio:auto!important} .recipe-card-compact-image{height:220px!important;max-height:220px!important}} .recipe-card-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap} .meta-tag-sm{display:flex;align-items:center;gap:4px;background:var(--color-gray-100);padding:4px 8px;border-radius:9999px;font-size:13px;font-weight:600;white-space:nowrap} .meta-tag-sm svg{width:12px;height:12px;flex-shrink:0} .meta-tag-sm.time svg{color:var(--color-red-600)} .meta-tag-sm.calories{background:var(--color-orange-100)} .meta-tag-sm.calories svg{color:var(--color-orange-600)} .recipe-difficulty-sm{display:inline-flex;align-items:center;justify-content:center;cursor:help} .recipe-difficulty-sm .difficulty-pot{width:22px;height:22px;color:var(--color-gray-500);flex-shrink:0} .recipe-difficulty-sm[data-level="1"] .steam-1,.recipe-difficulty-sm[data-level="Легкий"] .steam-1,.recipe-difficulty-sm[data-level="легкий"] .steam-1{stroke:#22c55e!important} .recipe-difficulty-sm[data-level="2"] .steam-1,.recipe-difficulty-sm[data-level="Средний"] .steam-1,.recipe-difficulty-sm[data-level="средний"] .steam-1,.recipe-difficulty-sm[data-level="2"] .steam-2,.recipe-difficulty-sm[data-level="Средний"] .steam-2,.recipe-difficulty-sm[data-level="средний"] .steam-2{stroke:#f59e0b!important} .recipe-difficulty-sm[data-level="3"] .steam-1,.recipe-difficulty-sm[data-level="Сложный"] .steam-1,.recipe-difficulty-sm[data-level="сложный"] .steam-1,.recipe-difficulty-sm[data-level="3"] .steam-2,.recipe-difficulty-sm[data-level="Сложный"] .steam-2,.recipe-difficulty-sm[data-level="сложный"] .steam-2,.recipe-difficulty-sm[data-level="3"] .steam-3,.recipe-difficulty-sm[data-level="Сложный"] .steam-3,.recipe-difficulty-sm[data-level="сложный"] .steam-3{stroke:#ef4444!important} .recipe-view-btn-sm{width:30px;height:30px;padding:0;border:1px solid var(--color-gray-300);border-radius:6px;color:var(--color-gray-500);transition:all 0.2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;text-decoration:none;background:transparent;cursor:pointer;margin-left:auto} .recipe-view-btn-sm:hover{border-color:var(--color-gray-400);color:var(--color-gray-700);background:var(--color-gray-50)} .recipe-view-btn-sm svg{width:14px;height:14px} .recipe-tips-block{margin-top:32px;padding:20px 24px;background:#fffdf7;border:1px solid #e5e7eb;border-left:3px solid #f59e0b;border-radius:8px;position:relative} .recipe-tips-header{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #f3f4f6} .recipe-tips-title{font-size:17px;font-weight:600;color:#374151;letter-spacing:0.3px;margin:0} .recipe-tips-content{font-size:15px;line-height:1.75;color:#4b5563} .recipe-tips-content p{margin-bottom:10px} .recipe-tips-content p:last-child{margin-bottom:0} .recipe-tags-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;margin-bottom:32px} .recipe-tags-buttons a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid #fdba74;border-radius:10px;font-size:14px;font-weight:500;color:#c2410c;text-decoration:none;transition:all 0.2s ease} .recipe-tags-buttons a::before{content:'';width:16px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b'%3E%3Cpath d='M3 7c0-1.1.9-2 2-2h6l2 2h6c1.1 0 2 .9 2 2v9c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain} .recipe-tags-buttons a:hover{background:linear-gradient(135deg,#ffedd5,#fed7aa);border-color:#fb923c;transform:translateY(-2px);box-shadow:0 4px 12px rgba(251,146,60,0.25)} @media(max-width:768px){.recipe-tips-block{margin-top:24px;padding:16px 18px;border-radius:6px} .recipe-tips-title{font-size:15px} .recipe-tips-content{font-size:14px;line-height:1.65} .recipe-tags-buttons{gap:8px;margin-top:20px;margin-bottom:24px} .recipe-tags-buttons a{padding:8px 12px;font-size:13px;border-radius:8px} .recipe-tags-buttons a::before{width:14px;height:12px}} .scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.3s ease;box-shadow:0 4px 15px rgba(249,115,22,0.4);z-index:9999} .scroll-to-top:hover{background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);transform:translateY(-3px);box-shadow:0 6px 20px rgba(249,115,22,0.5)} .scroll-to-top:active{transform:translateY(0)} .scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)} .scroll-to-top svg{width:24px;height:24px} @media(max-width:768px){.scroll-to-top{width:44px;height:44px;bottom:20px;right:20px} .scroll-to-top svg{width:20px;height:20px}} .navigation{display:flex;align-items:center;justify-content:center;gap:12px;padding:32px 16px;margin-top:24px} .page_next-prev{display:flex;gap:8px} .page_prev,.page_next{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 16px;border-radius:12px;background:#f3f4f6;border:1px solid #e5e7eb;color:#d1d5db;cursor:not-allowed;font-size:14px;font-weight:500;transition:all 0.2s ease} .page_prev:not(:has(a))>*,.page_next:not(:has(a))>*{display:none!important} .page_prev:not(:has(a))::before{content:"";width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d1d5db' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0} .page_prev:not(:has(a))::after{content:"Назад"} .page_next:not(:has(a))::before{content:"Вперед"} .page_next:not(:has(a))::after{content:"";width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d1d5db' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0} .page_prev:has(a),.page_next:has(a){background:#fff;border:1px solid #e5e7eb;color:#374151;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,0.05)} .page_prev a svg,.page_next a svg{flex-shrink:0} .page_prev:has(a):hover,.page_next:has(a):hover{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-color:#f97316;color:#fff} .page_prev a,.page_next a{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none} .page_prev a::after{content:"Назад"} .page_next a::after{content:"Вперед";order:-1} .pages{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center} .pages a,.pages span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:12px;font-size:15px;font-weight:500;text-decoration:none;transition:all 0.2s ease} .pages a{background:#fff;border:1px solid #e5e7eb;color:#374151;box-shadow:0 1px 3px rgba(0,0,0,0.05)} .pages a:hover{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-color:#f97316;color:#fff} .pages>span:not(.nav_ext){background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:1px solid #f97316;color:#fff;box-shadow:0 4px 12px rgba(249,115,22,0.25);font-weight:600} .pages .nav_ext,.pages span.nav_ext{background:transparent;border:none;color:#9ca3af;min-width:32px;padding:0 8px;box-shadow:none} @media(max-width:640px){.navigation{flex-direction:row;flex-wrap:nowrap;gap:8px;padding:24px 12px;justify-content:center;align-items:center} .page_next-prev{display:contents} .pages{gap:4px} .pages a,.pages span{min-width:38px;height:38px;padding:0 10px;font-size:14px;border-radius:10px} .page_prev,.page_next{width:42px;height:42px;padding:0;border-radius:10px} .page_prev:not(:has(a))::after,.page_next:not(:has(a))::before{content:none} .page_prev a::after,.page_next a::after{content:none}} .page-heading{padding:24px 28px;background:linear-gradient(135deg,#fff7ed 0%,#ffffff 100%);border-radius:16px;border-left:2px solid #f97316;box-shadow:0 2px 12px rgba(249,115,22,0.1)} .page-heading__title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 12px 0;line-height:1.3} .page-heading__desc{font-size:16px;line-height:1.6;color:#4b5563;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis} .page-heading__desc.expanded{display:block;-webkit-line-clamp:unset;overflow:visible} .page-heading__expand{display:inline-block;margin-top:12px;font-size:14px;font-weight:600;color:#f97316;text-decoration:none;cursor:pointer;transition:color 0.2s ease} .page-heading__expand:hover{color:#ea580c;text-decoration:underline} @media(max-width:1024px){.page-heading{padding:20px 24px} .page-heading__title{font-size:26px} .page-heading__desc{font-size:15px;-webkit-line-clamp:3}} @media(max-width:768px){.page-heading{padding:18px 20px;border-radius:12px} .page-heading__title{font-size:22px;margin-bottom:10px} .page-heading__desc{font-size:14px;line-height:1.5;-webkit-line-clamp:3} .page-heading__expand{margin-top:10px;font-size:13px}} @media(max-width:480px){.page-heading{padding:14px 16px;border-radius:10px} .page-heading__title{font-size:20px;margin-bottom:8px} .page-heading__desc{font-size:13px;line-height:1.5;-webkit-line-clamp:2} .page-heading__expand{margin-top:8px;font-size:12px}} .info-articles-widget{background:white;border-radius:16px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,0.08);margin-top:20px} .info-articles-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;border-bottom:2px solid #f5f5f5} .info-articles-header svg{width:22px;height:22px;color:#e85a32;flex-shrink:0} .info-articles-header h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:0} .info-article-card{display:flex;align-items:center;gap:14px;padding:12px;margin:0 -12px;border-radius:12px;text-decoration:none;transition:background-color 0.2s ease} .info-article-card:hover{background:#fef7f5} .info-article-card+.info-article-card{border-top:1px solid #f0f0f0} .info-article-card .article-thumb{width:110px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0} .info-article-card .article-thumb img{width:100%;height:100%;object-fit:cover} .info-article-card .article-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0} .info-article-card .article-title{font-size:13px;font-weight:600;color:#1a1a1a;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px} .info-article-card .article-meta{font-size:11px;color:#999;display:flex;align-items:center;gap:4px} .info-article-card .article-meta svg{width:12px;height:12px} .info-article-card .article-arrow{color:#ccc;flex-shrink:0;transition:color 0.2s ease} .info-article-card:hover .article-arrow{color:#e85a32} @media(max-width:768px){.info-articles-widget{padding:16px;border-radius:14px} .info-article-card{padding:10px;margin:0 -10px;gap:12px} .info-article-card .article-thumb{width:90px;height:65px;border-radius:10px} .info-article-card .article-title{font-size:12px}} @media(max-width:480px){.info-article-card .article-thumb{width:80px;height:58px;border-radius:8px}} .tags-page{display:flex;flex-direction:column;gap:24px} .tags-page__hero{position:relative;overflow:hidden;padding:30px;border:1px solid #fed7aa;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,0.96) 0%,rgba(255,247,237,0.94) 56%,rgba(254,242,242,0.9) 100%),url('../images/chef-kitchen-bg.jpg') center/cover;box-shadow:0 12px 34px rgba(249,115,22,0.12)} .tags-page__eyebrow{display:inline-flex;align-items:center;margin-bottom:10px;padding:6px 12px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:13px;font-weight:700} .tags-page__title{margin:0 0 12px;color:#1f2937;font-size:34px;font-weight:800;line-height:1.15} .tags-page__lead{max-width:760px;margin:0;color:#4b5563;font-size:16px;line-height:1.65} .tags-page__section{padding:24px;border:1px solid #f3e7dc;border-radius:16px;background:rgba(255,255,255,0.9);box-shadow:0 8px 28px rgba(17,24,39,0.06)} .tags-page__section--featured{background:linear-gradient(135deg,#ffffff 0%,#fff7ed 100%)} .tags-page__section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px} .tags-page__section-title{margin:0;color:#1f2937;font-size:22px;font-weight:800;line-height:1.25} .tags-page__section-note{color:#6b7280;font-size:14px;white-space:nowrap} .tags-page__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .tags-page__group{padding:18px;border:1px solid #f1e2d5;border-radius:14px;background:#ffffff} .tags-page__group-title{margin:0 0 14px;color:#374151;font-size:17px;font-weight:800} .tags-page__list{display:flex;flex-wrap:wrap;gap:10px} .tags-page__tag{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:38px;padding:8px 12px;border:1px solid #eadfd3;border-radius:999px;background:#fff;color:#374151;font-size:14px;font-weight:650;line-height:1.2;box-shadow:0 2px 8px rgba(249,115,22,0.07);transition:transform 0.2s ease,border-color 0.2s ease,color 0.2s ease,box-shadow 0.2s ease} .tags-page__tag:hover{transform:translateY(-1px);border-color:#f97316;color:#ea580c;box-shadow:0 8px 18px rgba(249,115,22,0.16)} .tags-page__tag-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:12px;font-weight:800} .tags-page__empty{margin:0;color:#6b7280;font-size:15px} .tag_list{display:flex;flex-wrap:wrap;gap:10px} .tag_list span{display:inline-flex} .tag_list a,.tag_list .clouds_xsmall a,.tag_list .clouds_small a,.tag_list .clouds_medium a,.tag_list .clouds_large a,.tag_list .clouds_xlarge a{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border:1px solid #eadfd3;border-radius:999px;background:#fff;color:#374151;font-size:14px;font-weight:650} @media(max-width:768px){.tags-page{gap:18px} .tags-page__hero,.tags-page__section{padding:20px;border-radius:14px} .tags-page__title{font-size:26px} .tags-page__lead{font-size:14px} .tags-page__section-head{align-items:flex-start;flex-direction:column;gap:6px} .tags-page__section-note{white-space:normal} .tags-page__grid{grid-template-columns:1fr;gap:14px}} @media(max-width:480px){.tags-page__hero,.tags-page__section,.tags-page__group{padding:16px} .tags-page__tag{width:100%;justify-content:space-between}}/*edaguru-user-dropdown-desktop-fix*/@media(min-width:1025px){.header-actions .user-profile-section{position:relative!important;overflow:visible!important}.header-actions .user-dropdown,.user-profile-section>.user-dropdown:not(#userDropdownMobile){position:absolute!important;top:calc(100% + 12px)!important;right:0!important;bottom:auto!important;left:auto!important;width:320px!important;min-width:320px!important;max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 120px)!important;overflow-y:auto!important;overflow-x:hidden!important;border-radius:16px!important;transform:translateY(-8px)!important;z-index:5000!important}.header-actions .user-dropdown.active,.user-profile-section>.user-dropdown.active:not(#userDropdownMobile){transform:translateY(0)!important}.header-actions .user-dropdown::before,.user-profile-section>.user-dropdown:not(#userDropdownMobile)::before{top:-8px!important;right:24px!important}.header-actions .user-dropdown-header,.user-profile-section>.user-dropdown:not(#userDropdownMobile) .user-dropdown-header{padding:18px!important}.header-actions .user-dropdown-menu,.user-profile-section>.user-dropdown:not(#userDropdownMobile) .user-dropdown-menu{padding:12px!important}.header-actions .user-menu-item,.user-profile-section>.user-dropdown:not(#userDropdownMobile) .user-menu-item{padding:12px 14px!important;font-size:14px!important}}/*edaguru-category-grid-fix*/.content-area:has(>.recipe-card),.content-area>#dle-content:has(>.recipe-card){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:24px!important;align-items:start!important}.content-area:has(>.recipe-card)>.recipe-card,.content-area>#dle-content:has(>.recipe-card)>.recipe-card{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;flex:none!important}.content-area:has(>.tags-page),.content-area:has(>.page-content),.content-area>#dle-content:has(>.tags-page),.content-area>#dle-content:has(>.page-content){display:block!important;grid-template-columns:none!important;gap:0!important}.content-area>.tags-page,.content-area>.page-content,.content-area>#dle-content>.tags-page,.content-area>#dle-content>.page-content{width:100%!important;max-width:100%!important;min-width:0!important}.content-area:has(>.recipe-card)>.navigation,.content-area>#dle-content:has(>.recipe-card)>.navigation{grid-column:1/-1!important;width:100%!important}@media(max-width:768px){.content-area:has(>.recipe-card),.content-area>#dle-content:has(>.recipe-card){grid-template-columns:1fr!important;gap:16px!important}}/*edaguru-desktop-pagination-fix*/@media(min-width:641px){.navigation,.content-area .navigation,.content-area>#dle-content>.navigation,#dle-content .navigation{grid-column:1/-1!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;max-width:100%!important;min-width:0!important;float:none!important;clear:both!important}.navigation .pages,.content-area .navigation .pages,#dle-content .navigation .pages,.content-area>.pages,.content-area>#dle-content>.pages,#dle-content>.pages{grid-column:1/-1!important;justify-self:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:max-content!important;min-width:max-content!important;max-width:none!important;margin:0!important}.navigation .pages a,.navigation .pages span,.content-area>.pages a,.content-area>.pages span,.content-area>#dle-content>.pages a,.content-area>#dle-content>.pages span,#dle-content>.pages a,#dle-content>.pages span{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;min-width:42px!important;width:auto!important;height:42px!important;padding:0 14px!important;line-height:1!important}.navigation .page_prev,.navigation .page_next,.content-area>.page_prev,.content-area>.page_next,.content-area>#dle-content>.page_prev,.content-area>#dle-content>.page_next,#dle-content>.page_prev,#dle-content>.page_next{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;height:42px!important;width:auto!important;min-width:42px!important;padding:0 16px!important;line-height:1!important;white-space:nowrap!important;grid-column:auto!important}.navigation .page_next-prev{display:flex!important;flex:0 0 auto!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;width:auto!important;min-width:0!important}.page_prev:not(:has(a))::after{content:"\041d\0430\0437\0430\0434"!important}.page_next:not(:has(a))::before{content:"\0412\043f\0435\0440\0435\0434"!important}.page_prev a::after{content:"\041d\0430\0437\0430\0434"!important}.page_next a::after{content:"\0412\043f\0435\0440\0435\0434"!important;order:-1!important}}/*edaguru-mobile-menu-restore*/@media(max-width:1024px){.mobile-menu.mobile-only{display:none!important}.mobile-menu.mobile-only.active{display:block!important}.mobile-menu{position:absolute!important;top:100%!important;left:0!important;right:0!important;bottom:auto!important;width:auto!important;height:auto!important;max-height:calc(100vh - 150px)!important;max-height:calc(100dvh - 150px)!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;touch-action:pan-y!important;background:var(--color-white)!important;z-index:1000!important}.mobile-categories{display:block!important;width:100%!important;overflow:visible!important}.mobile-category-item{display:block!important;border-bottom:1px solid var(--color-gray-100)!important;background:transparent!important}.mobile-category-header{display:flex!important;align-items:center!important;min-height:0!important;background:var(--color-white)!important}.mobile-category-link{display:flex!important;align-items:center!important;gap:var(--spacing-3)!important;flex:1!important;width:auto!important;height:auto!important;padding:var(--spacing-3) var(--spacing-4)!important;padding-right:var(--spacing-2)!important;font-size:14px!important;font-weight:600!important;line-height:1.5!important;color:var(--color-gray-900)!important}.mobile-category-header .category-emoji{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;min-width:32px!important;height:32px!important;font-size:24px!important;line-height:1!important}.mobile-category-title{flex:1!important;font-size:14px!important;font-weight:600!important;line-height:1.5!important;white-space:normal!important;overflow:visible!important}.mobile-category-toggle{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;min-width:48px!important;background:transparent!important}.mobile-category-arrow{width:16px!important;height:16px!important}.mobile-subcategories{display:block!important;max-height:0!important;overflow:hidden!important;transition:max-height .3s ease!important;background:var(--color-gray-50)!important;padding:0!important;margin:0!important}.mobile-subcategories.active{max-height:500px!important;overflow:hidden!important}.mobile-subcategories a{display:flex!important;align-items:center!important;gap:var(--spacing-2)!important;width:auto!important;max-width:none!important;min-height:0!important;padding:var(--spacing-2) var(--spacing-4) var(--spacing-2) calc(var(--spacing-4) + 44px)!important;margin:0!important;border-top:0!important;border-bottom:1px solid var(--color-gray-200)!important;color:var(--color-gray-700)!important;font-size:13px!important;font-weight:400!important;line-height:1.5!important;text-decoration:none!important;white-space:normal!important;overflow:visible!important}.mobile-subcategories a .subcategory-emoji{display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;min-width:20px!important;height:20px!important;margin-right:0!important;font-size:16px!important;line-height:1!important}.mobile-subcategories a:last-child{border-bottom:none!important}.mobile-add-recipe{display:flex!important;align-items:center!important;justify-content:center!important;gap:var(--spacing-2)!important;width:auto!important;margin:var(--spacing-3) var(--spacing-4)!important;padding:var(--spacing-3) var(--spacing-4)!important;min-height:0!important;border-radius:var(--radius-lg)!important;font-size:14px!important;font-weight:600!important}}@media(max-width:480px){.mobile-menu{max-height:calc(100vh - 150px)!important;max-height:calc(100dvh - 150px)!important}}