:root{--primary-color: #8B4513;--primary-hover: #A0522D;--secondary-color: #D2691E;--secondary-strong: #AD5316;--accent-color: #CD853F;--text-dark: #2C1810;--text-light: #6B4423;--text-muted: #806A4C;--background: #FEFEFE;--background-light: #FBF9F7;--border-color: #E8E0D6;--shadow: 0 2px 10px rgba(139, 69, 19, 0.1);--shadow-hover: 0 4px 20px rgba(139, 69, 19, 0.15);--border-radius: 12px;--transition: all 0.3s ease}*{margin: 0;padding: 0;box-sizing: border-box}body{font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height: 1.6;color: var(--text-dark);background-color: var(--background)}.container{max-width: 1200px;margin: 0 auto;padding: 0 20px}.btn{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.5rem;border: none;border-radius: var(--border-radius);font-weight: 500;text-decoration: none;cursor: pointer;transition: var(--transition);font-size: 0.95rem}.btn.btn-primary{background: var(--primary-color);color: white}.btn.btn-primary:hover{background: var(--primary-hover);transform: translateY(-1px);box-shadow: var(--shadow-hover)}.btn.btn-outline{background: transparent;color: var(--primary-color);border: 2px solid var(--primary-color)}.btn.btn-outline:hover{background: var(--primary-color);color: white}.alert{display: flex;align-items: flex-start;gap: 1rem;padding: 1.5rem;border-radius: var(--border-radius);margin-bottom: 2rem}.alert i{font-size: 1.5rem;margin-top: 0.2rem}.alert-success{background: #d4edda;color: #155724;border: 1px solid #c3e6cb}.alert-success i{color: #28a745}.alert-error{background: #f8d7da;color: #721c24;border: 1px solid #f5c6cb}.alert-error i{color: #dc3545}.alert h3{margin-bottom: 0.5rem;font-size: 1.2rem}.alert ul{margin: 0;padding-left: 1rem}.modal{display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);backdrop-filter: blur(5px)}.modal-content{background-color: white;margin: 5% auto;padding: 2rem;border-radius: var(--border-radius);width: 90%;max-width: 600px;max-height: 80vh;overflow-y: auto;position: relative;box-shadow: var(--shadow-hover)}.close{position: absolute;right: 1rem;top: 1rem;font-size: 2rem;font-weight: bold;cursor: pointer;color: var(--text-muted);transition: var(--transition)}.close:hover{color: var(--text-dark)}@media (max-width: 768px){.container{padding: 0 20px}}@media print{.header, .footer, .breadcrumb, .recipe-actions{display: none}}.btn .fa-plus{position: relative;top: 0.06em}body input.code-input{display: block;width: 100%;max-width: 15rem;height: 64px;margin: 0.4rem auto;padding: 0 0 0 0.55em;border: 2px solid var(--border-color);border-radius: 14px;background: #FFFFFF;color: var(--text-dark);font: 700 2rem/1 Inter, system-ui, sans-serif;font-variant-numeric: tabular-nums;letter-spacing: 0.55em;text-align: center}body input.code-input::placeholder{color: #D9C6B0;letter-spacing: 0.55em}body input.code-input:focus{outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 4px rgba(210, 105, 30, 0.15)}body .pe-row input.code-input{flex: 0 1 12rem;height: 52px;margin: 0;font-size: 1.5rem}
:root{--sk-a: #EFE6DB;--sk-b: #F8F2EA}@keyframes sk-shimmer{0%{background-position: 100% 0}100%{background-position: -100% 0}}.sk{display: block;border-radius: 8px;background: linear-gradient(90deg, var(--sk-a) 25%, var(--sk-b) 50%, var(--sk-a) 75%);background-size: 200% 100%;animation: sk-shimmer 1.3s linear infinite}.sk-dark{--sk-a: rgba(255, 255, 255, 0.07);--sk-b: rgba(255, 255, 255, 0.14)}.sk-line{height: 0.85rem;margin: 0.15rem 0}.sk-line.is-title{height: 1.15rem}.sk-line.w40{width: 40%}.sk-line.w60{width: 60%}.sk-line.w80{width: 80%}.sk-btn{height: 40px;width: 55%;border-radius: 10px}.sk-img{aspect-ratio: 4 / 3;border-radius: 0}.sk-circle{border-radius: 50%}.sk-card{display: flex;flex-direction: column;overflow: hidden;border-radius: 20px;background: white;box-shadow: 0 4px 18px rgba(139, 69, 19, 0.07)}.sk-card-body{display: flex;flex-direction: column;gap: 0.55rem;padding: 1.1rem 1.2rem 1.3rem}main img:not(.is-loaded):not([src$=".svg"]){background: linear-gradient(90deg, var(--sk-a) 25%, var(--sk-b) 50%, var(--sk-a) 75%);background-size: 200% 100%;animation: sk-shimmer 1.3s linear infinite}main img.is-loaded{animation: none}@media (prefers-reduced-motion: reduce){.sk, main img:not(.is-loaded){animation: none}}.label-thumb[data-bg]:not(.is-loaded){background-image: linear-gradient(90deg, var(--sk-a) 25%, var(--sk-b) 50%, var(--sk-a) 75%) !important;background-size: 200% 100% !important;animation: sk-shimmer 1.3s linear infinite}.cv-kpis-sk>div{gap: 0.6rem !important}.cv-sk-num{width: 2.6rem;height: 1.9rem}.cv-sk-jar, .cv-sk-badge{display: flex;align-items: center;gap: 1rem;padding: 1.1rem 1.2rem;border-radius: 18px;background: white;border: 1px solid var(--border-color);list-style: none}.cv-sk-jar{margin-bottom: 0.9rem}.cv-sk-badge{padding: 0.7rem 0;border: 0}.cv-sk-jar>.sk-circle{width: 52px;height: 52px;flex: 0 0 auto}.cv-sk-badge>.sk-circle{width: 40px;height: 40px;flex: 0 0 auto}.cv-sk-lines{flex: 1;display: flex;flex-direction: column;gap: 0.5rem}.cv-sk-bar{height: 8px;border-radius: 999px}
.header{background: var(--background);border-bottom: 1px solid var(--border-color);position: sticky;top: 0;z-index: 1000;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);width: 100%;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1)}.header::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: var(--background);opacity: 0.95;z-index: -1}.header-content{display: flex;justify-content: space-between;align-items: center;padding: 1rem 0;position: relative;z-index: 1}.logo a{text-decoration: none;color: var(--text-dark);display: flex;align-items: center;gap: 0.75rem}.logo-icons{display: flex;align-items: center;gap: 0.5rem}.logo-icon{color: var(--primary-color)}.logo-icon.bottle{font-size: 3.4rem}.logo-text{display: flex;flex-direction: column}.logo .logo-name{font-size: 1.8rem;line-height: 1.8rem;font-weight: 700;color: var(--secondary-color);margin: 0}.logo span{font-size: 0.9rem;color: var(--text-muted);font-weight: 400}.nav{display: flex;align-items: center;gap: 2rem}.nav-link{text-decoration: none;color: var(--text-dark);font-weight: 500;transition: var(--transition)}.nav-link:hover{color: var(--primary-color)}.nav-link.nav-link-cave{display: inline-flex;align-items: center;gap: 8px;height: 44px;padding: 0 18px;border-radius: 22px;background: #2C1810;color: #FBF9F7;font-size: 0.9rem;font-weight: 600;white-space: nowrap}.nav-link.nav-link-cave:hover, .nav-link.nav-link-cave:focus-visible{background: var(--primary-color);color: #FFFFFF}.nav-link.nav-link-cave svg{flex-shrink: 0}.mobile-menu-toggle{display: none;position: relative;width: 44px;height: 44px;padding: 0;border: 0;border-radius: 14px;background: transparent;cursor: pointer;z-index: 1003;transition: background-color 0.2s ease}.mobile-menu-toggle:hover{background-color: rgba(44, 24, 16, 0.05)}.mobile-menu-toggle.active{background-color: #F4EAE0}.hamburger-line{position: absolute;left: 11px;width: 22px;height: 2.5px;border-radius: 2px;background-color: var(--text-dark);transition: transform 0.25s ease, opacity 0.2s ease, top 0.25s ease}.hamburger-line:nth-child(1){top: 14px}.hamburger-line:nth-child(2){top: 21px}.hamburger-line:nth-child(3){top: 28px}.mobile-menu-toggle.active .hamburger-line:nth-child(1){top: 21px;transform: rotate(45deg)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity: 0;transform: scaleX(0)}.mobile-menu-toggle.active .hamburger-line:nth-child(3){top: 21px;transform: rotate(-45deg)}.nav-icon, .nav-more{display: none}@media (min-width: 769px) and (max-width: 820px){.nav{gap: 0.45rem !important}.nav-link{font-size: 0.78rem !important}}@media (min-width: 769px) and (max-width: 1180px){.nav{gap: 1.1rem}.nav-link{font-size: 0.92rem}}@media (min-width: 769px) and (max-width: 959px){.nav-label-short{display: none}}@media (min-width: 769px) and (max-width: 900px){.nav{gap: 0.6rem}.nav-link{font-size: 0.85rem}.logo-text span{display: none}.logo-text .logo-name{font-size: 1.4rem}}@media (max-width: 768px){.header-content{gap: 1rem;z-index: 1002}.mobile-menu-toggle{display: block}.header, .header.scrolled{backdrop-filter: none;-webkit-backdrop-filter: none;z-index: 1002}.logo .logo-name{font-size: 1.6rem}.logo span{font-size: 0.8rem}.logo-icon.bottle{font-size: 2.8rem}.nav{position: fixed;top: var(--nav-top, 72px);left: 0;right: 0;bottom: 0;z-index: 1001;display: flex;flex-direction: column;align-items: stretch;gap: 0.6rem;padding: 1.2rem 16px calc(1.5rem + env(safe-area-inset-bottom));background: #FBF9F7;border-top: 1px solid var(--border-color);overflow-y: auto;overscroll-behavior: contain;opacity: 0;visibility: hidden;transform: translateY(-6px);transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s}.nav.active{opacity: 1;visibility: visible;transform: none}.nav-link{display: flex;align-items: center;gap: 0.9rem;min-height: 60px;padding: 0.6rem 1rem 0.6rem 0.7rem;border-radius: 18px;background: #FFFFFF;border: 1px solid var(--border-color);color: var(--text-dark);font-size: 1.05rem;font-weight: 600;text-decoration: none}.nav-link:not(.nav-link-cave)::after{content: '';margin-left: auto;width: 8px;height: 8px;border-top: 2px solid var(--text-muted);border-right: 2px solid var(--text-muted);transform: rotate(45deg)}.nav-link:hover, .nav-link:active{border-color: var(--primary-color);color: var(--primary-color)}.nav-icon{display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: 42px;height: 42px;border-radius: 13px;background: #FFF0E0;color: var(--secondary-color);font-size: 1.05rem}.nav-link.nav-link-cave{justify-content: center;height: auto;min-height: 58px;margin-top: 0.6rem;padding: 0.9rem 1.5rem;border: 0;border-radius: 18px;font-size: 1.05rem}.nav-more{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5rem 1.2rem;margin-top: 1rem;padding-top: 1.1rem;border-top: 1px solid var(--border-color)}.nav-more a{display: inline-flex;align-items: center;gap: 0.45rem;min-height: 40px;color: var(--text-light);font-size: 0.92rem;font-weight: 600;text-decoration: none}.nav-more i{color: var(--secondary-color)}body.menu-open{overflow: hidden}body.menu-open .rhums-bottle, body.menu-open .rhums-bubble{display: none}}body{overflow-x: hidden;overflow-x: clip;position: relative}html{overflow-x: hidden;overflow-x: clip;scroll-behavior: smooth}main{position: relative;z-index: 1}:root{--primary-color-rgb: 139, 69, 19;--secondary-color-rgb: 160, 82, 45}.header.scrolled{position: fixed;top: 0;left: 0;right: 0;z-index: 1000;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.header.scrolled::before{opacity: 1;background: var(--background)}.header.scrolled .header-content{padding: 0.75rem 0;transition: padding 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.header.scrolled .logo .logo-name{font-size: 1.6rem;transition: font-size 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.header.scrolled .logo-icon.bottle{font-size: 3rem;transition: font-size 0.3s cubic-bezier(0.4, 0, 0.2, 1)}body.header-scrolled{padding-top: 80px}@media (max-width: 768px){.header.scrolled{backdrop-filter: none;-webkit-backdrop-filter: none}}@media (min-width: 769px){.nav-link{position: relative}.nav-link.is-current:not(.nav-link-cave){color: var(--primary-color)}.nav-link.is-current:not(.nav-link-cave)::after{content: '';position: absolute;left: 0;right: 0;bottom: -8px;height: 3px;border-radius: 2px;background: var(--secondary-color)}.nav-link-cave.is-current{box-shadow: 0 0 0 3px rgba(210, 105, 30, 0.35)}}@media (max-width: 768px){.nav-link.is-current:not(.nav-link-cave){border-color: var(--secondary-color);box-shadow: inset 4px 0 0 var(--secondary-color);color: var(--primary-color)}}
.footer{background: radial-gradient(circle at 10% 0%, #4A2A1A 0%, #2C1810 45%, #1E100A 100%);color: #FBF9F7;padding: 4rem 0 1.6rem}.ft-grid{display: grid;grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr));gap: 2.5rem}.ft-logo{display: inline-flex;align-items: center;gap: 0.8rem;color: #FFFFFF;text-decoration: none}.ft-logo i{font-size: 2.6rem;color: var(--secondary-color);transform: rotate(-20deg)}.ft-logo strong{display: block;font-size: 1.5rem;font-weight: 800;color: #F3B26B;line-height: 1.1}.ft-logo small{display: block;font-size: 0.85rem;color: #BFA98F}.ft-brand p{margin: 1.1rem 0 1.4rem;max-width: 360px;color: #D9C6B0;line-height: 1.65;font-size: 0.95rem}.ft-cta{display: inline-flex;align-items: center;gap: 0.5rem}.ft-col h2{margin: 0.3rem 0 1.1rem;font-size: 0.8rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: #F3B26B}.ft-col ul{margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column;gap: 0.7rem}.ft-col a{color: #E6D6C4;text-decoration: none;font-size: 0.95rem;transition: color 0.2s ease}.ft-col a:hover{color: #FFFFFF;text-decoration: underline;text-underline-offset: 3px}.ft-moderation{display: flex;align-items: center;gap: 0.6rem;margin: 3rem 0 0;padding: 0.9rem 1.1rem;border-radius: 14px;background: rgba(255, 255, 255, 0.05);color: #D9C6B0;font-size: 0.85rem}.ft-moderation i{color: #F3B26B}.ft-bottom{display: flex;flex-wrap: wrap;align-items: center;gap: 0.6rem 1.6rem;margin-top: 1.6rem;padding-top: 1.4rem;border-top: 1px solid rgba(255, 255, 255, 0.1);color: #BFA98F;font-size: 0.85rem}.ft-bottom a{color: #BFA98F;text-decoration: none}.ft-bottom a:hover{color: #FFFFFF;text-decoration: underline}.ft-bottom a:last-child{margin-left: auto}@media print{.footer{display: none}}@media (max-width: 960px){.ft-grid{grid-template-columns: repeat(3, minmax(0, 1fr))}.ft-brand{grid-column: 1 / -1}}@media (max-width: 640px){.footer{padding: 3rem 0 calc(1.4rem + 70px)}.ft-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 2rem 1.2rem}.ft-cta{width: 100%;justify-content: center}.ft-col a{display: inline-block;padding: 0.15rem 0}.ft-bottom{flex-direction: column;align-items: flex-start;gap: 0.7rem}.ft-bottom a:last-child{margin-left: 0}}
.recipes-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));gap: 2rem;margin-bottom: 3rem}.recipe-card{background: white;border-radius: var(--border-radius);overflow: hidden;box-shadow: var(--shadow);transition: var(--transition);border: 1px solid var(--border-color);display: flex;justify-content: center;flex-direction: column;height: 100%;text-decoration: none;color: inherit;cursor: pointer}.recipe-card.ads{position: relative;display: flex;align-items: center;justify-content: center;min-height: 400px;background: linear-gradient(135deg, var(--background) 0%, var(--surface) 100%)}.recipe-card.ads:has(ins[data-ad-status="unfilled"]), .ads-blocked .recipe-card.ads{display: none}.recipe-card.ads .logo-icon.cart{position: absolute;font-size: 8rem;color: var(--primary);opacity: 0.1;z-index: 0}.recipe-card.ads .logo-icon.bottle{position: absolute;font-size: 8rem;color: var(--primary);opacity: 0.1;z-index: 0}.recipe-card.ads .adsbygoogle{position: relative;z-index: 1;width: 100%}@media (max-width: 768px){.recipe-card.ads .logo-icon.bottle{font-size: 6rem}.recipe-card.ads{min-height: 300px}}.recipe-card .recipe-content{padding: 1.5rem}.recipe-card:hover{transform: translateY(-2px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);text-decoration: none;color: inherit}.recipe-image{height: 200px;overflow: hidden}.recipe-image-placeholder{display: flex;height: 200px;overflow: hidden;font-size: 4.8rem;line-height: 1.8rem;font-weight: 700;color: var(--secondary-color);margin: 0;justify-content: center;align-items: center}.recipe-image-placeholder .fa-wine-bottle{font-size: 7rem}.recipe-image img{width: 100%;height: 100%;object-fit: cover;transition: var(--transition)}.recipe-card:hover .recipe-image img{transform: scale(1.05)}.recipe-content{flex: 1;display: flex;flex-direction: column;padding: 1.5rem}.recipe-content h3{font-size: 1.3rem;font-weight: 600;color: var(--text-dark);margin-bottom: 0.5rem;line-height: 1.3;min-height: 3.4rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.recipe-description{color: var(--text-light);margin-bottom: 1rem;line-height: 1.5;min-height: 4.5rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.recipe-meta{display: flex;gap: 1rem;margin-bottom: 1rem;min-height: 2rem;flex-wrap: wrap}.recipe-meta.amazon{margin-bottom: 0}.meta-item{display: flex;align-items: center;gap: 0.3rem;font-size: 0.9rem;color: var(--text-muted)}.meta-item i{color: var(--secondary-color)}.recipe-author{display: flex;align-items: center;gap: 0.5rem;font-size: 0.9rem;color: var(--text-muted);margin-top: auto}@media (max-width: 768px){.recipes-grid{grid-template-columns: 1fr}.recipe-card{margin-bottom: 1rem}}@media (max-width: 480px){.recipe-card{margin-bottom: 1rem}}.recipe-image-placeholder{display: flex;flex-direction: column;align-items: center;justify-content: center;background: linear-gradient(135deg, #8B4513, #A0522D);color: white;min-height: 200px;width: 100%;border-radius: 8px;text-align: center}.recipe-image-placeholder i{font-size: 4rem;opacity: 0.8;margin-bottom: 1rem}.recipe-image-placeholder span{font-size: 1.2rem;font-weight: 500;opacity: 0.9}.recipe-image-placeholder:hover i{transform: scale(1.1);transition: transform 0.3s ease}.recipes-grid .recipe-card.rc{display: flex;flex-direction: column;justify-content: flex-start;height: 100%;padding: 0;overflow: hidden;border-radius: 20px;border: 1px solid #EFE4D7;background: #FFFFFF;box-shadow: 0 2px 10px rgba(44, 24, 16, 0.06);transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease}.recipes-grid .recipe-card.rc:hover{transform: translateY(-4px);border-color: #E8C9A6;box-shadow: 0 14px 34px rgba(44, 24, 16, 0.14)}.recipe-card.rc:focus-visible{outline: 3px solid var(--primary-color);outline-offset: 3px}.rc-media{position: relative;aspect-ratio: 16 / 10;overflow: hidden;background: linear-gradient(135deg, #8B4513, #D2691E)}.rc-media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.5s ease}.recipe-card.rc:hover .rc-media img{transform: scale(1.06)}.rc-media::after{content: "";position: absolute;inset: auto 0 0 0;height: 45%;background: linear-gradient(180deg, transparent, rgba(20, 8, 4, 0.45));pointer-events: none}.rc-placeholder{display: grid;place-items: center;width: 100%;height: 100%;color: rgba(255, 255, 255, 0.85);font-size: 3.5rem}.rc-chip{position: absolute;z-index: 1;display: inline-flex;align-items: center;gap: 0.35rem;max-width: calc(100% - 1.5rem);padding: 0.3rem 0.65rem;border-radius: 999px;background: rgba(255, 255, 255, 0.94);color: #2C1810;font-size: 0.78rem;font-weight: 700;line-height: 1.2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15)}.rc-chip i{color: var(--primary-color);font-size: 0.72rem}.rc-chip-top{top: 0.75rem;left: 0.75rem}.rc-chip-top.is-go{background: #1F7A4D;color: #FFFFFF}.rc-chip-top.is-go i{color: #BFF0D2}.rc-chip-bottom{bottom: 0.75rem;left: 0.75rem;background: rgba(44, 24, 16, 0.82);color: #FFFFFF;backdrop-filter: blur(4px)}.rc-chip-bottom i{color: #F3B26B}.rc-rating{top: 0.75rem;right: 0.75rem}.rc-rating i{color: #E8A23A}.rc-rating small{font-weight: 500;color: #7A6248}.rc-chip-top + .rc-rating{max-width: 40%}.rc-body{flex: 1;display: flex;flex-direction: column;gap: 0.5rem;padding: 1.1rem 1.25rem 1.1rem}.rc-title{margin: 0;font-size: 1.12rem;font-weight: 700;line-height: 1.3;color: var(--text-dark);min-height: calc(1.12rem * 1.3 * 2);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.recipe-card.rc:hover .rc-title{color: var(--primary-color)}.rc-desc{margin: 0;font-size: 0.9rem;line-height: 1.5;color: var(--text-light);min-height: calc(0.9rem * 1.5 * 2);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.rc-foot{display: flex;align-items: center;justify-content: space-between;gap: 0.8rem;margin-top: auto;padding-top: 0.85rem;border-top: 1px solid #F1E8DD;font-size: 0.82rem;font-weight: 600;color: var(--text-light)}.rc-prep{display: inline-flex;align-items: center;gap: 0.35rem;min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.rc-prep i{color: var(--primary-color)}.rc-level{display: inline-flex;align-items: center;gap: 0.45rem;flex-shrink: 0}.rc-gauge{display: inline-flex;align-items: flex-end;gap: 2px;height: 12px}.rc-gauge i{display: block;width: 4px;border-radius: 2px;background: #E5D7C6}.rc-gauge i:nth-child(1){height: 5px}.rc-gauge i:nth-child(2){height: 8px}.rc-gauge i:nth-child(3){height: 12px}.rc-gauge i.is-on{background: var(--primary-color)}
.rating-stars-display{display: flex;gap: 0.25rem}.rating-stars-display .star{font-size: 1.5rem;color: #E0E0E0}.rating-stars-display .star.filled{color: #DB4814}.rating-average{font-size: 1.5rem;font-weight: 700;color: #DB4814}.rating-count{font-size: 0.875rem;color: #666}@media (max-width: 480px){.rating-stars-display .star{font-size: 1.25rem}}
.video-embed-responsive{position: relative;width: 100%;padding-bottom: 56.25%;height: 0;overflow: hidden;border-radius: 12px;background: #1a1a2e}.video-embed-responsive iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;border-radius: 12px}.video-embed-responsive .video-play{position: absolute;inset: 0;width: 100%;height: 100%;padding: 0;border: 0;border-radius: 12px;overflow: hidden;background: #000;cursor: pointer}.video-embed-responsive .video-play img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0.88;transition: opacity 0.2s}.video-embed-responsive .video-play:hover img{opacity: 1}.video-embed-responsive .video-play span{position: absolute;top: 50%;left: 50%;display: grid;place-items: center;width: 62px;height: 44px;margin: -22px 0 0 -31px;border-radius: 12px;background: #E62117;color: white;font-size: 1.2rem}.recipe-video-section{margin-top: 2rem;padding: 2rem;background: rgba(255, 255, 255, 0.03);border-radius: 16px;border: 1px solid rgba(255, 255, 255, 0.08)}.recipe-video-section h2 .fab.fa-youtube{color: #ff0000}.commandment-videos{margin-top: 1.5rem;padding-top: 1.5rem;border-top: 1px solid rgba(255, 255, 255, 0.08)}.commandment-videos h4{margin-bottom: 1rem;font-size: 1rem;color: var(--text-secondary, #b0b0b0)}.commandment-videos h4 .fab.fa-youtube{color: #ff0000;margin-right: 0.5rem}.commandment-videos-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.5rem}.commandment-video-card{background: rgba(255, 255, 255, 0.03);border-radius: 12px;overflow: hidden;border: 1px solid rgba(255, 255, 255, 0.06)}.video-caption{padding: 0.75rem 1rem;font-size: 0.85rem;color: var(--text-secondary, #b0b0b0);margin: 0}.video-caption em{color: var(--primary-color, #e8a87c)}.partner-content-split{display: flex;align-items: center;gap: 3rem}.partner-content-split .partner-text{flex: 1}.partner-video-highlight{flex: 0 0 45%;max-width: 500px}.partner-video-highlight .partner-actions{margin-top: 1.5rem;display: flex;gap: 1rem;justify-content: center;flex-wrap: nowrap}.partner-video-highlight .partner-socials{margin-top: 1.25rem;text-align: center}.partner-video-highlight .socials-links{justify-content: center}@media (max-width: 768px){.commandment-videos-grid{grid-template-columns: 1fr}.partner-content-split{flex-direction: column}.partner-video-highlight{flex: none;max-width: 100%;width: 100%}.recipe-video-section{padding: 1.25rem}}
.home-page .hero-home{background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 50%, #f1f3f4 100%);min-height: 100vh;display: flex;align-items: center;position: relative;overflow: hidden;color: #2c3e50}.hero-background{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1}.hero-gradient{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, rgba(243, 156, 18, 0.05) 0%, rgba(230, 126, 34, 0.03) 50%, rgba(212, 165, 116, 0.08) 100%)}.hero-pattern{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image: radial-gradient(circle at 25% 25%, rgba(243, 156, 18, 0.1) 2px, transparent 2px), radial-gradient(circle at 75% 75%, rgba(230, 126, 34, 0.05) 1px, transparent 1px);background-size: 50px 50px, 30px 30px;animation: patternMove 20s linear infinite}@keyframes patternMove{0%{transform: translate(0, 0)}100%{transform: translate(50px, 50px)}}.hero-badge{display: inline-flex;align-items: center;gap: 0.5rem;background: rgba(243, 156, 18, 0.1);backdrop-filter: blur(10px);border: 1px solid rgba(243, 156, 18, 0.2);border-radius: 50px;padding: 0.5rem 1rem;margin-bottom: 2rem;font-size: 0.9rem;font-weight: 500;color: #2c3e50}.badge-icon{font-size: 1.2rem}.home-page .hero-title{font-size: 3.5rem;font-weight: 800;line-height: 1.1;margin-bottom: 1.5rem;color: #2c3e50}.highlight-gradient{background: linear-gradient(45deg, #f39c12, #e67e22, #d4a574);background-size: 300% 300%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;animation: gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%, 100%{background-position: 0% 50%}50%{background-position: 100% 50%}}.home-page .hero-title .highlight{color: #f39c12;position: relative}.home-page .hero-title .highlight::after{content: '';position: absolute;bottom: -5px;left: 0;width: 100%;height: 3px;background: linear-gradient(90deg, #f39c12, #e67e22);border-radius: 2px}.home-page .hero-description{font-size: 1.2rem;line-height: 1.6;margin-bottom: 2rem;color: #6c757d}.hero-stats{display: flex;gap: 2rem;margin-bottom: 2.5rem}.stat-item{text-align: center}.stat-number{display: block;font-size: 1.5rem;font-weight: 700;color: #f39c12}.stat-label{font-size: 0.9rem;color: #6c757d;opacity: 0.8}.home-page .hero-actions{display: flex;gap: 1rem;margin: auto;flex-wrap: wrap;justify-content: center}.btn-glow{background: linear-gradient(45deg, #f39c12, #e67e22);border: none;position: relative;overflow: hidden;color: white}.btn-glow::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);transition: left 0.5s}.btn-glow:hover::before{left: 100%}.btn-glass{background: rgba(243, 156, 18, 0.1);backdrop-filter: blur(10px);border: 1px solid rgba(243, 156, 18, 0.2);color: #2c3e50}.btn-glass:hover{background: rgba(243, 156, 18, 0.15);transform: translateY(-2px)}.home-page .btn-large{padding: 1rem 2rem;font-size: 1.1rem;border-radius: 50px;display: flex;align-items: center;gap: 0.5rem;transition: all 0.3s ease;text-decoration: none;font-weight: 600}.btn-arrow{transition: transform 0.3s ease}.btn:hover .btn-arrow{transform: translateX(5px)}.hero-showcase{position: relative;height: 400px;margin-top: 5rem}.recipe-preview-card{transform: none;max-width: 350px;margin: 0 auto;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(20px);border-radius: 20px;padding: 1.5rem;color: #2c3e50;position: relative;transform: rotate(-5deg);box-shadow: 0 20px 40px rgba(0,0,0,0.1);animation: cardFloat 6s ease-in-out infinite;border: 1px solid rgba(243, 156, 18, 0.1)}@keyframes cardFloat{0%, 100%{transform: rotate(-5deg) translateY(0px)}50%{transform: rotate(-5deg) translateY(-10px)}}.card-glow{position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;background: linear-gradient(45deg, #f39c12, #e67e22, #d4a574);border-radius: 22px;z-index: -1;opacity: 0.3;filter: blur(10px)}.card-header{display: flex;align-items: center;gap: 1rem;margin-bottom: 1rem}.card-avatar{width: 40px;height: 40px;border-radius: 50%;background: linear-gradient(45deg, #f39c12, #e67e22);display: flex;align-items: center;justify-content: center;font-size: 1.2rem;color: white}.card-info h4{margin: 0;font-weight: 600;color: #2c3e50}.card-info span{font-size: 0.9rem;color: #6c757d}.card-rating{margin-left: auto;text-align: right}.card-rating span{font-weight: 600;color: #f39c12}.stars{font-size: 0.8rem;color: #f39c12}.card-image{height: 120px;background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-radius: 10px;margin-bottom: 1rem;display: flex;align-items: center;justify-content: center}.bottle-silhouette{width: 40px;height: 80px;background: linear-gradient(45deg, #d4a574, #c8956d);border-radius: 5px 5px 15px 15px;position: relative}.bottle-silhouette::before{content: '';position: absolute;top: -10px;left: 50%;transform: translateX(-50%);width: 15px;height: 15px;background: #8b4513;border-radius: 3px}.card-tags{display: flex;gap: 0.5rem;flex-wrap: wrap}.tag{background: rgb(255 255 255);color: #434343;padding: 0.3rem 0.8rem;border-radius: 20px;font-size: 0.8rem;font-weight: 500}.floating-bubble{position: absolute;width: 60px;height: 60px;background: rgba(255, 255, 255, 0.8);backdrop-filter: blur(10px);border: 1px solid rgba(243, 156, 18, 0.2);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;animation: bubbleFloat 4s ease-in-out infinite;box-shadow: 0 5px 15px rgba(0,0,0,0.1)}@keyframes bubbleFloat{0%, 100%{transform: translateY(0px) rotate(0deg)}50%{transform: translateY(-20px) rotate(180deg)}}.trend-indicators{position: absolute;top: 20px;right: 20px;display: flex;flex-direction: column;gap: 1rem}.trend-item{background: rgba(255, 255, 255, 0.9);backdrop-filter: blur(10px);padding: 0.5rem 1rem;border-radius: 25px;display: flex;align-items: center;gap: 0.5rem;font-size: 0.8rem;color: #2c3e50;animation: trendPulse 2s ease-in-out infinite;border: 1px solid rgba(243, 156, 18, 0.2)}@keyframes trendPulse{0%, 100%{transform: scale(1)}50%{transform: scale(1.05)}}.trending-up{background: rgba(39, 174, 96, 0.9);color: white;border-color: rgba(39, 174, 96, 0.3)}.new-badge{background: rgba(243, 156, 18, 0.9);color: white;border-color: rgba(243, 156, 18, 0.3)}.scroll-indicator{position: absolute;bottom: 2rem;left: 50%;transform: translateX(-50%);text-align: center;animation: scrollBounce 2s ease-in-out infinite;color: #6c757d}@keyframes scrollBounce{0%, 100%{transform: translateX(-50%) translateY(0px)}50%{transform: translateX(-50%) translateY(-10px)}}.scroll-text{font-size: 0.9rem;opacity: 0.8;margin-bottom: 0.5rem}.scroll-arrow{font-size: 1.5rem;opacity: 0.6;color: #f39c12}.home-page .hero-particles .particle{background: rgba(243, 156, 18, 0.1);border: 1px solid rgba(243, 156, 18, 0.2)}.home-page .hero-icons{position: relative;width: 100%;height: 100%}.home-page .floating-icon{position: absolute;width: 60px;height: 60px;background: rgba(255, 255, 255, 0.1);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: #f39c12;animation: float 3s ease-in-out infinite;backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2)}@keyframes float{0%, 100%{transform: translateY(0px) rotate(0deg)}50%{transform: translateY(-20px) rotate(5deg)}}.home-page .concept-section{padding: 5rem 0;background: #f8f9fa}.home-page .concept-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;margin: 3rem 0}.home-page .concept-card{background: white;padding: 2.5rem;border-radius: 15px;text-align: center;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);transition: transform 0.3s ease, box-shadow 0.3s ease;border: 1px solid rgba(0, 0, 0, 0.05)}.home-page .concept-card:hover{transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15)}.home-page .concept-icon{width: 80px;height: 80px;background: linear-gradient(135deg, #f39c12, #e67e22);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 1.5rem;font-size: 2rem;color: white}.home-page .concept-card h3{font-size: 1.5rem;color: #2c3e50;margin-bottom: 1rem;font-weight: 600}.home-page .concept-card p{color: #6c757d;line-height: 1.6}.home-page .concept-description{margin-top: 4rem;background: white;padding: 3rem;border-radius: 15px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08)}.home-page .concept-text h3{font-size: 2rem;color: #2c3e50;margin-bottom: 1.5rem;font-weight: 600}.home-page .concept-text p{font-size: 1.1rem;line-height: 1.7;color: #6c757d;margin-bottom: 1.5rem}.home-page .latest-recipes{padding: 5rem 0;background: white}.home-page .recipes-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 2rem;margin: 3rem 0}.home-page .recipe-card{background: white;border-radius: 15px;overflow: hidden;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;border: 1px solid rgba(0, 0, 0, 0.05)}.home-page .recipe-card:hover{transform: translateY(-5px);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15)}.home-page .recipe-link{text-decoration: none;color: inherit;display: block}.home-page .recipe-image{position: relative;height: 250px;overflow: hidden}.home-page .recipe-image img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease}.home-page .recipe-card:hover .recipe-image img{transform: scale(1.05)}.home-page .recipe-placeholder{width: 100%;height: 100%;background: linear-gradient(135deg, #f39c12, #e67e22);display: flex;align-items: center;justify-content: center;font-size: 3rem;color: white;min-height: 10rem;margin-bottom: 3rem}.home-page .recipe-preview-card .recipe-placeholder{display: flex;flex-direction: column;align-items: center;justify-content: center;background: linear-gradient(135deg, #8B4513, #A0522D);color: white;height: 120px;width: 100%;border-radius: 8px;text-align: center;margin: 1rem 0}.home-page .recipe-preview-card .recipe-placeholder i{font-size: 3rem;opacity: 0.9}.home-page .recipe-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.7);display: flex;flex-direction: column;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s ease;color: white}.home-page .recipe-card:hover .recipe-overlay{opacity: 1}.home-page .recipe-overlay i{font-size: 2rem;margin-bottom: 0.5rem}.home-page .recipe-content{padding: 1.5rem}.home-page .recipe-title{font-size: 1.3rem;color: #2c3e50;margin-bottom: 0.75rem;font-weight: 600;line-height: 1.3}.home-page .recipe-description{color: #6c757d;line-height: 1.5;margin-bottom: 1rem;font-size: 0.95rem}.home-page .recipe-meta{display: flex;gap: 1rem;flex-wrap: wrap}.home-page .meta-item{display: flex;align-items: center;gap: 0.5rem;color: #6c757d;font-size: 0.9rem}.home-page .meta-item i{color: #f39c12}.home-page .empty-state{text-align: center;padding: 4rem 2rem}.home-page .empty-icon{width: 100px;height: 100px;background: linear-gradient(135deg, #f39c12, #e67e22);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 2rem;font-size: 3rem;color: white}.home-page .empty-state h3{font-size: 1.8rem;color: #2c3e50;margin-bottom: 1rem}.home-page .empty-state p{color: #6c757d;font-size: 1.1rem;margin-bottom: 2rem}.home-page .labels-showcase{padding: 5rem 0;background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%)}.home-page .labels-content{display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center}.home-page .labels-description h2{font-size: 2.5rem;color: #2c3e50;margin-bottom: 1.5rem;font-weight: 700}.home-page .labels-description p{font-size: 1.2rem;line-height: 1.6;color: #6c757d;margin-bottom: 2rem}.home-page .labels-features{display: flex;flex-direction: column;gap: 1rem;margin-bottom: 2.5rem}.home-page .feature-item{display: flex;align-items: center;gap: 1rem;font-size: 1.1rem;color: #2c3e50}.home-page .feature-item i{width: 40px;height: 40px;background: linear-gradient(135deg, #f39c12, #e67e22);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 1rem}.home-page .labels-actions{display: flex;gap: 1rem;flex-wrap: wrap}.home-page .labels-preview{display: flex;justify-content: center;align-items: center;position: relative}.home-page .bottle-mockup{position: relative;width: 300px;height: 400px;display: flex;align-items: center;justify-content: center}.home-page .bottle{width: 140px;height: 380px;margin: 0 auto;position: relative;filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.2))}.home-page .bottle-cap{width: 35px;height: 25px;background: linear-gradient(135deg, #2c3e50, #34495e);margin: 0 auto;border-radius: 4px;position: relative;border: 2px solid #1a252f;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}.home-page .bottle-cap::before{content: '';position: absolute;top: -3px;left: 50%;transform: translateX(-50%);width: 25px;height: 8px;background: #34495e;border-radius: 2px;border: 1px solid #2c3e50}.home-page .bottle-neck{width: 45px;height: 90px;background: linear-gradient(135deg, rgba(243, 156, 18, 0.15), rgba(230, 126, 34, 0.1));margin: 0 auto;border: 2px solid #2c3e50;border-radius: 3px;position: relative;border-bottom: none}.home-page .bottle-shoulders{width: 120px;height: 40px;background: linear-gradient(135deg, rgba(243, 156, 18, 0.15), rgba(230, 126, 34, 0.1));margin: 0 auto;border: 2px solid #2c3e50;border-radius: 20px 20px 0 0;border-bottom: none;position: relative}.home-page .bottle-body{width: 120px;height: 220px;background: linear-gradient(135deg, rgba(243, 156, 18, 0.15), rgba(230, 126, 34, 0.1));border: 2px solid #2c3e50;border-radius: 0 0 25px 25px;border-top: 0;position: relative;backdrop-filter: blur(2px);margin: 0 auto;overflow: hidden}.home-page .bottle-liquid{position: absolute;bottom: 0;left: 0;right: 0;height: 75%;background: linear-gradient(135deg, #d4a574, #c8956d);border-radius: 0 0 23px 23px;opacity: 0.8}.home-page .bottle-body::before{content: '';position: absolute;top: 10px;left: 15px;width: 20px;height: 180px;background: linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));border-radius: 10px;pointer-events: none}.home-page .bottle-neck::before{content: '';position: absolute;top: 5px;left: 8px;width: 8px;height: 70px;background: linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));border-radius: 4px;pointer-events: none}.home-page .label-sample{position: absolute;top: 40%;left: 50%;transform: translate(-50%, -50%);width: 80px;height: 120px;background: linear-gradient(135deg, #fff, #f8f9fa);border: 1px solid #e9ecef;border-radius: 8px;padding: 8px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);z-index: 2}.home-page .label-content{text-align: center;height: 100%;display: flex;flex-direction: column;justify-content: space-between}.home-page .label-content h4{font-size: 0.8rem;font-weight: 600;color: #2c3e50;margin: 0;line-height: 1.2}.home-page .label-decoration{color: #27ae60;font-size: 1.2rem;margin: 4px 0}.home-page .label-content p{font-size: 0.6rem;color: #6c757d;margin: 0;font-style: italic}.home-page .floating-elements{position: absolute;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none}.home-page .bottle:hover{transform: rotateY(5deg);transition: transform 0.3s ease}.home-page .stats-section{padding: 5rem 0;background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);color: #2c3e50;position: relative;overflow: hidden}.home-page .stats-section::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stats-pattern" width="50" height="50" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(44,62,80,0.03)"/></pattern></defs><rect width="100" height="100" fill="url(%23stats-pattern)"/></svg>')}.home-page .stats-section .section-header{position: relative;z-index: 2}.home-page .stats-section .section-header h2{color: #2c3e50}.home-page .stats-section .section-header p{color: #6c757d}.home-page .stats-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;margin-top: 3rem;position: relative;z-index: 2}.home-page .stat-card{background: rgba(255, 255, 255, 0.8);padding: 2.5rem 1.5rem;border-radius: 15px;text-align: center;backdrop-filter: blur(10px);border: 1px solid rgba(44, 62, 80, 0.1);transition: transform 0.3s ease, background 0.3s ease;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05)}.home-page .stat-card:hover{transform: translateY(-5px);background: rgba(255, 255, 255, 0.95);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1)}.home-page .stat-icon{width: 80px;height: 80px;background: linear-gradient(135deg, #f39c12, #e67e22);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 1.5rem;font-size: 2rem;color: white}.home-page .stat-number{font-size: 3rem;font-weight: 700;color: #f39c12;margin-bottom: 0.5rem;line-height: 1}.home-page .stat-label{font-size: 1.2rem;font-weight: 600;margin-bottom: 0.5rem;color: #2c3e50}.home-page .stat-description{font-size: 0.9rem;color: #6c757d;line-height: 1.4}@media (max-width: 768px){.home-page .hero-title{font-size: 2.5rem}.hero-stats{justify-content: center}.hero-actions{justify-content: center}.floating-bubble{width: 50px;height: 50px;font-size: 1.2rem}.trend-indicators{position: static;flex-direction: row;justify-content: center;margin-top: 1rem}.home-page .floating-icon{width: 50px;height: 50px;font-size: 1.2rem}.home-page .concept-grid{grid-template-columns: 1fr}.home-page .labels-content{grid-template-columns: 1fr;gap: 2rem;text-align: center}.home-page .labels-description h2{font-size: 2rem}.home-page .bottle-mockup{width: 250px;height: 350px}.home-page .bottle{width: 120px;height: 300px}.home-page .bottle-body{width: 100px;height: 180px}.home-page .bottle-shoulders{width: 100px}.home-page .label-sample{width: 65px;height: 105px;padding: 6px}.home-page .label-content h4{font-size: 0.7rem}.home-page .label-content p{font-size: 0.55rem}.home-page .stats-grid{grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 1.5rem}.home-page .stat-number{font-size: 2.5rem}.home-page .recipes-grid{grid-template-columns: 1fr}}@media (max-width: 480px){.home-page .hero-title{font-size: 2rem}.hero-stats{flex-direction: column;gap: 1rem}.hero-actions{flex-direction: column;width: 100%}.btn-large{width: 100%;justify-content: center}.home-page .hero-description{font-size: 1rem}.home-page .hero-actions{flex-direction: column}.home-page .btn-large{width: 100%;text-align: center}.home-page .concept-card{padding: 2rem 1.5rem}.home-page .concept-description{padding: 2rem}.home-page .labels-actions{flex-direction: column}.home-page .labels-actions .btn{width: 100%;text-align: center}}.home-page .mission-section{padding: 5rem 0;background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);position: relative;overflow: hidden}.home-page .mission-section::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23000" opacity="0.02"/><circle cx="75" cy="75" r="1" fill="%23000" opacity="0.02"/><circle cx="50" cy="10" r="0.5" fill="%23000" opacity="0.01"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events: none}.home-page .mission-content{display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;position: relative;z-index: 1}.home-page .mission-visual{display: flex;justify-content: center;align-items: center}.home-page .mission-illustration{position: relative;width: 300px;height: 300px}.home-page .community-circle{position: relative;width: 100%;height: 100%;border-radius: 50%;background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 100%);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);display: flex;justify-content: center;align-items: center}.home-page .central-bottle{width: 80px;height: 80px;background: linear-gradient(135deg, var(--primary-color) 0%, #c0392b 100%);border-radius: 50%;display: flex;justify-content: center;align-items: center;color: white;font-size: 2rem;box-shadow: 0 10px 20px rgba(231, 76, 60, 0.3);animation: centralPulse 3s ease-in-out infinite}@keyframes centralPulse{0%, 100%{transform: scale(1)}50%{transform: scale(1.05)}}.home-page .user-avatar{position: absolute;width: 50px;height: 50px;background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);border-radius: 50%;display: flex;justify-content: center;align-items: center;color: white;font-size: 1.2rem;box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);animation: userFloat 4s ease-in-out infinite}.home-page .user-1{top: 20px;left: 50%;transform: translateX(-50%);animation-delay: 0s}.home-page .user-2{top: 50%;right: 20px;transform: translateY(-50%);animation-delay: 1s}.home-page .user-3{bottom: 20px;left: 50%;transform: translateX(-50%);animation-delay: 2s}.home-page .user-4{top: 50%;left: 20px;transform: translateY(-50%);animation-delay: 3s}@keyframes userFloat{0%, 100%{transform: translateX(-50%) translateY(0)}50%{transform: translateX(-50%) translateY(-5px)}}.home-page .user-2{animation-name: userFloatRight}.home-page .user-4{animation-name: userFloatLeft}@keyframes userFloatRight{0%, 100%{transform: translateY(-50%) translateX(0)}50%{transform: translateY(-50%) translateX(5px)}}@keyframes userFloatLeft{0%, 100%{transform: translateY(-50%) translateX(0)}50%{transform: translateY(-50%) translateX(-5px)}}.home-page .connection-line{position: absolute;background: linear-gradient(90deg, var(--primary-color), transparent);height: 2px;opacity: 0.6;animation: connectionPulse 2s ease-in-out infinite}.home-page .line-1{top: 70px;left: 50%;width: 60px;transform: translateX(-50%) rotate(-45deg);animation-delay: 0.5s}.home-page .line-2{top: 50%;right: 70px;width: 60px;transform: translateY(-50%) rotate(45deg);animation-delay: 1.5s}.home-page .line-3{bottom: 70px;left: 50%;width: 60px;transform: translateX(-50%) rotate(45deg);animation-delay: 2.5s}.home-page .line-4{top: 50%;left: 70px;width: 60px;transform: translateY(-50%) rotate(-45deg);animation-delay: 3.5s}@keyframes connectionPulse{0%, 100%{opacity: 0.3}50%{opacity: 0.8}}.home-page .floating-elements{position: absolute;width: 100%;height: 100%;pointer-events: none}.home-page .floating-recipe{position: absolute;top: 10%;right: -20px;width: 30px;height: 30px;background: #f39c12;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: white;font-size: 0.9rem;animation: floatAround 6s ease-in-out infinite}.home-page .floating-heart{position: absolute;bottom: 15%;right: -15px;width: 25px;height: 25px;background: #e74c3c;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: white;font-size: 0.8rem;animation: floatAround 5s ease-in-out infinite reverse}.home-page .floating-star{position: absolute;top: 40%;left: -25px;width: 28px;height: 28px;background: #f1c40f;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: white;font-size: 0.8rem;animation: floatAround 7s ease-in-out infinite;animation-delay: 1s}@keyframes floatAround{0%, 100%{transform: translateY(0) rotate(0deg)}25%{transform: translateY(-10px) rotate(90deg)}50%{transform: translateY(0) rotate(180deg)}75%{transform: translateY(10px) rotate(270deg)}}.home-page .mission-text{padding-left: 2rem}.home-page .mission-text h2::after{content: '';position: absolute;bottom: -10px;left: 0;width: 200px;height: 4px;background: linear-gradient(90deg, var(--primary-color), #c0392b);border-radius: 2px}.home-page .mission-text p{font-size: 1.1rem;line-height: 1.7;color: #6c757d;margin-bottom: 1.5rem}.home-page .mission-features{margin-top: 2rem}.home-page .feature-point{display: flex;align-items: center;margin-bottom: 1rem;font-size: 1rem;color: #495057}.home-page .feature-point i{color: var(--primary-color);margin-right: 0.75rem;font-size: 1.1rem}@media (max-width: 768px){.home-page .mission-content{grid-template-columns: 1fr;gap: 3rem;text-align: center}.home-page .mission-text{padding-left: 0}.home-page .mission-illustration{width: 250px;height: 250px}.home-page .mission-text h2{font-size: 2rem}.home-page .mission-text h2::after{left: 50%;transform: translateX(-50%)}}.home-page .mission-section{padding: 5rem 0;background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);position: relative;overflow: hidden}.home-page .mission-section::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 20% 80%, rgba(255, 193, 7, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(220, 53, 69, 0.1) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(13, 110, 253, 0.05) 0%, transparent 50%);pointer-events: none}.home-page .mission-content{display: grid;grid-template-columns: 0.5fr 1fr;gap: 4rem;align-items: center;position: relative;z-index: 2}.home-page .mission-visual{position: relative;display: flex;justify-content: center;align-items: center}.home-page .mission-illustration{position: relative;width: 300px;height: 300px}.home-page .community-circle{position: relative;width: 100%;height: 100%;border-radius: 50%;background: linear-gradient(135deg, rgba(255, 193, 7, 0.1), rgba(220, 53, 69, 0.1));border: 3px solid rgba(255, 193, 7, 0.3);box-shadow: 0 0 30px rgba(255, 193, 7, 0.2), inset 0 0 30px rgba(255, 255, 255, 0.1);animation: communityPulse 4s ease-in-out infinite}@keyframes communityPulse{0%, 100%{transform: scale(1);box-shadow: 0 0 30px rgba(255, 193, 7, 0.2), inset 0 0 30px rgba(255, 255, 255, 0.1)}50%{transform: scale(1.05);box-shadow: 0 0 40px rgba(255, 193, 7, 0.3), inset 0 0 40px rgba(255, 255, 255, 0.2)}}.home-page .central-bottle{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60px;height: 60px;background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 1.5rem;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15), 0 0 20px rgba(255, 193, 7, 0.3);animation: centralPulse 3s ease-in-out infinite}@keyframes centralPulse{0%, 100%{transform: translate(-50%, -50%) scale(1);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15), 0 0 20px rgba(255, 193, 7, 0.3)}50%{transform: translate(-50%, -50%) scale(1.1);box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2), 0 0 30px rgba(255, 193, 7, 0.5)}}.home-page .user-avatar{position: absolute;width: 45px;height: 45px;background: linear-gradient(135deg, #fff, #f8f9fa);border: 3px solid var(--primary-color);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--primary-color);font-size: 1.2rem;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1), 0 0 15px rgba(255, 193, 7, 0.2);transition: all 0.3s ease}.home-page .user-avatar:hover{transform: scale(1.1);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15), 0 0 20px rgba(255, 193, 7, 0.4);border-color: var(--secondary-color)}.home-page .user-1{top: 10%;left: 50%;transform: translateX(-50%);animation: userFloat 6s ease-in-out infinite;background: linear-gradient(135deg, #fff, rgba(255, 193, 7, 0.1))}.home-page .user-2{top: 50%;right: 10%;transform: translateY(-50%);animation: userFloatRight 5s ease-in-out infinite;background: linear-gradient(135deg, #fff, rgba(220, 53, 69, 0.1))}.home-page .user-3{bottom: 10%;left: 50%;transform: translateX(-50%);animation: userFloat 7s ease-in-out infinite reverse;background: linear-gradient(135deg, #fff, rgba(13, 110, 253, 0.1))}.home-page .user-4{top: 50%;left: 10%;transform: translateY(-50%);animation: userFloatLeft 5.5s ease-in-out infinite;background: linear-gradient(135deg, #fff, rgba(25, 135, 84, 0.1))}@keyframes userFloat{0%, 100%{transform: translateX(-50%) translateY(0px)}50%{transform: translateX(-50%) translateY(-10px)}}@keyframes userFloatRight{0%, 100%{transform: translateY(-50%) translateX(0px)}50%{transform: translateY(-50%) translateX(10px)}}@keyframes userFloatLeft{0%, 100%{transform: translateY(-50%) translateX(0px)}50%{transform: translateY(-50%) translateX(-10px)}}.home-page .community-circle::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;background: conic-gradient( from 0deg, transparent 0deg, rgba(255, 193, 7, 0.3) 90deg, transparent 180deg, rgba(220, 53, 69, 0.3) 270deg, transparent 360deg );animation: connectionRotate 8s linear infinite;pointer-events: none}@keyframes connectionRotate{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}.home-page .floating-elements{position: absolute;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none}.home-page .floating-recipe{position: absolute;top: 15%;right: -10%;color: #000000;font-size: 1rem;animation: floatAround 8s ease-in-out infinite;opacity: 0.6}.home-page .floating-heart{position: absolute;bottom: 20%;right: -5%;color: #000000;font-size: 1rem;animation: floatAround 6s ease-in-out infinite reverse;opacity: 0.7}.home-page .floating-star{position: absolute;top: 25%;left: -8%;color: #000000;font-size: 1rem;animation: floatAround 7s ease-in-out infinite;opacity: 0.6}@keyframes floatAround{0%, 100%{transform: translateY(0px) rotate(0deg)}25%{transform: translateY(-15px) rotate(90deg)}50%{transform: translateY(-10px) rotate(180deg)}75%{transform: translateY(-20px) rotate(270deg)}}.home-page .mission-text{position: relative;z-index: 2}.home-page .mission-text h2{font-size: 2rem;font-weight: 700;color: #2c3e50;margin-bottom: 3rem;position: relative;background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.home-page .mission-text p{font-size: 1.1rem;line-height: 1.7;color: #6c757d;margin-bottom: 1.5rem;position: relative}.home-page .mission-text p strong{color: var(--primary-color);font-weight: 600;background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}@media (max-width: 768px){.home-page .mission-content{grid-template-columns: 1fr;gap: 3rem;text-align: center}.home-page .label-content{padding: 0}.home-page .mission-illustration{width: 250px;height: 250px;margin: 0 auto}.home-page .mission-text h2{font-size: 2rem}.home-page .feature-point{justify-content: center;text-align: center}}.home-page .labels-showcase{padding: 5rem 0;background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 50%, #f1f3f4 100%);position: relative;overflow: hidden}.home-page .labels-showcase::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 15% 25%, rgba(243, 156, 18, 0.08) 0%, transparent 50%), radial-gradient(circle at 85% 75%, rgba(230, 126, 34, 0.06) 0%, transparent 50%), radial-gradient(circle at 60% 15%, rgba(212, 165, 116, 0.04) 0%, transparent 50%), radial-gradient(circle at 25% 85%, rgba(243, 156, 18, 0.05) 0%, transparent 50%);pointer-events: none}.home-page .labels-showcase::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image: radial-gradient(circle at 20% 30%, rgba(243, 156, 18, 0.15) 2px, transparent 2px), radial-gradient(circle at 80% 70%, rgba(230, 126, 34, 0.1) 1.5px, transparent 1.5px), radial-gradient(circle at 45% 80%, rgba(212, 165, 116, 0.08) 1px, transparent 1px), radial-gradient(circle at 70% 20%, rgba(243, 156, 18, 0.12) 1.2px, transparent 1.2px);background-size: 80px 80px, 120px 120px, 60px 60px, 100px 100px;animation: labelPatternMove 25s linear infinite;opacity: 0.6;pointer-events: none}@keyframes labelPatternMove{0%{transform: translate(0, 0) rotate(0deg)}25%{transform: translate(20px, 10px) rotate(90deg)}50%{transform: translate(40px, 20px) rotate(180deg)}75%{transform: translate(20px, 30px) rotate(270deg)}100%{transform: translate(0, 0) rotate(360deg)}}.home-page .labels-content{display: grid;grid-template-columns: 1fr 0.5fr;gap: 4rem;align-items: center;position: relative;z-index: 2}.home-page .labels-description{position: relative;z-index: 3}.home-page .labels-preview{position: relative;z-index: 3}.home-page .latest-recipes .recipes-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;margin-bottom: 40px}.home-page .latest-recipes .empty-state{text-align: center;padding: 60px 20px;color: var(--text-light)}.home-page .latest-recipes .empty-icon{font-size: 4rem;color: var(--primary-color);margin-bottom: 20px;opacity: 0.7}.home-page .latest-recipes .empty-state h3{color: var(--text-dark);font-size: 1.5rem;margin-bottom: 10px}.home-page .latest-recipes .empty-state p{margin-bottom: 30px;font-size: 1.1rem}.home-page .latest-recipes .section-footer{margin-top: 40px}@media (max-width: 768px){.home-page .latest-recipes .recipes-grid{grid-template-columns: 1fr;gap: 20px}}@media (max-width: 768px){.home-page .labels-showcase::after{background-size: 60px 60px, 90px 90px, 45px 45px, 75px 75px;animation-duration: 20s}.home-page .labels-content{grid-template-columns: 1fr;gap: 2rem;text-align: center}.home-page .labels-description::before, .home-page .labels-preview::before{left: -15px;right: -15px;top: -15px;bottom: -15px}}.partner-section{position: relative;padding: 6rem 0;overflow: hidden;min-height: 500px;display: flex;align-items: center}.partner-background{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/wanowan/fondateur.png');background-size: cover;background-position: center top;background-repeat: no-repeat;z-index: 0}.partner-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient( 135deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.55) 100% );z-index: 1}.partner-section .container{position: relative;z-index: 2}.partner-badge{display: inline-flex;align-items: center;gap: 0.5rem;background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);padding: 0.5rem 1.2rem;border-radius: 50px;color: #fff;font-size: 0.85rem;font-weight: 500;margin-bottom: 1.5rem;text-transform: uppercase;letter-spacing: 1px}.partner-badge i{color: var(--primary-color, #e67e22);font-size: 1rem}.partner-title{font-size: 2rem;font-weight: 800;color: #fff;margin-bottom: 0.5rem;line-height: 1.2}.partner-separator{color: var(--primary-color, #e67e22);margin: 0 0.3rem}.partner-subtitle{font-size: 1.3rem;color: rgba(255, 255, 255, 0.8);font-style: italic;margin-bottom: 2rem;font-weight: 300}.partner-logo{margin-bottom: 2rem}.partner-logo img{max-width: 250px;height: auto;filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));transition: transform 0.3s ease}.partner-logo img:hover{transform: scale(1.05)}.partner-description{color: rgba(255, 255, 255, 0.85);font-size: 1.05rem;line-height: 1.7;margin-bottom: 1rem}.partner-description strong{color: #fff}.partner-description em{font-weight: bold}.partner-actions{display: flex;gap: 1rem;margin-top: 2rem;margin-bottom: 2rem;flex-wrap: wrap}.partner-actions .btn-primary{background: #ff0000;border-color: #ff0000}.partner-actions .btn-primary:hover{background: #cc0000;border-color: #cc0000}.partner-actions .btn-primary i{font-size: 1.2rem}.partner-actions .btn-glass{background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.3);color: #fff}.partner-actions .btn-glass:hover{background: rgba(255, 255, 255, 0.2);border-color: rgba(255, 255, 255, 0.5)}.partner-socials{border-top: 1px solid rgba(255, 255, 255, 0.15);padding-top: 1.5rem}.socials-label{display: block;color: rgba(255, 255, 255, 0.6);font-size: 0.8rem;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 1rem}.socials-links{display: flex;gap: 0.75rem;flex-wrap: wrap}.social-link{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);color: #fff;font-size: 1.2rem;transition: all 0.3s ease;text-decoration: none}.social-link:hover{transform: translateY(-3px);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3)}.social-link.youtube:hover{background: #ff0000;border-color: #ff0000}.social-link.instagram:hover{background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);border-color: #dc2743}.social-link.facebook:hover{background: #1877f2;border-color: #1877f2}.social-link.tiktok:hover{background: #000;border-color: #69c9d0;box-shadow: 0 4px 15px rgba(105, 201, 208, 0.3)}.social-link.spotify:hover{background: #1db954;border-color: #1db954}@media (max-width: 768px){.partner-section{padding: 4rem 0;min-height: auto}.partner-title{font-size: 2rem}.partner-subtitle{font-size: 1.1rem}.partner-logo img{max-width: 180px}.partner-description{font-size: 0.95rem}.partner-actions{flex-direction: column}.partner-actions .btn{width: 100%;justify-content: center}.socials-links{justify-content: center}}@media (max-width: 480px){.partner-title{font-size: 1.6rem}.partner-subtitle{font-size: 1rem}.partner-badge{font-size: 0.75rem}.social-link{width: 42px;height: 42px;font-size: 1rem}}a.recipe-preview-card{display: block;color: inherit;text-decoration: none}
.hx-head{max-width: 780px;margin: 0 auto 2.2rem;text-align: center}.hx-head h2{margin: 0.35rem 0 0.6rem;font-size: clamp(1.7rem, 3.6vw, 2.3rem);font-weight: 800;letter-spacing: -0.02em;color: var(--text-dark)}.hx-head p{margin: 0;color: var(--text-light);font-size: 1.05rem}.hx-kicker{display: inline-block;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--secondary-strong)}.hx-link{display: inline-flex;align-items: center;gap: 0.45rem;font-weight: 700;color: var(--primary-color);text-decoration: none}.hx-link i{transition: transform 0.2s ease}.hx-link:hover i, a:hover>.hx-link i, a:hover .hx-link i{transform: translateX(3px)}.hx-picker{padding: 4.5rem 0 4rem;background: linear-gradient(180deg, #FFFFFF 0%, var(--background-light) 100%)}.hx-fruits-tabs{display: contents}.hx-fruits{display: grid;grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));gap: 0.75rem;padding: 0.7rem 0 0.4rem}.hx-fruit{position: relative;min-width: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.45rem;padding: 0.95rem 0.4rem 0.85rem;border: 2px solid transparent;border-radius: 22px;background: #FFFFFF;box-shadow: 0 2px 12px rgba(139, 69, 19, 0.08);cursor: pointer;font: inherit;color: var(--text-dark);text-decoration: none;scroll-snap-align: start;transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease}.hx-fruit:hover{transform: translateY(-3px);box-shadow: 0 8px 22px rgba(139, 69, 19, 0.14)}.hx-fruit.is-active{border-color: var(--primary-color);background: #FFF8F0}.hx-fruit-img{width: 56px;height: 56px;display: grid;place-items: center}.hx-fruit-img img{width: 56px;height: 56px;transition: transform 0.25s ease}.hx-fruit.is-active .hx-fruit-img img{transform: scale(1.12) rotate(-6deg)}.hx-fruit-name{font-size: 0.86rem;font-weight: 700;text-align: center;line-height: 1.2;white-space: nowrap}.hx-fruit-season{position: absolute;top: -8px;left: 50%;transform: translateX(-50%);padding: 0.1rem 0.5rem;border-radius: 999px;background: #3E7C3A;color: #FFFFFF;font-size: 0.66rem;font-weight: 700;white-space: nowrap}.hx-fruit-more .hx-fruit-img{border-radius: 50%;background: var(--background-light);color: var(--text-muted);font-size: 1.3rem}.hx-picker-panel{margin-top: 1.4rem}.hx-recipes{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.4rem;animation: hx-in 0.35s ease}@keyframes hx-in{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: none}}.hx-recipe{display: flex;flex-direction: column;border-radius: 20px;overflow: hidden;background: #FFFFFF;box-shadow: 0 4px 18px rgba(139, 69, 19, 0.09)}.hx-recipe-img{position: relative;display: block;aspect-ratio: 4 / 3;background: var(--background-light);overflow: hidden}.hx-recipe-img img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease}.hx-recipe:hover .hx-recipe-img img{transform: scale(1.05)}.hx-recipe-placeholder{position: absolute;inset: 0;display: grid;place-items: center;color: var(--accent-color);font-size: 2.4rem}.hx-recipe-body{flex: 1;display: flex;flex-direction: column;gap: 0.7rem;padding: 1.1rem 1.2rem 1.3rem}.hx-recipe-body h3{margin: 0;font-size: 1.08rem;line-height: 1.3}.hx-recipe-body h3 a{color: var(--text-dark);text-decoration: none}.hx-recipe-body h3 a:hover{color: var(--primary-color)}.hx-recipe-meta{display: flex;flex-wrap: wrap;gap: 0.4rem 1rem;color: var(--text-muted);font-size: 0.86rem}.hx-recipe-meta i{color: var(--accent-color);margin-right: 0.2rem}.hx-recipe-body .btn{margin-top: auto;align-self: flex-start}.hx-picker-all{display: flex;justify-content: center;margin-top: 1.8rem}.hx-duo{padding: 4rem 0}.hx-duo-grid{display: grid;grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);gap: 1.8rem;align-items: stretch}.hx-cave{display: flex;flex-direction: column;gap: 1.4rem;padding: 2rem;border-radius: 28px;background: radial-gradient(circle at 90% 0%, #5A3420 0%, #2C1810 60%);color: #FBF9F7}.hx-cave-head{display: flex;align-items: flex-start;gap: 1rem}.hx-cave-icon{flex: 0 0 auto;width: 48px;height: 48px;display: grid;place-items: center;border-radius: 16px;background: rgba(243, 178, 107, 0.16);color: #F3B26B;font-size: 1.3rem}.hx-cave-head h2{margin: 0 0 0.3rem;font-size: 1.6rem;font-weight: 800;color: #FFFFFF}.hx-cave-head p{margin: 0;color: #D9C6B0}.hx-cave-tag{margin-left: auto;flex: 0 0 auto;padding: 0.3rem 0.75rem;border-radius: 999px;border: 1px dashed rgba(255, 255, 255, 0.3);color: #D9C6B0;font-size: 0.78rem;font-weight: 700}.hx-cave-tag.is-live{border: 0;background: #F3B26B;color: #2C1810}.hx-jars{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.8rem}.hx-jar{padding: 1rem 1.15rem;border-radius: 18px;background: rgba(255, 255, 255, 0.06);border: 1px solid rgba(255, 255, 255, 0.08)}.hx-jar-top{display: flex;justify-content: space-between;gap: 1rem;margin-bottom: 0.6rem}.hx-jar-top strong{color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.hx-jar-top span{flex: 0 0 auto;color: #E9B98A;font-weight: 700;font-size: 0.9rem}.hx-jar small{display: block;margin-top: 0.5rem;color: #BFA98F;font-size: 0.84rem}.hx-bar{height: 8px;border-radius: 999px;background: rgba(255, 255, 255, 0.1);overflow: hidden}.hx-bar span{display: block;height: 100%;border-radius: inherit;background: linear-gradient(90deg, #D2691E, #F3B26B)}.hx-bar.is-ready span{background: linear-gradient(90deg, #4E9A49, #8CCB6E)}.hx-cave-actions{display: flex;flex-wrap: wrap;gap: 0.8rem;margin-top: auto}.hx-cave .btn-outline{color: #FFFFFF;border-color: rgba(255, 255, 255, 0.4);background: transparent}.hx-cave .btn-outline:hover{background: rgba(255, 255, 255, 0.1);border-color: #FFFFFF;color: #FFFFFF}.hx-labels{display: flex;flex-direction: column;gap: 1.6rem;padding: 2rem;border-radius: 28px;background: #FFF4E8;color: var(--text-dark);text-decoration: none;overflow: hidden;transition: transform 0.2s ease, box-shadow 0.2s ease}.hx-labels:hover{transform: translateY(-3px);box-shadow: 0 12px 30px rgba(139, 69, 19, 0.14)}.hx-labels-fan{position: relative;height: 200px}.hx-labels-fan img{position: absolute;top: 10px;left: 50%;width: 46%;max-width: 180px;aspect-ratio: 3 / 4;object-fit: cover;border-radius: 12px;background: #FFFFFF;box-shadow: 0 10px 24px rgba(44, 24, 16, 0.18);transition: transform 0.35s ease}.hx-labels-fan img:nth-child(1){transform: translateX(-105%) rotate(-10deg)}.hx-labels-fan img:nth-child(2){transform: translateX(-50%) translateY(-8px);z-index: 2}.hx-labels-fan img:nth-child(3){transform: translateX(5%) rotate(10deg)}.hx-labels:hover .hx-labels-fan img:nth-child(1){transform: translateX(-118%) rotate(-14deg)}.hx-labels:hover .hx-labels-fan img:nth-child(3){transform: translateX(18%) rotate(14deg)}.hx-labels-text h2{margin: 0.35rem 0 0.5rem;font-size: 1.5rem;font-weight: 800;letter-spacing: -0.01em}.hx-labels-text p{margin: 0 0 1rem;color: var(--text-light)}.hx-how{padding: 4.5rem 0;background: var(--background-light)}.hx-steps{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.6rem;counter-reset: none}.hx-steps li{position: relative;display: flex;flex-direction: column;gap: 0.7rem;padding: 2rem 1.7rem 1.7rem;border-radius: 24px;background: #FFFFFF;box-shadow: 0 4px 18px rgba(139, 69, 19, 0.07)}.hx-step-num{position: absolute;top: 2rem;right: 1.7rem;height: 52px;display: flex;align-items: center;font-size: 3rem;font-weight: 800;line-height: 1;color: #F3E3D2}.hx-step-icon{width: 52px;height: 52px;display: flex;align-items: center;justify-content: center;border-radius: 16px;background: #FFF0E0;color: var(--secondary-color);font-size: 1.3rem}.hx-steps h3{margin: 0.4rem 0 0;font-size: 1.2rem}.hx-steps p{margin: 0;color: var(--text-light);line-height: 1.6}.hx-steps .hx-link{margin-top: auto;padding-top: 0.4rem}@media (max-width: 900px){.hx-duo-grid, .hx-steps{grid-template-columns: minmax(0, 1fr)}.hx-recipes{grid-template-columns: repeat(3, minmax(240px, 1fr));overflow-x: auto;scroll-snap-type: x mandatory;padding-bottom: 0.6rem;scrollbar-width: none}.hx-recipes::-webkit-scrollbar{display: none}.hx-recipe{scroll-snap-align: start}}@media (max-width: 640px){.hx-picker, .hx-how{padding: 3rem 0}.hx-duo{padding: 2.6rem 0}.hx-fruits{display: flex;overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;margin: 0 -16px;padding: 0.7rem 16px 0.6rem;scroll-padding-left: 16px}.hx-fruits::-webkit-scrollbar{display: none}.hx-fruit{flex: 0 0 92px;scroll-snap-align: start}.hx-recipes{grid-template-columns: repeat(3, 78%);margin: 0 -16px;padding-left: 16px;padding-right: 16px;scroll-padding-left: 16px}.hx-cave, .hx-labels{padding: 1.5rem;border-radius: 22px}.hx-cave-head{flex-wrap: wrap}.hx-labels-fan{height: 170px}}.hx-center{display: flex;justify-content: center}.hx-labels-fan{height: 250px}.hx-labels-fan img{width: 40%;max-width: 170px}@media (max-width: 640px){.hx-labels-fan{height: 200px}.hx-labels-fan img{width: 38%}}.hx-partner{padding: 4.5rem 0;background: radial-gradient(circle at 15% 0%, #5A3420 0%, #2C1810 55%, #1E100A 100%);color: #FBF9F7}.hx-partner-top{display: grid;grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);gap: 3rem;align-items: center}.hx-partner-media{position: relative;border-radius: 26px;overflow: hidden;aspect-ratio: 16 / 9;background: #1E100A;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35)}.hx-partner-media>img:not(.hx-partner-logo), .hx-partner-play img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.hx-partner-media iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0}.hx-partner-play{position: absolute;inset: 0;padding: 0;border: 0;background: none;cursor: pointer}.hx-partner-play img{transition: transform 0.5s ease}.hx-partner-play:hover img{transform: scale(1.04)}.hx-partner-play-btn{position: absolute;left: 1.2rem;bottom: 1.2rem;display: inline-flex;align-items: center;gap: 0.6rem;padding: 0.7rem 1.2rem;border-radius: 999px;background: rgba(255, 255, 255, 0.95);color: #2C1810;font-weight: 700;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25)}.hx-partner-play-btn i{color: #C4302B}.hx-partner-logo{position: absolute;top: 0.6rem;right: 0.8rem;width: 120px;height: auto;filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.5));pointer-events: none}.hx-partner-text .hx-kicker{color: #F3B26B}.hx-partner-text h2{margin: 0.4rem 0 0.4rem;font-size: clamp(1.9rem, 4vw, 2.6rem);font-weight: 800;letter-spacing: -0.02em;color: #FFFFFF}.hx-partner-tagline{margin: 0 0 1rem;color: #E9B98A;font-size: 1.1rem;font-weight: 600}.hx-partner-text p{color: #D9C6B0;line-height: 1.7}.hx-partner-promo{display: inline-flex;gap: 0.5rem;padding: 0.5rem 0.9rem;border-radius: 12px;background: rgba(243, 178, 107, 0.15);color: #F3B26B !important;font-weight: 700}.hx-partner-socials{display: flex;flex-wrap: wrap;gap: 0.6rem;margin-top: 1.4rem}.hx-partner-socials a{width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: rgba(255, 255, 255, 0.08);border: 1px solid rgba(255, 255, 255, 0.12);color: #FFFFFF;font-size: 1.1rem;text-decoration: none;transition: background 0.2s ease, transform 0.2s ease}.hx-partner-socials a:hover{background: #F3B26B;color: #2C1810;transform: translateY(-2px)}.hx-partner-actions{display: flex;flex-wrap: wrap;gap: 0.9rem;margin-top: 1.6rem}@media (max-width: 900px){.hx-partner-top{grid-template-columns: minmax(0, 1fr);gap: 2rem}}@media (max-width: 640px){.hx-partner{padding: 3rem 0}.hx-partner-logo{width: 84px}.hx-partner-play-btn{left: 0.8rem;bottom: 0.8rem;padding: 0.55rem 1rem;font-size: 0.9rem}}.hx-partner .btn-glass, .pt-feature .btn-glass{background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.3);color: #FFFFFF}.hx-partner .btn-glass:hover, .pt-feature .btn-glass:hover{background: rgba(255, 255, 255, 0.2);color: #FFFFFF}.home-page .hero-home{min-height: auto;padding: 4.5rem 0 5rem}.home-page .hero-home .container{position: relative;z-index: 2;width: 100%}.hxh{display: grid;grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);gap: 3.5rem;align-items: center}.hxh-text{display: flex;flex-direction: column;align-items: flex-start;text-align: left}.hxh-title{margin: 0 0 1.2rem;font-size: clamp(2.2rem, 4.6vw, 3.9rem);font-weight: 800;line-height: 1.06;letter-spacing: -0.035em;color: #2C1810}.hxh-title .hxh-line{display: block;white-space: nowrap}.hxh-lead{margin: 0 0 2rem;max-width: 520px;font-size: 1.2rem;line-height: 1.6;color: #6B4423}.hxh-search{position: relative;display: flex;align-items: center;width: 100%;max-width: 560px;padding: 0.4rem 0.4rem 0.4rem 3rem;border-radius: 18px;background: #FFFFFF;border: 2px solid #F1DCC4;box-shadow: 0 12px 30px rgba(139, 69, 19, 0.1);transition: border-color 0.2s ease, box-shadow 0.2s ease}.hxh-search:focus-within{border-color: var(--primary-color);box-shadow: 0 12px 30px rgba(139, 69, 19, 0.18)}.hxh-search>i{position: absolute;left: 1.15rem;color: var(--text-muted)}.hxh-search input{flex: 1;min-width: 0;height: 48px;border: 0;outline: 0;background: transparent;font: inherit;font-size: 1.05rem;color: var(--text-dark)}.hxh-search input::-webkit-search-cancel-button{display: none}.hxh-search .btn{height: 48px;padding: 0 1.4rem;border-radius: 13px}.hxh-guide-me{display: inline-flex;align-items: center;gap: 0.55rem;margin-top: 1.2rem;padding: 0.4rem 0;border: 0;background: none;color: var(--primary-color);font: inherit;font-weight: 700;cursor: pointer}.hxh-guide-me .fa-wand-magic-sparkles{color: var(--secondary-color)}.hxh-guide-me .fa-arrow-right{font-size: 0.8rem;transition: transform 0.2s ease}.hxh-guide-me:hover .fa-arrow-right{transform: translateX(4px)}.hxh-visual{position: relative;padding: 2.4rem 1.6rem 2.6rem}.hxh-card{position: relative;max-width: 380px;margin: 0 auto;border-radius: 26px;overflow: hidden;background: #FFFFFF;box-shadow: 0 30px 60px rgba(44, 24, 16, 0.18);transform: rotate(-3deg);animation: hxh-float 6s ease-in-out infinite}@keyframes hxh-float{0%, 100%{transform: rotate(-3deg) translateY(0)}50%{transform: rotate(-3deg) translateY(-10px)}}.hxh-card-img{position: relative;display: block;aspect-ratio: 4 / 3;background: var(--background-light)}.hxh-card-img>img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.hxh-card-badge{position: absolute;top: 0.9rem;left: 0.9rem;display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.3rem 0.75rem 0.3rem 0.45rem;border-radius: 999px;background: rgba(255, 255, 255, 0.95);color: #2F6B2C;font-size: 0.8rem;font-weight: 700}.hxh-card-badge img{width: 20px;height: 20px}.hxh-card-body{display: flex;flex-direction: column;gap: 0.55rem;padding: 1.2rem 1.4rem 1.4rem}.hxh-card-kicker{font-size: 0.75rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--secondary-strong)}.hxh-card-body h2{margin: 0;font-size: 1.25rem;line-height: 1.3}.hxh-card-body h2 a{color: var(--text-dark);text-decoration: none}.hxh-card-meta{display: flex;gap: 1rem;color: var(--text-muted);font-size: 0.88rem}.hxh-card-meta i{color: var(--accent-color);margin-right: 0.25rem}.hxh-card-add{margin-top: 0.4rem;justify-content: center}.hxh-notif{position: absolute;z-index: 3;display: flex;align-items: center;gap: 0.75rem;padding: 0.75rem 1.1rem 0.75rem 0.75rem;border-radius: 18px;background: rgba(255, 255, 255, 0.96);box-shadow: 0 14px 34px rgba(44, 24, 16, 0.16);animation: hxh-pop 5s ease-in-out infinite}.hxh-notif strong{display: block;font-size: 0.9rem;color: var(--text-dark);white-space: nowrap}.hxh-notif small{display: block;font-size: 0.78rem;color: var(--text-muted);white-space: nowrap;max-width: 210px;overflow: hidden;text-overflow: ellipsis}.hxh-notif-top{top: 0.6rem;right: -0.6rem}.hxh-notif-bottom{bottom: 0.4rem;left: -1rem;animation-delay: 2.5s}@keyframes hxh-pop{0%, 100%{transform: translateY(0)}50%{transform: translateY(-6px)}}.hxh-notif-icon{width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;border-radius: 12px;background: #FFF0E0;color: var(--secondary-color)}.hxh-notif-ring{--p: 0.5;width: 38px;height: 38px;border-radius: 50%;background: conic-gradient(#D2691E calc(var(--p) * 360deg), #F3E3D2 0);-webkit-mask: radial-gradient(circle, transparent 52%, #000 54%);mask: radial-gradient(circle, transparent 52%, #000 54%)}.hxh-notif-ring.is-ready{background: conic-gradient(#4E9A49 360deg, #4E9A49 0)}@media (max-width: 1100px){.hxh{gap: 2rem}.hxh-notif-top{right: 0}.hxh-notif-bottom{left: 0}}@media (max-width: 900px){.home-page .hero-home{padding: 3rem 0 3.5rem}.hxh-title .hxh-line{white-space: normal}.hxh{grid-template-columns: minmax(0, 1fr)}.hxh-text{align-items: stretch}.hxh-visual{max-width: 440px;width: 100%;margin: 0 auto}}@media (max-width: 640px){.hxh-lead{font-size: 1.02rem}.hxh-search{padding-left: 2.6rem}.hxh-search>i{left: 0.95rem}.hxh-search input{font-size: 0.98rem}.hxh-search .btn{padding: 0 1rem}.hxh-guide-me{align-self: center;font-size: 0.95rem}.hxh-long{display: none}.home-page .hero-home .floating-bubble:first-child{top: 1.5% !important;left: 80% !important}.hxh-visual{padding: 2.2rem 0.4rem 2.4rem}.hxh-card{max-width: 300px}.hxh-notif{padding: 0.6rem 0.9rem 0.6rem 0.6rem}.hxh-notif-icon, .hxh-notif-ring{width: 32px;height: 32px}}@media (max-width: 380px){.hxh-title{font-size: 1.95rem}}@media (prefers-reduced-motion: reduce){.hxh-card, .hxh-notif{animation: none}}.home-for-you.hfy{padding: 4rem 0}.hfy-card{position: relative;display: flex;flex-direction: column;gap: 1.8rem;padding: 2.4rem 2.4rem 6.2rem;border-radius: 28px;background: linear-gradient(135deg, #FFF8F0 0%, #FDEBD7 100%);border: 1px solid #F3DCC2;overflow: hidden}.hfy-card::before{content: '';position: absolute;right: -80px;top: -80px;width: 260px;height: 260px;border-radius: 50%;background: rgba(210, 105, 30, 0.07);pointer-events: none}.hfy-head{position: relative;display: flex;justify-content: space-between;align-items: flex-end;gap: 1.5rem;flex-wrap: wrap}.hfy-head h2{margin: 0.35rem 0 0.5rem;font-size: clamp(1.7rem, 3.4vw, 2.2rem);font-weight: 800;letter-spacing: -0.02em;color: var(--text-dark)}.hfy-head p{margin: 0;max-width: 620px;color: var(--text-light);font-size: 1.05rem;line-height: 1.6}.hfy-all{white-space: nowrap}.hfy-invite{position: relative;display: flex;flex-direction: column;align-items: flex-start;gap: 1.6rem}.hfy-invite[hidden], .hfy-profile[hidden], .hfy-grid[hidden], .hfy-all[hidden]{display: none}.hfy-steps{display: flex;flex-wrap: wrap;gap: 0.7rem;margin: 0;padding: 0;list-style: none}.hfy-steps li{display: inline-flex;align-items: center;gap: 0.6rem;padding: 0.55rem 1.1rem 0.55rem 0.55rem;border-radius: 999px;background: #FFFFFF;box-shadow: 0 2px 10px rgba(139, 69, 19, 0.08);font-weight: 600;color: var(--text-dark)}.hfy-steps span{width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: var(--secondary-color);color: #FFFFFF;font-size: 0.85rem;font-weight: 800}.hfy-invite .btn{display: inline-flex;align-items: center;gap: 0.6rem}.hfy-profile{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1rem}.hfy-tags{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem}.hfy-tags strong{margin-right: 0.3rem;font-size: 0.9rem;color: var(--text-light)}.hfy-tags span{padding: 0.4rem 0.9rem;border-radius: 999px;background: #FFFFFF;border: 1px solid #F1DCC4;font-size: 0.88rem;font-weight: 600;color: var(--text-dark)}.hfy-tags span.is-off{color: var(--text-muted);text-decoration: line-through;text-decoration-color: rgba(139, 115, 85, 0.5)}.hfy-edit{display: inline-flex;align-items: center;gap: 0.5rem;min-height: 40px;padding: 0 1rem;border: 1.5px solid var(--border-color);border-radius: 999px;background: rgba(255, 255, 255, 0.8);color: var(--primary-color);font: inherit;font-weight: 700;font-size: 0.9rem;cursor: pointer}.hfy-edit:hover{border-color: var(--primary-color)}.hfy-grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.3rem}.hfy-bottle{position: absolute;right: 1.8rem;bottom: 1.4rem;display: flex;align-items: center;gap: 0.9rem;padding: 0;border: 0;background: none;font: inherit;cursor: pointer}.hfy-bottle-bubble{position: relative;max-width: 300px;padding: 0.6rem 0.95rem;border-radius: 14px;background: #FFFFFF;box-shadow: 0 6px 18px rgba(44, 24, 16, 0.12);color: var(--text-dark);font-size: 0.85rem;font-weight: 600;line-height: 1.4;text-align: left}.hfy-bottle-bubble::after{content: '';position: absolute;right: -6px;top: 50%;width: 12px;height: 12px;background: #FFFFFF;transform: translateY(-50%) rotate(45deg)}.hfy-bottle .rhums-bottle-mini{transition: transform 0.25s ease}.hfy-bottle:hover .rhums-bottle-mini{transform: rotate(-8deg) scale(1.05)}@media (max-width: 1024px){.hfy-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 640px){.home-for-you.hfy{padding: 2.6rem 0}.hfy-card{gap: 1.4rem;padding: 1.6rem 1.3rem 1.4rem;border-radius: 22px}.hfy-steps{gap: 0.5rem}.hfy-steps li{font-size: 0.9rem}.hfy-invite .btn{width: 100%;justify-content: center;font-size: 1rem}.hfy-grid{display: flex;overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none;margin: 0 -1.3rem;padding: 0 1.3rem 0.4rem;scroll-padding-left: 1.3rem;gap: 0.9rem}.hfy-grid::-webkit-scrollbar{display: none}.hfy-grid .hx-recipe{flex: 0 0 78%;scroll-snap-align: start}.hfy-bottle{position: static;align-self: flex-end}.hfy-bottle-bubble{max-width: 230px}}
.recipe-detail-container{padding: 2rem 0}.breadcrumb{display: flex;align-items: center;margin-bottom: 2rem;font-size: 0.9rem;color: var(--text-muted);background: var(--background-light);padding: 0.75rem 1.5rem;border-radius: var(--border-radius);border: 1px solid var(--border-color)}.breadcrumb a{color: var(--primary-color);text-decoration: none;display: flex;align-items: center;gap: 0.5rem;font-weight: 500;transition: var(--transition)}.breadcrumb a:hover{color: var(--primary-hover);text-decoration: none}.breadcrumb-separator{margin: 0 1rem;color: var(--text-muted);font-weight: 300}.breadcrumb-current{color: var(--text-dark);font-weight: 500}.recipe-header{position: relative;background: linear-gradient(135deg, var(--background-light) 0%, white 100%);border-radius: var(--border-radius);padding: 3rem;margin-bottom: 3rem;box-shadow: var(--shadow);border: 1px solid var(--border-color);overflow: hidden;display: flex;flex-direction: column;gap: 1.5rem}.recipe-header::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, var(--primary-color), var(--secondary-color), var(--accent-color))}.recipe-header-content{display: flex;flex-direction: column;gap: 2.5rem;align-items: center}.recipe-title-section h1{font-size: 3rem;font-weight: 700;color: var(--text-dark);margin-bottom: 1rem;line-height: 1.1;background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.recipe-detail-description{font-size: 1.2rem;line-height: 1.6;margin-bottom: 1.5rem;color: var(--text-light);opacity: 0.95}.recipe-meta-grid{display: flex;gap: 1rem}.meta-card{background: white;padding: 1rem;border-radius: var(--border-radius);text-align: center;border: 1px solid var(--border-color);transition: var(--transition)}.meta-card:hover{transform: translateY(-2px);box-shadow: var(--shadow)}.meta-card i{font-size: 1.5rem;color: var(--primary-color);margin-bottom: 0.5rem;display: block}.meta-card .meta-label{font-size: 0.85rem;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.5px;font-weight: 500;margin-bottom: 0.25rem}.meta-card .meta-value{font-size: 1rem;font-weight: 600;color: var(--text-dark)}.recipe-header .recipe-image{width: 100%;height: auto;max-height: 500px;border-radius: 12px;overflow: hidden;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);margin-bottom: 1rem;flex-shrink: 0}.recipe-header .recipe-image img{width: 100%;height: auto;max-height: 500px;object-fit: cover;display: block}.recipe-header-image{position: relative;border-radius: var(--border-radius);overflow: hidden;box-shadow: var(--shadow-hover);transform: rotate(2deg);transition: var(--transition)}.recipe-header-image:hover{transform: rotate(0deg) scale(1.02)}.recipe-header-image img{width: 100%;height: 300px;object-fit: cover;display: block}.recipe-header-image::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(45deg, rgba(139, 69, 19, 0.1), transparent);pointer-events: none}.recipe-header .recipe-image-placeholder{height: 500px;display: flex;justify-content: center;align-items: center;background-color: var(--light-bg-color)}.recipe-header .recipe-image-placeholder i{font-size: 6rem;color: var(--background);opacity: 0.8}.recipe-content{display: flex;flex-direction: column;gap: 1rem;padding: 0}.main-content{display: flex;flex-direction: column;gap: 2rem}.sidebar-content{display: flex;flex-direction: column;gap: 2rem}.recipe-section{background: white;border-radius: var(--border-radius);padding: 2rem;box-shadow: var(--shadow);border: 1px solid var(--border-color);position: relative;overflow: hidden}.recipe-section::before{content: '';position: absolute;top: 0;left: 0;width: 4px;height: 100%;background: var(--primary-color)}.recipe-section h2{display: flex;align-items: center;gap: 0.75rem;font-size: 1.5rem;font-weight: 600;color: var(--text-dark);margin-bottom: 1.5rem;padding-bottom: 0.75rem;border-bottom: 2px solid var(--border-color)}.recipe-section h2 i{color: var(--primary-color);font-size: 1.25rem}.recipe-ingredients{background: var(--background-light);border-left: 4px solid var(--secondary-color)}.ingredients-list{list-style: none;padding: 0;margin: 0;display: grid;gap: 0.75rem}.ingredient-item{display: flex;align-items: center;padding: 1rem;background: white;border-radius: var(--border-radius);border: 1px solid var(--border-color);transition: var(--transition)}.ingredient-item:hover{transform: translateX(4px);box-shadow: var(--shadow)}.ingredient-quantity{font-weight: 700;color: var(--primary-color);min-width: 100px;font-size: 0.95rem;border-radius: 20px;text-align: center}.ingredient-name{color: var(--text-dark);flex: 1;font-weight: 500}.recipe-instructions{background: var(--background-light);border-left: 4px solid var(--accent-color)}.instructions-list{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 1.5rem}.instruction-item{display: flex;gap: 1.5rem;padding: 1.5rem;background: white;border-radius: var(--border-radius);border: 1px solid var(--border-color);transition: var(--transition);position: relative}.instruction-item:hover{box-shadow: var(--shadow);transform: translateY(-2px)}.instruction-step{flex-shrink: 0;display: flex}.step-number{display: flex;align-items: center;justify-content: center;width: 3rem;height: 3rem;min-width: 2.5rem;background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));color: white;border-radius: 50%;font-weight: 700;font-size: 1.1rem;box-shadow: var(--shadow);position: relative;flex-shrink: 0}.step-number::after{content: '';position: absolute;width: 100%;height: 100%;border-radius: 50%;background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));opacity: 0.3;transform: scale(1.2);z-index: -1}.instruction-content{flex: 1;color: var(--text-dark);line-height: 1.7;font-size: 1.05rem}.sidebar-recipe-meta{background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));color: white;border: none;position: sticky;top: 2rem}.sidebar-recipe-meta h2{color: white;border-bottom-color: rgba(255, 255, 255, 0.3)}.sidebar-recipe-meta h2 i{color: white}.meta-info-grid{display: grid;gap: 1rem}.meta-info-item{display: flex;align-items: flex-start;flex-direction: column;gap: 0.75rem;padding: 0.75rem;background: rgba(255, 255, 255, 0.1);border-radius: var(--border-radius);backdrop-filter: blur(10px)}.meta-info-content{width: 100%}.meta-info-content .meta-label{font-size: 0.85rem;opacity: 0.8;margin-bottom: 0.25rem;text-transform: uppercase;letter-spacing: 0.5px;width: 100%;display: block}.meta-info-content .meta-value{font-size: 1rem;font-weight: 600}.sidebar-recipe-meta .difficulty{color: rgba(255, 255, 255, 0.9);font-weight: 600;background: rgba(255, 255, 255, 0.2);padding: 0.25rem 0.75rem;border-radius: 15px;display: inline-block}.recipe-sidebar-ad{padding: 1rem}.recipe-sidebar-ad .adsbygoogle{min-height: 250px;display: block}@media (min-width: 768px){}@media (max-width: 768px){.meta-card{min-width: auto}.recipe-header{padding: 2rem 1.5rem}.recipe-title-section h1{font-size: 2.2rem}.recipe-header-image{transform: none;order: -1}.recipe-section{padding: 1.5rem}.instruction-item{flex-direction: column;gap: 1rem;text-align: left}.step-number{align-self: flex-start}.ingredient-item{flex-direction: column;align-items: flex-start;gap: 0.5rem}.ingredient-quantity{min-width: auto;margin-right: 0;align-self: flex-start}.recipe-header .recipe-image, .recipe-header .recipe-image img, .recipe-header .recipe-image-placeholder{height: 300px}}@media (max-width: 480px){.recipe-meta-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.5rem;margin-top: 1.5rem}.recipe-header{padding: 1.5rem 1rem}.recipe-title-section h1{font-size: 1.8rem}.meta-card{padding: 0.75rem;min-width: 0}.meta-card .meta-value{font-size: 0.9rem;word-break: break-word}}@media print{.recipe-detail-container{max-width: none;padding: 0}.recipe-section{box-shadow: none;border: 1px solid #ddd;break-inside: avoid}.recipe-header{break-inside: avoid}.recipe-header-image{transform: none}.sidebar-recipe-meta{background: #f5f5f5;color: #333}.sidebar-recipe-meta h2, .sidebar-recipe-meta h2 i{color: #333}.meta-info-item{background: #fff;border: 1px solid #ddd}.meta-info-item i{color: var(--primary-color)}}.recipe-detail-container{display: grid;grid-template-columns: minmax(0, 1fr) 300px;column-gap: 2rem;row-gap: 0;max-width: 1200px;margin: 0 auto;padding: 2rem 1rem}.recipe-detail-container>*{grid-column: 1;min-width: 0;margin-bottom: 2rem}.recipe-detail-container>*:last-child{margin-bottom: 0}.recipe-aside{grid-column: 2;grid-row: 1 / span 50;align-self: start;position: sticky;top: 2rem;display: flex;flex-direction: column;gap: 1.5rem;min-width: 0}.sidebar-widget{background: white;border-radius: var(--border-radius);padding: 1.5rem;box-shadow: var(--shadow);border: 1px solid var(--border-color)}.sidebar-vote-widget h3{font-size: 1.1rem;margin-bottom: 1rem;display: flex;align-items: center;gap: 0.5rem;color: var(--text-dark)}.sidebar-vote-widget h3 i{color: #f5a623}.sidebar-vote-widget .rating-stars-interactive{display: flex;gap: 4px;justify-content: center;font-size: 2rem}.sidebar-vote-widget .rating-voted{text-align: center}.sidebar-vote-widget .rating-stars-user{display: flex;gap: 4px;justify-content: center;font-size: 1.5rem}.sidebar-actions-widget{display: flex;flex-direction: column;padding: 0;overflow: hidden}.sidebar-action-link{display: flex;align-items: center;gap: 0.75rem;padding: 0.85rem 1.5rem;color: var(--text-dark);text-decoration: none;font-weight: 500;font-size: 0.95rem;transition: var(--transition);border-bottom: 1px solid var(--border-color)}.sidebar-action-link:last-child{border-bottom: none}.sidebar-action-link i{font-size: 1.1rem;color: var(--primary-color);width: 1.25rem;text-align: center}.sidebar-action-link:hover{background: var(--background-light);color: var(--primary-color)}.sidebar-social-widget{padding: 1.25rem 1.5rem}.sidebar-social-label{font-size: 0.8rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-light);margin-bottom: 0.85rem}.sidebar-social-buttons{display: flex;flex-direction: column;gap: 0.6rem}.sidebar-social-btn{display: flex;align-items: center;justify-content: flex-start;gap: 0.6rem;padding: 0.7rem 1rem;border-radius: 8px;font-weight: 600;font-size: 0.9rem;text-decoration: none;transition: var(--transition)}.sidebar-social-btn--x{background: #000;color: #fff}.sidebar-social-btn--x:hover{background: #333;color: #fff}.sidebar-social-btn--facebook{background: #1877F2;color: #fff}.sidebar-social-btn--facebook:hover{background: #0e5cc5;color: #fff}.sidebar-social-btn--whatsapp{background: #25D366;color: #fff}.sidebar-social-btn--whatsapp:hover{background: #1da851;color: #fff}.sidebar-social-btn--pinterest{background: #E60023;color: #fff}.sidebar-social-btn--pinterest:hover{background: #b8001b;color: #fff}.recipe-rating-display{display: flex;align-items: center;gap: 0.5rem;font-size: 1.1rem;justify-content: center}.recipe-rating-display .rating-stars-display{display: flex;gap: 2px;font-size: 1.2rem}.recipe-rating-display .star.filled{color: #f5a623}.recipe-rating-display .star.empty{color: #ddd}.recipe-rating-display .rating-average{font-weight: 700;color: var(--text-dark)}.recipe-rating-display .rating-count{color: var(--text-muted);font-size: 0.9rem}.suggested-recipes-section{max-width: 1200px;margin: 3rem auto;padding: 0 1rem}.suggested-recipes-section h2{font-size: 1.5rem;font-weight: 600;color: var(--text-dark);margin-bottom: 1.5rem;display: flex;align-items: center;gap: 0.75rem}.suggested-recipes-section h2 i{color: var(--primary-color)}.suggested-recipes-grid{display: grid;grid-template-columns: repeat(5, 1fr);gap: 1.5rem}.suggested-recipe-card{border-radius: var(--border-radius);overflow: hidden;background: white;box-shadow: var(--shadow);border: 1px solid var(--border-color);transition: transform 0.2s, box-shadow 0.2s}.suggested-recipe-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-hover)}.suggested-recipe-card a{text-decoration: none;color: inherit;display: block}.suggested-recipe-image{width: 100%;height: 140px;overflow: hidden;background: #f5f5f5;display: flex;align-items: center;justify-content: center}.suggested-recipe-image img{width: 100%;height: 100%;object-fit: cover}.suggested-recipe-image.recipe-image-placeholder{background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));color: white}.suggested-recipe-image.recipe-image-placeholder i{font-size: 2rem;opacity: 0.5}.suggested-recipe-content{padding: 0.75rem 1rem}.suggested-recipe-content h4{margin: 0;font-size: 0.95rem;color: var(--text-dark);line-height: 1.4}@media (max-width: 1024px){.recipe-detail-container{grid-template-columns: 1fr}.recipe-aside{grid-column: 1;grid-row: auto;position: static;flex-direction: row;flex-wrap: wrap;order: 1}.recipe-detail-container>.recipe-video-section{order: 2}.sidebar-widget{flex: 1 1 200px}.suggested-recipes-grid{grid-template-columns: repeat(3, 1fr)}}@media (max-width: 768px){.recipe-detail-container{padding: 1rem;gap: 1rem;overflow-x: hidden}.recipe-aside{flex-direction: column;width: 100%;max-width: 100%}.sidebar-widget{flex: 1 1 100%;width: 100%;max-width: 100%;box-sizing: border-box}.sidebar-social-btn, .sidebar-action-link{width: 100%;box-sizing: border-box}.suggested-recipes-grid{grid-template-columns: repeat(2, 1fr);gap: 1rem}.suggested-recipe-image{height: 120px}.recipe-rating-display{flex-wrap: wrap;justify-content: center}}
.rp{padding: 1rem 0 6rem;background: var(--background-light)}.rp .breadcrumb{margin-bottom: 1rem;font-size: 0.85rem}.rp-hero{display: grid;grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);gap: 2.5rem;align-items: center;margin-bottom: 2.5rem}.rp-hero-media{border-radius: 28px;overflow: hidden;background: #3B2114;aspect-ratio: 4 / 3.6}.rp-hero-media img{width: 100%;height: 100%;object-fit: cover;display: block}.rp-hero-placeholder{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #C9772B;font-size: 5rem}.rp-hero-content{display: flex;flex-direction: column;gap: 1rem}.rp-hero-content h1{margin: 0;font-size: clamp(1.9rem, 4vw, 2.9rem);line-height: 1.1;letter-spacing: -0.02em;color: var(--text-dark)}.rp-description{margin: 0;font-size: 1.05rem;line-height: 1.65;color: var(--text-light)}.rp-chip{display: inline-block;padding: 0.35rem 0.8rem;border-radius: 999px;background: #F4E6D6;color: #6B3410;font-size: 0.82rem;font-weight: 600}.rp-meta{display: grid;grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));gap: 0.6rem}.rp-meta-item{display: flex;flex-direction: column;gap: 0.15rem;padding: 0.8rem;border-radius: 14px;background: white;border: 1px solid var(--border-color)}.rp-meta-item i{color: var(--primary-color)}.rp-meta-item span{font-size: 0.75rem;color: var(--text-light)}.rp-meta-item strong{font-size: 1rem;color: var(--text-dark)}.rp-actions{display: flex;flex-wrap: wrap;gap: 0.6rem}.rp-actions .btn{min-height: 50px;font-weight: 700}.btn.btn-icon{width: 50px;min-height: 50px;padding: 0;justify-content: center;border: 1.5px solid var(--border-color);background: white;color: var(--text-dark)}.rp-layout{display: grid;grid-template-columns: minmax(0, 1fr) 340px;gap: 2.5rem;align-items: start}.rp-main{display: flex;flex-direction: column;gap: 2.5rem;min-width: 0}.rp-section-head{display: flex;justify-content: space-between;align-items: center;gap: 1rem;flex-wrap: wrap;margin-bottom: 1rem}.rp-section h2{margin: 0;font-size: 1.6rem;color: var(--text-dark)}.rp-volume{display: flex;gap: 4px;padding: 4px;border-radius: 14px;background: #F1E8DD}.rp-volume button{min-width: 64px;min-height: 40px;border: 0;border-radius: 10px;background: transparent;font: 600 0.9rem Inter, sans-serif;color: var(--text-light);cursor: pointer}.rp-volume button.is-active{background: white;color: var(--primary-color);box-shadow: 0 1px 4px rgba(44, 24, 16, 0.15)}.rp-ingredients{list-style: none;margin: 0;padding: 0;border-radius: 18px;overflow: hidden;background: white;border: 1px solid var(--border-color)}.rp-ingredients li + li{border-top: 1px solid #F1E8DD}.rp-ingredients label{display: flex;align-items: center;gap: 0.8rem;padding: 0.85rem 1rem;cursor: pointer}.rp-ingredients input{width: 22px;height: 22px;flex-shrink: 0;accent-color: var(--primary-color)}.rp-qty{min-width: 76px;font-weight: 700;color: var(--primary-color)}.rp-name{color: var(--text-dark)}.rp-ingredients input:checked ~ .rp-qty, .rp-ingredients input:checked ~ .rp-name{color: #9A8573;text-decoration: line-through}.rp-list-actions{display: flex;justify-content: space-between;align-items: center;gap: 1rem;flex-wrap: wrap;margin-top: 0.8rem;font-size: 0.9rem;color: var(--text-light)}.rp-list-actions .btn{min-height: 44px}.rp-ad{display: flex;flex-direction: column;align-items: center;gap: 0.3rem;min-height: 280px}.rp-ad>span{font-size: 0.65rem;letter-spacing: 0.1em;text-transform: uppercase;color: #7A6248}.rp-ad ins{width: 100%;min-height: 250px}.rp-ad:has(ins[data-ad-status="unfilled"]), .ads-blocked .rp-ad{display: none}.rp-steps{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.7rem}.rp-steps li{display: grid;grid-template-columns: 36px minmax(0, 1fr);gap: 0.2rem 0.9rem;padding: 1rem;border-radius: 18px;background: white;border: 1px solid var(--border-color)}.rp-step-number{grid-row: span 2;width: 36px;height: 36px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: #F4E6D6;color: var(--primary-color);font-weight: 800}.rp-step-text{margin: 0.3rem 0 0;line-height: 1.6;color: #3A2418}.rp-timer-chip{justify-self: start;margin-top: 0.4rem;padding: 0.25rem 0.7rem;border-radius: 999px;background: #FDF1E4;color: var(--primary-color);font-size: 0.8rem;font-weight: 600}.rp-plan-intro{margin: 0.6rem 0 1.2rem;color: var(--text-light);line-height: 1.6}.rp-plan-list{list-style: none;margin: 0 0 1.4rem;padding: 0;position: relative}.rp-plan-list::before{content: '';position: absolute;left: 7px;top: 12px;bottom: 12px;width: 2px;background: #EADBC8}.rp-plan-list li{position: relative;display: grid;grid-template-columns: 130px minmax(0, 1fr);gap: 0.2rem 1rem;padding: 0.7rem 0 0.7rem 30px}.rp-plan-list li::before{content: '';position: absolute;left: 1px;top: 1rem;width: 14px;height: 14px;border-radius: 50%;background: white;box-shadow: inset 0 0 0 3px #D9A066}.rp-plan-list li.is-remove::before{box-shadow: inset 0 0 0 3px var(--primary-color)}.rp-plan-list li.is-filter::before{background: var(--primary-color);box-shadow: none}.rp-plan-day{font-weight: 800;color: var(--primary-color);font-size: 0.9rem;padding-top: 0.1rem}.rp-plan-list div{display: flex;flex-direction: column;gap: 0.15rem;min-width: 0}.rp-plan-list strong{color: var(--text-dark)}.rp-plan-list div span{color: #5C4033;line-height: 1.5;font-size: 0.95rem}@media (max-width: 600px){.rp-plan-list li{grid-template-columns: minmax(0, 1fr)}}.rp-aside{position: sticky;top: 90px;display: flex;flex-direction: column;gap: 1.2rem}.rp-maceration{display: flex;flex-direction: column;gap: 0.9rem;padding: 1.3rem;border-radius: 22px;background: var(--text-dark);color: #FBF9F7}.rp-maceration-kicker{font-size: 0.75rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: #E9B98A}.rp-maceration-title{margin: 0;font-size: 1.25rem;font-weight: 700;line-height: 1.3}.rp-maceration-title strong{color: #F3B26B}.rp-timeline{position: relative;height: 10px;border-radius: 5px;background: #4A2E1F}.rp-timeline span{position: absolute;top: -3px;width: 16px;height: 16px;margin-left: -8px;border-radius: 50%;background: #F3E3CC;border: 3px solid var(--text-dark)}.rp-timeline .rp-timeline-end{left: auto;right: -8px;background: #F3B26B}.rp-milestones{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.4rem;font-size: 0.88rem;color: #D9C6B0}.rp-milestones li{display: flex;justify-content: space-between;gap: 1rem}.rp-milestones span{white-space: nowrap}.rp-milestones strong{color: #FBF9F7;text-align: right}.rp-milestones a{margin-left: auto;color: #F3B26B;font-weight: 600}.rp-maceration-cta{min-height: 50px;justify-content: center;background: var(--secondary-strong);color: white;font-weight: 700}.rp-widget{padding: 1.2rem;border-radius: 18px;background: white;border: 1px solid var(--border-color)}.rp-widget h3{margin: 0 0 0.8rem;font-size: 1rem}.rp-suggestions{margin-top: 3rem}.rp-suggestions h2{font-size: 1.6rem;margin-bottom: 1rem}.rp-suggestions-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));gap: 1rem}.rp-suggestion{display: flex;flex-direction: column;border-radius: 18px;overflow: hidden;background: white;border: 1px solid var(--border-color);text-decoration: none;color: var(--text-dark)}.rp-suggestion img, .rp-suggestion-placeholder{width: 100%;aspect-ratio: 4 / 3;object-fit: cover}.rp-suggestion-placeholder{display: flex;align-items: center;justify-content: center;background: #3B2114;color: #C9772B;font-size: 2rem}.rp-suggestion strong{padding: 0.8rem;font-size: 0.95rem;line-height: 1.35}.rp-bar{display: none}@media (max-width: 1024px){.rp-layout{grid-template-columns: minmax(0, 1fr)}.rp-aside{position: static}}@media (max-width: 768px){.rp-hero{grid-template-columns: minmax(0, 1fr);gap: 1.2rem}.rp-hero-media{aspect-ratio: 4 / 3;border-radius: 22px}.rp-bar{position: fixed;left: 12px;right: 12px;bottom: calc(16px + env(safe-area-inset-bottom) + var(--ad-anchor-h, 0px));z-index: 900;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));align-items: center;height: 68px;padding: 0 6px;border-radius: 22px;background: rgba(255, 255, 255, 0.97);box-shadow: 0 8px 30px rgba(44, 24, 16, 0.18)}.rp-bar a, .rp-bar button{height: 56px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;border: 0;background: transparent;color: var(--text-light);text-decoration: none;font: 600 0.7rem Inter, sans-serif;cursor: pointer}.rp-bar i{font-size: 1.1rem}.rp-bar .rp-bar-main{margin: 0 2px;border-radius: 16px;background: var(--primary-color);color: white}}.rp-prep{position: fixed;inset: 0;z-index: 2100;display: flex;flex-direction: column;gap: 1rem;padding: max(20px, env(safe-area-inset-top)) max(20px, calc((100% - 760px) / 2)) max(20px, env(safe-area-inset-bottom));background: #1F1410;color: #FBF9F7}.rp-prep-top{display: flex;justify-content: space-between;align-items: center;color: #D9C6B0;font-weight: 600}.rp-prep-close{width: 44px;height: 44px;border: 0;border-radius: 50%;background: #3A271D;color: #FBF9F7;font-size: 1.6rem;cursor: pointer}.rp-prep-awake{font-size: 0.8rem}.rp-prep-progress{display: flex;gap: 4px}.rp-prep-progress span{flex: 1;height: 5px;border-radius: 3px;background: #4A3426}.rp-prep-progress .is-done{background: var(--secondary-color)}.rp-prep-body{flex-grow: 1;display: flex;flex-direction: column;justify-content: center;gap: 1.5rem}.rp-prep-number{font-size: 4.5rem;font-weight: 800;line-height: 1;color: var(--secondary-color)}.rp-prep-body p{margin: 0;font-size: clamp(1.3rem, 3.2vw, 1.9rem);line-height: 1.45;font-weight: 500}.rp-prep-timer{align-self: flex-start;min-height: 56px;padding: 0 1.3rem;border: 0;border-radius: 16px;background: #3A271D;color: white;font: 700 1.1rem Inter, sans-serif;cursor: pointer}.rp-prep-timer.is-running{background: var(--primary-color)}.rp-prep-nav{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.6rem}.rp-prep-nav button{min-height: 56px;border-radius: 16px;font: 700 1rem Inter, sans-serif;cursor: pointer}.rp-prep-prev{border: 1.5px solid #5A4033;background: transparent;color: #FBF9F7}.rp-prep-prev:disabled{opacity: 0.4;cursor: default}.rp-prep-next{border: 0;background: var(--secondary-color);color: white}@media print{.header, .footer, .rp-bar, .rp-actions, .rp-ad, .rp-aside .rp-widget, .rp-maceration-cta, .rp-suggestions, .rp-volume, .rp-list-actions, .rp-section-head .btn, .breadcrumb, .rp-timer-chip, #avis{display: none !important}.rp{padding: 0;background: white}.rp-layout, .rp-hero{display: block}.rp-hero-media{max-width: 50%;margin-bottom: 1rem}.rp-steps li, .rp-ingredients{break-inside: avoid}}.rp-hero .recipe-rating-display{justify-content: flex-start;margin: 0}.rp-new{font-size: 0.9rem;color: var(--text-light)}.rp-new a{color: var(--primary-color);font-weight: 600}.rp-facts{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 0.4rem 1.2rem;color: var(--text-dark);font-size: 0.95rem}.rp-facts li{display: inline-flex;align-items: center;gap: 0.45rem}.rp-facts i{color: var(--primary-color);width: 1rem;text-align: center}.rp-actions{display: grid;grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);gap: 0.6rem}.rp-actions .btn{justify-content: center}.rp-links{display: flex;flex-wrap: wrap;gap: 0.2rem 1.2rem}.rp-link{display: inline-flex;align-items: center;gap: 0.4rem;min-height: 40px;padding: 0;border: 0;background: none;color: var(--text-light);font: 600 0.9rem Inter, sans-serif;cursor: pointer}.rp-link:hover{color: var(--primary-color)}.rp-link.rp-wish[aria-pressed="true"]{color: #B42318}@media (max-width: 480px){.rp-actions{grid-template-columns: minmax(0, 1fr)}}.rp-share-copy{display: flex;gap: 0.5rem}.rp-share-copy input{flex: 1;min-width: 0;min-height: 48px;padding: 0 0.8rem;border: 1.5px solid var(--border-color);border-radius: 12px;font: inherit;color: var(--text-light);background: white}.rp-share-copy .btn{white-space: nowrap}.rp-share-grid{display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: 0.5rem}.rp-share-grid a{display: flex;flex-direction: column;align-items: center;gap: 0.35rem;padding: 0.8rem 0.2rem;border: 1px solid var(--border-color);border-radius: 14px;background: white;color: var(--text-dark);text-decoration: none;font-size: 0.78rem;font-weight: 600}.rp-share-grid i{font-size: 1.3rem;color: var(--primary-color)}@media (max-width: 420px){.rp-share-grid{grid-template-columns: repeat(3, minmax(0, 1fr))}.rp-share-copy{flex-direction: column}}.rp-facts{display: grid;grid-template-columns: repeat(auto-fit, minmax(0, 1fr));gap: 0;margin: 0;padding: 0.9rem 0;border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color)}.rp-facts>div{padding: 0 1rem;border-left: 1px solid var(--border-color)}.rp-facts>div:first-child{padding-left: 0;border-left: 0}.rp-facts dt{margin-bottom: 0.2rem;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--text-muted)}.rp-facts dd{margin: 0;display: flex;align-items: center;gap: 0.5rem;font-size: 1.05rem;font-weight: 700;color: var(--text-dark)}.rp-level{display: inline-flex;gap: 3px}.rp-level span{width: 7px;height: 14px;border-radius: 2px;background: var(--border-color)}.rp-level span:nth-child(2){height: 17px}.rp-level span:nth-child(3){height: 20px}.rp-level span.on{background: var(--secondary-color)}.rp-level{align-items: flex-end}.rp-author{margin: -0.4rem 0 0;font-size: 0.88rem;color: var(--text-light)}.rp-reviews-score{font-weight: 800;color: var(--secondary-strong)}.rp-reviews{display: flex;flex-direction: column;gap: 0.8rem}.rp-review{display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 0.5rem 1rem;padding: 1rem;border-radius: 18px;background: white;border: 1px solid var(--border-color)}.rp-review header, .rp-review p, .rp-review footer{grid-column: 1}.rp-review img{grid-column: 2;grid-row: 1 / span 3;width: 96px;height: 96px;object-fit: cover;border-radius: 12px}.rp-review header{display: flex;flex-wrap: wrap;align-items: center;gap: 0.3rem 0.8rem}.rp-review-stars{color: var(--secondary-color);letter-spacing: 1px}.rp-review-stars span{color: var(--border-color)}.rp-verified{font-size: 0.8rem;font-weight: 600;color: #1F7A4D}.rp-review p{margin: 0;line-height: 1.6;color: #3A2418}.rp-review footer{display: flex;flex-wrap: wrap;gap: 0.4rem}.rp-aroma, .rp-redo{padding: 0.2rem 0.6rem;border-radius: 999px;font-size: 0.78rem;font-weight: 600;background: #F4E6D6;color: #6B3410}.rp-redo{background: #E8F4EC;color: #1F7A4D}.rc-form{display: flex;flex-direction: column;gap: 0.75rem;margin-bottom: 1.2rem;padding: 1.1rem 1.2rem;border-radius: 18px;background: #FFF8F1;border: 1px solid #F1DCC4}.rc-form-title{margin: 0;font-weight: 800;color: var(--text-dark)}.rc-stars{display: flex;align-items: center;gap: 0.15rem}.rc-star{padding: 0 0.1rem;border: 0;background: none;font-size: 1.7rem;line-height: 1;color: #E3D3C1;cursor: pointer;transition: transform 0.15s ease, color 0.15s ease}.rc-star.is-on{color: var(--secondary-color)}.rc-star:hover{transform: scale(1.12)}.rc-stars-hint{margin-left: 0.5rem;font-size: 0.82rem;color: var(--text-muted)}.rc-text{display: block}.rc-text textarea{display: block;width: 100%;box-sizing: border-box;min-height: 84px;padding: 0.8rem 0.9rem;font: inherit;line-height: 1.5;color: var(--text-dark);background: white;border: 1.5px solid var(--border-color);border-radius: 14px;resize: none}.rc-text textarea:focus{outline: none;border-color: var(--primary-color)}.rc-photo-preview{position: relative;align-self: flex-start}.rc-photo-preview img{display: block;width: 120px;height: 120px;object-fit: cover;border-radius: 14px}.rc-photo-remove{position: absolute;top: -8px;right: -8px;width: 28px;height: 28px;border: 0;border-radius: 50%;background: var(--text-dark);color: white;cursor: pointer}.rc-actions{display: flex;align-items: center;justify-content: space-between;gap: 0.8rem;flex-wrap: wrap}.rc-photo-btn{display: inline-flex;align-items: center;gap: 0.45rem;padding: 0.55rem 0.95rem;border-radius: 999px;border: 1.5px solid var(--border-color);background: white;font-weight: 700;font-size: 0.92rem;color: var(--primary-color);cursor: pointer}.rc-photo-btn:hover{border-color: var(--primary-color)}.rc-send{margin-left: auto}.rc-note{margin: 0;font-size: 0.8rem;color: var(--text-muted)}.rc-error{margin: 0;font-weight: 600;color: #B42318}.rc-thanks{margin: 0;font-weight: 700;color: #1F7A4D}.rc-gate .ag-box{padding: 1rem;background: white}.rc-feed{display: flex;flex-direction: column;gap: 0.8rem}.rc-comment time{font-size: 0.8rem;color: var(--text-muted)}.rc-comment .rc-image{grid-column: 2;grid-row: 1 / span 3}.rc-comment .rc-image img{display: block;width: 96px;height: 96px;object-fit: cover;border-radius: 12px}.rc-replies, .rc-reply-btn, .rc-reply-form{grid-column: 1 / -1}.rc-replies:empty{display: none}.rc-replies{display: flex;flex-direction: column;gap: 0.5rem;padding-left: 0.9rem;border-left: 3px solid #F1DCC4}.rc-reply header{display: flex;flex-wrap: wrap;align-items: center;gap: 0.3rem 0.6rem;font-size: 0.92rem}.rc-reply p{margin: 0.15rem 0 0;line-height: 1.55;color: #3A2418}.rc-reply-btn{justify-self: start;padding: 0;border: 0;background: none;font: inherit;font-size: 0.88rem;font-weight: 700;color: var(--primary-color);cursor: pointer}.rc-reply-form{display: flex;flex-direction: column;gap: 0.6rem}.rc-reply-form textarea{min-height: 60px}.rc-pending{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.15rem 0.6rem;border-radius: 999px;background: #FFF1D6;color: #8A5300;font-size: 0.76rem;font-weight: 700}.rc-is-pending{border-style: dashed}.rc-link{padding: 0;border: 0;background: none;font: inherit;font-weight: 700;color: var(--primary-color);text-decoration: underline;cursor: pointer}.rc-cellar-hint{margin: 1rem 0 0;font-size: 0.9rem;color: var(--text-light)}.rc-cellar-hint>i{color: var(--secondary-color);margin-right: 0.2rem}@media (max-width: 480px){.rc-form{padding: 0.95rem}.rc-star{font-size: 1.9rem}.rc-stars-hint{display: none}.rc-actions .rc-send{flex: 1 1 100%;justify-content: center}.rc-comment .rc-image img{width: 76px;height: 76px}}.rp-community-photos{margin-top: 1.5rem}.rp-community-photos h3{font-size: 1.05rem;margin: 0 0 0.6rem}.rp-community-photos>div{display: flex;gap: 0.6rem;overflow-x: auto;padding-bottom: 0.3rem}.rp-community-photos figure{margin: 0;flex: 0 0 auto}.rp-community-photos img{width: 110px;height: 110px;object-fit: cover;border-radius: 14px;display: block}.rp-community-photos figcaption{font-size: 0.75rem;color: var(--text-light)}.rp-community-photos a{display: inline-block;margin-top: 0.4rem;color: var(--primary-color);font-weight: 700}
.pv-page{padding: 2rem 0 4rem;background: var(--background-light)}.pv-page .container{max-width: 860px}.pv-head{margin: 1rem 0 1.5rem}.pv-kicker{font-size: 0.85rem;font-weight: 600;color: var(--secondary-strong)}.pv-head h1{margin: 0.2rem 0 0.4rem;font-size: clamp(1.8rem, 4vw, 2.4rem)}.pv-head p{margin: 0;color: var(--text-light);max-width: 620px}.pv-form{display: flex;flex-direction: column;gap: 1rem}.pv-form [hidden]{display: none !important}.pv-card{padding: 1.2rem;background: white;border: 1px solid var(--border-color);border-radius: 18px}.pv-type{display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 0.8rem;border: 0;padding: 0;margin: 0}.pv-type legend{font-weight: 700;margin-bottom: 0.6rem}.pv-choice{display: flex;gap: 0.7rem;padding: 1rem;background: white;border: 2px solid var(--border-color);border-radius: 18px;cursor: pointer}.pv-choice:has(input:checked){border-color: var(--primary-color);background: #FFF8F1}.pv-choice input{margin-top: 0.25rem;accent-color: var(--primary-color)}.pv-choice strong{display: block;color: var(--text-dark)}.pv-choice small{display: block;margin-top: 0.2rem;color: var(--text-light);line-height: 1.45}.pv-field{display: flex;flex-direction: column;gap: 0.35rem;margin-bottom: 0.8rem;font-weight: 600;font-size: 0.92rem}.pv-field:last-child{margin-bottom: 0}.pv-field em{font-weight: 400;font-style: normal;color: var(--text-muted)}.pv-field input, .pv-field textarea, .pv-ing input, .pv-step textarea{width: 100%;box-sizing: border-box;padding: 0.6rem 0.75rem;font: inherit;font-weight: 400;border: 1.5px solid var(--border-color);border-radius: 10px;background: white;color: var(--text-dark)}.pv-field input:focus, .pv-field textarea:focus, .pv-ing input:focus, .pv-step textarea:focus{outline: none;border-color: var(--primary-color)}.pv-section-head{display: flex;justify-content: space-between;align-items: center;gap: 1rem;flex-wrap: wrap;margin-bottom: 0.8rem}.pv-section-head h2{margin: 0;font-size: 1.25rem}.pv-legend{display: flex;align-items: center;gap: 0.35rem;font-size: 0.8rem;color: var(--text-light)}.pv-dot{display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-left: 0.4rem}.pv-dot.is-added{background: #2E9E62}.pv-dot.is-changed{background: #E08A1E}.pv-ingredients, .pv-steps{list-style: none;margin: 0 0 0.8rem;padding: 0;display: flex;flex-direction: column;gap: 0.5rem}.pv-ing{display: grid;grid-template-columns: 70px 80px minmax(0, 1fr) 36px;gap: 0.4rem;align-items: center;padding: 0.35rem;border-radius: 12px;border-left: 4px solid transparent}.pv-step{display: grid;grid-template-columns: minmax(0, 1fr) 36px;gap: 0.4rem;align-items: start;padding: 0.35rem;border-radius: 12px;border-left: 4px solid transparent;counter-increment: pv-step}.pv-steps{counter-reset: pv-step}.pv-step::before{content: counter(pv-step);grid-column: 1 / -1;font-size: 0.78rem;font-weight: 700;color: var(--text-muted)}.pv-step textarea{resize: vertical;min-height: 3.2rem}.pv-ing.is-added, .pv-step.is-added{background: #EAF6EF;border-left-color: #2E9E62}.pv-ing.is-changed, .pv-step.is-changed{background: #FDF2E3;border-left-color: #E08A1E}.pv-before{grid-column: 1 / -1;font-size: 0.8rem;color: #8A5A12}.pv-before:empty{display: none}.pv-remove{width: 36px;height: 36px;border: 0;border-radius: 50%;background: transparent;color: var(--text-muted);cursor: pointer}.pv-remove:hover{background: #F7E3E0;color: #B3261E}.pv-removed{display: flex;flex-wrap: wrap;align-items: center;gap: 0.4rem;margin-bottom: 0.8rem;font-size: 0.85rem;color: #B3261E}.pv-restore{padding: 0.25rem 0.6rem;border: 1px solid #F0C9C4;border-radius: 999px;background: #FDF1EF;color: #8C1D18;font: inherit;font-size: 0.82rem;cursor: pointer}.pv-maceration{margin-top: 1rem;max-width: 320px}.pv-hp{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}.pv-submit{display: flex;flex-direction: column;align-items: flex-start;gap: 0.6rem}.pv-summary{margin: 0;color: var(--text-muted)}.pv-summary.has-changes{color: var(--primary-color);font-weight: 600}.pv-error{margin: 0;padding: 0.6rem 0.9rem;border-radius: 10px;background: #FDF1EF;color: #8C1D18}.pv-done{text-align: center;padding: 3rem 1rem;background: white;border: 1px solid var(--border-color);border-radius: 18px}.pv-done>i{font-size: 3rem;color: #2E9E62}.pv-done p{color: var(--text-light);max-width: 480px;margin: 0.5rem auto 1.2rem}@media (max-width: 560px){.pv-ing{grid-template-columns: 60px 70px minmax(0, 1fr) 36px}.pv-ing .pv-name{grid-column: 1 / 4;grid-row: 2}.pv-ing .pv-remove{grid-row: 1;grid-column: 4}.pv-ing .pv-qty{grid-column: 1}.pv-ing .pv-unit{grid-column: 2 / 4}}.rp-versions{display: flex;flex-wrap: wrap;align-items: center;gap: 0.4rem;margin: 0 0 1rem}.rp-versions>span{font-size: 0.85rem;font-weight: 600;color: var(--text-light);margin-right: 0.2rem}.rp-versions a{padding: 0.35rem 0.8rem;border-radius: 999px;border: 1.5px solid var(--border-color);background: white;color: var(--text-dark);font-size: 0.85rem;text-decoration: none}.rp-versions a.is-on{border-color: var(--primary-color);background: var(--primary-color);color: white}.rp-versions-block .rp-versions:last-child{margin-bottom: 0}.rp-variant-note{margin: 0;padding: 0.8rem 1rem;border-radius: 14px;background: #FFF8F1;border: 1px solid #F1DCC4;font-size: 0.92rem;color: var(--text-light)}.rp-variant-note strong{color: var(--text-dark)}.rp-ingredients li.is-added, .rp-steps li.is-added{box-shadow: inset 4px 0 0 #2E9E62;background: #EAF6EF}.rp-ingredients li.is-changed, .rp-steps li.is-changed{box-shadow: inset 4px 0 0 #E08A1E;background: #FDF2E3}.rp-diff-tag{margin-left: 0.4rem;font-size: 0.72rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.03em;color: #8A5A12}.is-added .rp-diff-tag{color: #1F7A4D}.rp-diff-before{display: block;font-size: 0.8rem;color: #8A5A12;margin-top: 0.15rem}.rp-diff-removed{margin: 0.4rem 0 0;font-size: 0.85rem;color: #B3261E}.rp-propose{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.8rem;margin-top: 1.2rem;padding: 0.9rem 1.1rem;border-radius: 18px;border: 1.5px dashed var(--border-color)}.rp-propose p{margin: 0;color: var(--text-light)}.rp-propose div{display: flex;gap: 0.5rem;flex-wrap: wrap}
.dw-page{padding: 2rem 0 4rem;background: var(--background-light)}.dw-page .container{max-width: 820px}.dw-page [hidden]{display: none !important}.dw-head{margin: 0.5rem 0 1.5rem}.dw-kicker{font-size: 0.85rem;font-weight: 600;color: var(--secondary-strong)}.dw-head h1{margin: 0.2rem 0 0.4rem;font-size: clamp(1.8rem, 4vw, 2.5rem)}.dw-head p{margin: 0;color: var(--text-light);max-width: 600px}.dw-progress{display: grid;grid-template-columns: repeat(5, 1fr);gap: 0.4rem;list-style: none;margin: 0 0 1.6rem;padding: 0;counter-reset: none}.dw-progress li{display: flex;flex-direction: column;align-items: center;gap: 0.35rem;cursor: pointer;position: relative}.dw-progress li::before{content: '';position: absolute;top: 17px;left: calc(-50% + 18px);right: calc(50% + 18px);height: 3px;border-radius: 3px;background: var(--border-color)}.dw-progress li:first-child::before{display: none}.dw-progress li.is-done::before, .dw-progress li.is-current::before{background: var(--primary-color)}.dw-progress span{width: 36px;height: 36px;display: grid;place-items: center;border-radius: 50%;border: 2px solid var(--border-color);background: white;font-weight: 700;color: var(--text-muted)}.dw-progress em{font-style: normal;font-size: 0.8rem;color: var(--text-muted);text-align: center}.dw-progress li.is-current span{border-color: var(--primary-color);background: var(--primary-color);color: white}.dw-progress li.is-current em{color: var(--text-dark);font-weight: 600}.dw-progress li.is-done span{border-color: var(--primary-color);color: var(--primary-color)}.dw-step{display: flex;flex-direction: column;gap: 1.6rem;padding: 2rem;background: white;border: 1px solid var(--border-color);border-radius: 20px}.dw-step>.btn{align-self: flex-start}.dw-step h2{margin: 0;font-size: 1.5rem}.dw-tip{display: flex;gap: 0.7rem;margin: 0;padding: 0.9rem 1.1rem;border-radius: 12px;background: #FFF8F1;color: var(--text-light);font-size: 0.92rem}.dw-tip i{color: var(--secondary-color);margin-top: 0.2rem}.dw-field{display: flex;flex-direction: column;gap: 0.55rem;margin: 0;font-weight: 600;font-size: 0.95rem}.dw-field em{font-weight: 400;font-style: normal;color: var(--text-muted)}.dw-field small{font-weight: 400;color: var(--text-muted);font-size: 0.82rem}.dw-field input, .dw-field textarea, .dw-ing input, .dw-ing select, .dw-step-row textarea{width: 100%;box-sizing: border-box;padding: 0.75rem 0.9rem;font: inherit;font-weight: 400;border: 1.5px solid var(--border-color);border-radius: 12px;background: white;color: var(--text-dark)}.dw-field input:focus, .dw-field textarea:focus, .dw-ing input:focus, .dw-ing select:focus, .dw-step-row textarea:focus{outline: none;border-color: var(--primary-color)}.dw-row{display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 0.8rem}.dw-photo{position: relative;display: block;border: 2px dashed var(--border-color);border-radius: 16px;background: var(--background-light);cursor: pointer;overflow: hidden;font-weight: 400}.dw-photo:hover, .dw-photo:focus-within{border-color: var(--primary-color)}.dw-photo input{display: block;position: absolute;width: 1px;height: 1px;opacity: 0}.dw-photo-empty{display: flex;flex-direction: column;align-items: center;gap: 0.25rem;padding: 1.6rem 1rem;text-align: center;color: var(--text-light)}.dw-photo-empty i{font-size: 1.8rem;color: var(--primary-color)}.dw-photo-empty strong{color: var(--text-dark)}.dw-photo-empty small{font-size: 0.82rem}.dw-photo img{display: block;width: 100%;max-height: 340px;object-fit: cover}.dw-photo-change{display: none}.dw-photo.has-photo{border-style: solid;border-color: var(--primary-color)}.dw-photo.has-photo .dw-photo-empty{display: none}.dw-photo.has-photo .dw-photo-change{display: block;position: absolute;left: 0;right: 0;bottom: 0;padding: 0.55rem;text-align: center;font-weight: 600;font-size: 0.88rem;color: white;background: rgba(44, 24, 16, 0.7)}.dw-link{align-self: flex-start;padding: 0.3rem 0;border: 0;background: none;color: #B3261E;font: inherit;font-size: 0.85rem;cursor: pointer}.dw-ingredients, .dw-steps{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.9rem}.dw-ing{display: grid;grid-template-columns: 80px 130px minmax(0, 1fr) 38px;gap: 0.6rem;align-items: center}.dw-steps{counter-reset: dw-step}.dw-step-row{display: grid;grid-template-columns: 30px minmax(0, 1fr) 38px;gap: 0.7rem;align-items: start;counter-increment: dw-step}.dw-step-row::before{content: counter(dw-step);width: 30px;height: 30px;margin-top: 0.4rem;display: grid;place-items: center;border-radius: 50%;background: #F4E6D6;color: var(--primary-color);font-weight: 700;font-size: 0.85rem}.dw-step-row textarea{resize: vertical;min-height: 3.2rem}.dw-remove{width: 38px;height: 38px;border: 0;border-radius: 50%;background: transparent;color: var(--text-muted);cursor: pointer}.dw-remove:hover{background: #F7E3E0;color: #B3261E}.dw-chips{display: flex;flex-wrap: wrap;gap: 0.6rem}.dw-chips button{min-height: 42px;padding: 0.45rem 0.95rem;border-radius: 999px;border: 1.5px solid var(--border-color);background: white;color: var(--text-dark);font: inherit;font-weight: 500;cursor: pointer}.dw-chips button:hover{border-color: var(--primary-color)}.dw-chips button.is-on{border-color: var(--primary-color);background: var(--primary-color);color: white}.dw-preview{border: 1px solid var(--border-color);border-radius: 18px;overflow: hidden}.dw-preview [data-edit]{cursor: pointer;transition: background 0.2s}.dw-preview [data-edit]:hover{background: #FFF8F1}.dw-pv-hero{display: grid;grid-template-columns: 220px minmax(0, 1fr);gap: 1.4rem;padding: 1.4rem;border-bottom: 1px solid var(--border-color)}.dw-pv-hero img, .dw-pv-nophoto{width: 100%;aspect-ratio: 1;object-fit: cover;border-radius: 14px}.dw-pv-nophoto{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.4rem;background: #F4E6D6;color: var(--text-muted);font-size: 0.85rem}.dw-pv-nophoto i{font-size: 2rem;color: var(--accent-color)}.dw-pv-hero h3{margin: 0 0 0.4rem;font-size: 1.4rem}.dw-pv-hero p{margin: 0 0 0.8rem;color: var(--text-light)}.dw-pv-facts{display: flex;flex-wrap: wrap;gap: 0.4rem 1.4rem;margin: 0;padding: 0.4rem;border-radius: 10px}.dw-pv-facts dt{font-size: 0.75rem;color: var(--text-muted);text-transform: uppercase;letter-spacing: 0.04em}.dw-pv-facts dd{margin: 0;font-weight: 700;color: var(--text-dark)}.dw-pv-facts dd span{color: var(--border-color)}.dw-pv-cols{display: grid;grid-template-columns: minmax(0, 2fr) minmax(0, 3fr)}.dw-pv-cols>div{padding: 1.4rem}.dw-pv-cols>div + div{border-left: 1px solid var(--border-color)}.dw-pv-cols h4{margin: 0 0 0.5rem;font-size: 1rem}.dw-pv-cols ul, .dw-pv-cols ol{margin: 0;padding-left: 1.2rem;line-height: 1.6}.dw-pv-cols ul{list-style: none;padding-left: 0}.dw-pv-cols strong{color: var(--primary-color)}#dw-account-box:empty{display: none}.dw-hp{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}.dw-error{margin: 1.2rem 0 0;padding: 0.7rem 1rem;border-radius: 12px;background: #FDF1EF;color: #8C1D18}.dw-nav{display: flex;align-items: center;justify-content: space-between;gap: 0.8rem;margin-top: 1.4rem}.dw-saved{font-size: 0.82rem;color: var(--text-muted);text-align: center}.dw-done{text-align: center;padding: 2.5rem 1.2rem;background: white;border: 1px solid var(--border-color);border-radius: 20px}.dw-done-badge{width: 76px;height: 76px;margin: 0 auto 0.8rem;display: grid;place-items: center;border-radius: 50%;background: linear-gradient(135deg, #F5B85A, #D2691E);color: white;font-size: 2rem;box-shadow: 0 6px 20px rgba(210, 105, 30, 0.35)}.dw-done h2{margin: 0 0 0.4rem}.dw-done p{color: var(--text-light);max-width: 500px;margin: 0 auto 1rem}.dw-done-creator{padding: 0.8rem 1rem;border-radius: 14px;background: #FFF8F1}.dw-done-actions{display: flex;justify-content: center;flex-wrap: wrap;gap: 0.6rem;margin-top: 1.2rem}@media (max-width: 600px){.dw-step{padding: 1.3rem;gap: 1.3rem}.dw-progress em{display: none}.dw-progress li.is-current em{display: block;position: absolute;top: 40px;white-space: nowrap}.dw-progress{margin-bottom: 2rem}.dw-ing{grid-template-columns: 70px minmax(0, 1fr) 38px}.dw-ing .dw-name{grid-column: 1 / 3;grid-row: 2}.dw-ing .dw-remove{grid-column: 3;grid-row: 1}.dw-ing{padding-bottom: 0.9rem;border-bottom: 1px solid var(--border-color)}.dw-pv-hero{grid-template-columns: 1fr}.dw-pv-hero img, .dw-pv-nophoto{aspect-ratio: 16 / 10}.dw-pv-cols{grid-template-columns: 1fr}.dw-pv-cols>div + div{border-left: 0;border-top: 1px solid var(--border-color)}.dw-nav .btn{padding-left: 1rem;padding-right: 1rem}}.dl-photo img{max-height: 460px;object-fit: contain;background: repeating-conic-gradient(#F4EFE9 0% 25%, #FFFFFF 0% 50%) 50% / 20px 20px}.dl-quality{margin: 0;display: flex;flex-wrap: wrap;align-items: center;gap: 0.4rem;font-weight: 400;font-size: 0.88rem;padding: 0.6rem 0.9rem;border-radius: 12px}.dl-quality.is-good{background: #EAF6EF;color: #1F7A4D}.dl-quality.is-ok{background: #FDF2E3;color: #8A5A12}.dl-quality.is-low{background: #FDF1EF;color: #8C1D18}.dl-nav{justify-content: flex-end}
.ag-box{display: flex;flex-direction: column;gap: 1rem;padding: 1.4rem;border-radius: 18px;background: #FFF8F1;border: 1px solid #F1DCC4}.ag-box h3{display: flex;align-items: center;gap: 0.5rem;margin: 0;font-size: 1.15rem;color: var(--text-dark)}.ag-box h3 i{color: var(--primary-color)}.ag-box p{margin: 0;color: var(--text-light);line-height: 1.55}.ag-field{display: flex;flex-direction: column;gap: 0.55rem;max-width: 420px;font-weight: 600;font-size: 0.95rem;color: var(--text-dark)}.ag-field small{font-weight: 400;font-size: 0.82rem;color: var(--text-muted)}.ag-field input{width: 100%;box-sizing: border-box;padding: 0.75rem 0.9rem;font: inherit;font-weight: 400;border: 1.5px solid var(--border-color);border-radius: 12px;background: white;color: var(--text-dark)}.ag-field input:focus{outline: none;border-color: var(--primary-color)}.ag-field .ag-code{max-width: 200px;font-size: 1.4rem;letter-spacing: 0.4em;text-align: center}.ag-link{align-self: flex-start;padding: 0;border: 0;background: none;color: var(--primary-color);font: inherit;font-size: 0.9rem;text-decoration: underline;cursor: pointer}@media (max-width: 600px){.ag-box{padding: 1.1rem}}
.fs-page{padding: 2rem 0 4rem;background: var(--background-light)}.fs-page [hidden]{display: none !important}.fs-head{max-width: 760px;margin: 0.5rem 0 1.6rem}.fs-kicker{font-size: 0.85rem;font-weight: 600;color: var(--secondary-strong)}.fs-head h1{margin: 0.3rem 0 0.6rem;font-size: clamp(1.8rem, 4vw, 2.6rem);line-height: 1.15}.fs-head h1 span{color: var(--secondary-color)}.fs-head p{margin: 0;color: var(--text-light);line-height: 1.6}.fs-months{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: 0.4rem;margin-bottom: 2rem}.fs-months button{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.1rem;min-height: 54px;padding: 0.4rem 0.2rem;border: 1.5px solid var(--border-color);border-radius: 14px;background: white;color: var(--text-dark);font: inherit;font-weight: 600;font-size: 0.9rem;cursor: pointer}.fs-months button small{font-size: 0.65rem;font-weight: 500;text-transform: none;color: var(--secondary-color)}.fs-months button:hover{border-color: var(--primary-color)}.fs-months button.is-on{background: var(--primary-color);border-color: var(--primary-color);color: white}.fs-months button.is-on small{color: #FCE3C8}.fs-section, .fs-page .rp-ad{margin-bottom: 2.5rem}.fs-section h2{margin: 0 0 1rem;font-size: 1.5rem}.fs-section-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1rem;margin-bottom: 1rem}.fs-section-head h2{margin: 0}.fs-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));gap: 1rem}.fs-card{display: flex;flex-direction: column;gap: 0.5rem;padding: 1.2rem;background: white;border: 1px solid var(--border-color);border-radius: 20px}.fs-emoji{font-size: 2.2rem;line-height: 1}.fs-emoji i{font-size: 1.8rem;color: #6AA84F}.fs-emoji img{display: block;width: 52px;height: 52px}.fs-card h3{margin: 0;font-size: 1.15rem}.fs-badge{align-self: flex-start;padding: 0.15rem 0.6rem;border-radius: 999px;font-size: 0.72rem;font-weight: 700}.fs-badge.is-new{background: #EAF6EF;color: #1F7A4D}.fs-badge.is-last{background: #FDF2E3;color: #8A5A12}.fs-time{margin: 0;font-size: 0.88rem;color: var(--text-light)}.fs-time i{color: var(--accent-color);margin-right: 0.2rem}.fs-card-actions{display: flex;flex-direction: column;align-items: flex-start;gap: 0.6rem;margin-top: auto;padding-top: 0.8rem;border-top: 1px solid var(--border-color)}.fs-card-actions a{white-space: nowrap}.fs-card-actions a{font-weight: 600;font-size: 0.9rem;color: var(--primary-color);text-decoration: none}.fs-bell{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.35rem 0.7rem;border: 1.5px solid var(--border-color);border-radius: 999px;background: white;color: var(--text-light);font: inherit;font-size: 0.8rem;font-weight: 600;cursor: pointer}.fs-bell:hover{border-color: var(--primary-color);color: var(--primary-color)}.fs-bell.is-on{background: #FFF3E3;border-color: var(--secondary-color);color: var(--secondary-color)}.fs-soon-list{display: grid;grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));gap: 0.8rem}.fs-soon-item{display: flex;align-items: center;gap: 0.8rem;padding: 0.8rem 1rem;background: white;border: 1px solid var(--border-color);border-radius: 16px}.fs-soon-visual{display: grid;place-items: center;flex: none;width: 40px;height: 40px;font-size: 1.6rem}.fs-soon-visual img{width: 32px;height: 32px}.fs-soon-info{display: flex;flex-direction: column;flex: 1;min-width: 0}.fs-soon-info strong{font-size: 0.98rem}.fs-soon-info small{font-size: 0.8rem;color: var(--text-light)}.fs-soon-item .fs-bell{flex: none}.fs-search{display: flex;align-items: center;gap: 0.5rem;padding: 0 0.9rem;min-width: 260px;border: 1.5px solid var(--border-color);border-radius: 999px;background: white}.fs-search i{color: var(--text-muted)}.fs-search input{flex: 1;padding: 0.65rem 0;border: 0;outline: none;font: inherit;background: none}.fs-search:focus-within{border-color: var(--primary-color)}.fs-tabs{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-bottom: 1rem}.fs-tabs button{padding: 0.45rem 0.95rem;border: 1.5px solid var(--border-color);border-radius: 999px;background: white;color: var(--text-dark);font: inherit;font-size: 0.9rem;cursor: pointer}.fs-tabs button.is-on{background: var(--primary-color);border-color: var(--primary-color);color: white}.fs-times{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 1rem}.fs-time-card{display: grid;grid-template-columns: 56px minmax(0, 1fr);grid-template-areas: "visual info" "duration duration" "link link";gap: 0.9rem 1rem;align-items: center;padding: 1.2rem;background: white;border: 1px solid var(--border-color);border-radius: 20px}.fs-time-visual{grid-area: visual;display: grid;place-items: center;width: 56px;height: 56px;border-radius: 16px;background: var(--background-light)}.fs-time-visual img{display: block;width: 44px;height: 44px}.fs-time-info{grid-area: info;display: flex;flex-direction: column;gap: 0.2rem;min-width: 0}.fs-time-info strong{font-size: 1.05rem;color: var(--text-dark);line-height: 1.3}.fs-time-cat{font-size: 0.78rem;color: var(--text-muted)}.fs-time-duration{grid-area: duration;display: flex;flex-direction: column;gap: 0.45rem;padding: 0.8rem 0.9rem;border-radius: 14px;background: #FFF8F1}.fs-time-value{font-weight: 700;color: var(--primary-color)}.fs-gauge{display: block;height: 6px;border-radius: 999px;background: #EFE3D4;overflow: hidden}.fs-gauge span{display: block;height: 100%;border-radius: inherit;background: linear-gradient(90deg, #F5B85A, var(--secondary-color))}.fs-time-link{grid-area: link;font-size: 0.9rem;font-weight: 600;color: var(--secondary-strong);text-decoration: none}.fs-time-link.is-none{font-weight: 400;color: var(--text-muted)}.fs-more{display: flex;margin: 1.4rem auto 0}.fs-empty{padding: 1rem;color: var(--text-muted)}.fs-tips{display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 1rem}.fs-tips>div{padding: 1.3rem;background: white;border: 1px solid var(--border-color);border-radius: 20px}.fs-tips i{font-size: 1.4rem;color: var(--secondary-color)}.fs-tips h3{margin: 0.6rem 0 0.3rem;font-size: 1.05rem}.fs-tips p{margin: 0;color: var(--text-light);line-height: 1.55;font-size: 0.92rem}.fs-alert-overlay .cellar-sheet{display: flex;flex-direction: column;gap: 1rem}.fs-alert-overlay .cellar-sheet p{margin: 0;color: var(--text-light);line-height: 1.55}@media (max-width: 900px){.fs-months{grid-template-columns: repeat(6, minmax(0, 1fr))}}@media (max-width: 600px){.fs-months button small{display: none}.fs-search{min-width: 0;width: 100%}.fs-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.7rem}.fs-card{padding: 0.9rem}.fs-times{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.7rem}.fs-time-card{grid-template-columns: 1fr;grid-template-areas: "visual" "info" "duration" "link";gap: 0.6rem;padding: 0.9rem;border-radius: 16px}.fs-time-visual{width: 48px;height: 48px;border-radius: 12px}.fs-time-visual img{width: 38px;height: 38px}.fs-time-info strong{font-size: 0.98rem}.fs-time-duration{padding: 0.6rem 0.7rem}.fs-time-link{font-size: 0.82rem}}
.oc-page{padding: 2rem 0 4rem;background: var(--background-light)}.oc-page [hidden]{display: none !important}.oc-kicker{font-size: 0.85rem;font-weight: 600;color: var(--secondary-strong)}.oc-emoji{font-size: 2.6rem;line-height: 1}.oc-hero{display: grid;grid-template-columns: minmax(0, 1fr) 260px;gap: 2rem;align-items: center;margin: 1rem 0 2.5rem}.oc-hero h1{margin: 0.6rem 0 0.8rem;font-size: clamp(1.9rem, 4vw, 2.7rem);line-height: 1.15}.oc-hero p{margin: 0;max-width: 640px;color: var(--text-light);line-height: 1.65}.oc-countdown{display: flex;flex-direction: column;align-items: center;gap: 0.3rem;padding: 1.6rem 1.2rem;text-align: center;border-radius: 24px;background: #2C1810;color: #F8EBDD}.oc-countdown strong{font-size: 3.4rem;line-height: 1;color: #F5B85A}.oc-countdown span{font-weight: 600}.oc-countdown small{margin-top: 0.4rem;padding-top: 0.6rem;border-top: 1px solid rgba(248, 235, 221, 0.2);color: #D9C2AA;font-size: 0.85rem}.oc-group{margin-bottom: 2.5rem}.oc-group-head{margin-bottom: 1rem}.oc-group-head h2{display: flex;align-items: center;gap: 0.6rem;margin: 0 0 0.3rem;font-size: 1.45rem}.oc-group-head h2 span{padding: 0.1rem 0.6rem;border-radius: 999px;background: #F4E6D6;color: var(--primary-color);font-size: 0.9rem}.oc-group-head p{margin: 0;color: var(--text-light)}.oc-group-week .oc-group-head h2 span{background: #FDE8E6;color: #B3261E}.oc-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 1rem}.oc-card{display: flex;flex-direction: column;overflow: hidden;background: white;border: 1px solid var(--border-color);border-radius: 20px}.oc-card-img{position: relative;display: block;text-decoration: none;aspect-ratio: 16 / 10;overflow: hidden;background: #F4E6D6}.oc-card-img img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;display: block}.oc-card-img span{display: grid;place-items: center;height: 100%;font-size: 2rem;color: var(--accent-color)}.oc-card-body{display: flex;flex-direction: column;gap: 0.55rem;padding: 1rem 1.1rem 1.2rem;flex: 1}.oc-card-body h3{margin: 0;font-size: 1.05rem;line-height: 1.35}.oc-card-body h3 a{color: var(--text-dark);text-decoration: none}.oc-card-body .btn{align-self: flex-start;margin-top: auto}.oc-meta{margin: 0;font-size: 0.85rem;color: var(--text-light)}.oc-deadline{align-self: flex-start;display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.2rem 0.65rem;border-radius: 999px;background: #EAF6EF;color: #1F7A4D;font-size: 0.78rem;font-weight: 700}.oc-deadline.is-urgent{background: #FDE8E6;color: #B3261E}.oc-empty{padding: 1.5rem;margin-bottom: 2rem;border-radius: 20px;background: white;border: 1.5px dashed var(--border-color)}.oc-empty p{margin: 0 0 1rem;color: var(--text-light)}.oc-gift{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1.2rem;padding: 1.6rem;margin-bottom: 2.5rem;border-radius: 24px;background: #FFF8F1;border: 1px solid #F1DCC4}.oc-gift h2{margin: 0 0 0.4rem;font-size: 1.3rem}.oc-gift h2 i{color: var(--secondary-color)}.oc-gift p{margin: 0;max-width: 620px;color: var(--text-light);line-height: 1.6}.oc-gift-actions{display: flex;flex-wrap: wrap;gap: 0.6rem}.oc-others h2, .oc-section-title{margin: 0 0 1rem;font-size: 1.4rem}.oc-chips{display: flex;flex-wrap: wrap;gap: 0.6rem}.oc-chips a{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.55rem 1rem;border-radius: 999px;border: 1.5px solid var(--border-color);background: white;color: var(--text-dark);text-decoration: none;font-weight: 600}.oc-chips a small{font-weight: 400;color: var(--text-muted)}.oc-chips a:hover{border-color: var(--primary-color)}.oc-chips a.is-date{color: var(--primary-color)}.oc-hub-head{max-width: 720px;margin: 0.5rem 0 2rem}.oc-hub-head h1{margin: 0.3rem 0 0.6rem;font-size: clamp(1.9rem, 4vw, 2.6rem);line-height: 1.15}.oc-hub-head p{margin: 0;color: var(--text-light);line-height: 1.6}.oc-picker{display: flex;flex-direction: column;gap: 1rem;padding: 1.8rem;margin-bottom: 2.5rem;border-radius: 24px;background: white;border: 1px solid var(--border-color)}.oc-picker h2{margin: 0;font-size: 1.35rem}.oc-picker h2 i{color: var(--secondary-color)}.oc-picker>p{margin: -0.6rem 0 0;color: var(--text-light)}.oc-picker-row{display: flex;flex-wrap: wrap;align-items: center;gap: 0.8rem}.oc-date input{padding: 0.7rem 0.9rem;border: 1.5px solid var(--border-color);border-radius: 12px;font: inherit;color: var(--text-dark);background: white}.oc-date input:focus{outline: none;border-color: var(--primary-color)}.oc-quick{display: flex;flex-wrap: wrap;gap: 0.5rem}.oc-quick button{padding: 0.55rem 0.9rem;border: 1.5px solid var(--border-color);border-radius: 999px;background: white;font: inherit;font-size: 0.9rem;color: var(--text-dark);cursor: pointer}.oc-quick button:hover{border-color: var(--primary-color);color: var(--primary-color)}.oc-result-count{margin: 0.4rem 0 0.8rem;color: var(--text-light)}.oc-result-count strong{color: var(--text-dark)}#oc-result>.btn{margin-top: 1rem}.oc-mini-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 0.8rem}.oc-mini{display: flex;gap: 0.8rem;align-items: center;padding: 0.6rem;border-radius: 16px;border: 1px solid var(--border-color);background: var(--background-light);color: inherit;text-decoration: none}.oc-mini:hover{border-color: var(--primary-color)}.oc-mini img, .oc-mini-noimg{flex-shrink: 0;width: 72px;height: 72px;object-fit: cover;border-radius: 12px}.oc-mini-noimg{display: grid;place-items: center;background: #F4E6D6;color: var(--accent-color)}.oc-mini-body{display: flex;flex-direction: column;gap: 0.3rem;min-width: 0}.oc-mini-body strong{font-size: 0.95rem;color: var(--text-dark);line-height: 1.3}.oc-mini-body small{color: var(--text-muted);font-size: 0.8rem}.oc-occasions{display: grid;grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));gap: 1rem}.oc-occasion{display: flex;flex-direction: column;gap: 0.4rem;padding: 1.3rem;border-radius: 20px;background: white;border: 1px solid var(--border-color);color: inherit;text-decoration: none;transition: border-color 0.2s, transform 0.2s}.oc-occasion:hover{border-color: var(--primary-color);transform: translateY(-2px)}.oc-occasion strong{font-size: 1.15rem;color: var(--text-dark)}.oc-occasion-date{color: var(--text-light);font-size: 0.9rem}.oc-occasion-count{margin-top: 0.4rem;font-weight: 600;font-size: 0.9rem;color: #1F7A4D}.oc-occasion.is-late{opacity: 0.7}.oc-occasion.is-late .oc-occasion-count{color: var(--text-muted)}@media (max-width: 760px){.oc-hero{grid-template-columns: 1fr;gap: 1.2rem}.oc-countdown{flex-direction: row;flex-wrap: wrap;justify-content: center;gap: 0.3rem 0.8rem;padding: 1rem}.oc-countdown strong{font-size: 2.4rem}.oc-countdown small{width: 100%}.oc-picker{padding: 1.2rem}.oc-mini-grid{grid-template-columns: 1fr}}.oc-group-more{display: inline-flex;align-items: center;gap: 0.4rem;margin-top: 1rem;font-weight: 600;color: var(--primary-color);text-decoration: none}
.pt-page{padding: 2rem 0 4rem;background: var(--background-light)}.pt-page [hidden]{display: none !important}.pt-kicker{font-size: 0.85rem;font-weight: 600;color: var(--secondary-strong)}.pt-hero{max-width: 760px;margin: 0.5rem 0 2.5rem}.pt-hero h1{margin: 0.3rem 0 0.7rem;font-size: clamp(1.9rem, 4.5vw, 2.7rem);line-height: 1.15}.pt-hero p{margin: 0;color: var(--text-light);line-height: 1.65}.pt-empty{padding: 2rem;text-align: center;color: var(--text-muted)}.pt-list{display: flex;flex-direction: column;gap: 3rem;margin-bottom: 3rem}.pt-partner{scroll-margin-top: 100px}.pt-feature{display: grid;grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);gap: 2.6rem;align-items: center;padding: 2rem;border-radius: 28px;background: radial-gradient(circle at 15% 0%, #5A3420 0%, #2C1810 60%);color: #FBF9F7}.pt-feature-media{position: relative;aspect-ratio: 16 / 9;border-radius: 20px;overflow: hidden;background: #1E100A}.pt-feature-media>img:not(.pt-logo), .pt-play img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.pt-feature-media iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0}.pt-play{position: absolute;inset: 0;padding: 0;border: 0;background: none;cursor: pointer}.pt-play img{transition: transform 0.5s ease}.pt-play:hover img{transform: scale(1.04)}.pt-play-btn{position: absolute;left: 1rem;bottom: 1rem;display: inline-flex;align-items: center;gap: 0.6rem;padding: 0.65rem 1.1rem;border-radius: 999px;background: rgba(255, 255, 255, 0.95);color: #2C1810;font-weight: 700;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25)}.pt-play-btn i, .pt-play-round i{color: #C4302B}.pt-logo{position: absolute;top: 0.5rem;right: 0.7rem;width: 110px;height: auto;filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.5));pointer-events: none}.pt-initial{position: absolute;inset: 0;display: grid;place-items: center;font-size: 4rem;font-weight: 800;color: #F5B85A}.pt-feature-text{display: flex;flex-direction: column;gap: 0.8rem}.pt-tags{display: flex;flex-wrap: wrap;gap: 0.5rem;align-items: center}.pt-kind{padding: 0.25rem 0.75rem;border-radius: 999px;background: rgba(243, 178, 107, 0.16);color: #F3B26B;font-size: 0.78rem;font-weight: 700}.pt-city{font-size: 0.85rem;color: #D9C6B0}.pt-feature-text h2{margin: 0;font-size: clamp(1.8rem, 3.6vw, 2.4rem);font-weight: 800;color: #FFFFFF;letter-spacing: -0.02em}.pt-tagline{margin: 0;font-weight: 600;color: #E9B98A;font-size: 1.08rem}.pt-description{margin: 0;color: #D9C6B0;line-height: 1.7}.pt-promo{margin: 0;padding: 0.7rem 1rem;border-radius: 12px;background: rgba(243, 178, 107, 0.15);color: #F3B26B;font-weight: 700}.pt-actions{display: flex;flex-wrap: wrap;gap: 0.7rem;margin-top: 0.4rem}.pt-socials{display: flex;flex-wrap: wrap;gap: 0.55rem}.pt-socials a{width: 42px;height: 42px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: rgba(255, 255, 255, 0.08);border: 1px solid rgba(255, 255, 255, 0.12);color: #FFFFFF;text-decoration: none;transition: background 0.2s ease, color 0.2s ease}.pt-socials a i, .hx-partner-socials a i{text-decoration: none}.pt-socials a:hover{background: #F3B26B;color: #2C1810}.pt-shop{margin-top: 2.4rem}.pt-shop-head{margin-bottom: 1.2rem}.pt-shop-head h3{margin: 0 0 0.25rem;font-size: 1.4rem}.pt-shop-head p{margin: 0;color: var(--text-light)}.pt-products{display: grid;grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));gap: 1.2rem}.pt-product{display: flex;flex-direction: column;border-radius: 20px;overflow: hidden;background: #FFFFFF;border: 1px solid var(--border-color);color: var(--text-dark);text-decoration: none;transition: transform 0.2s ease, box-shadow 0.2s ease}.pt-product:hover{transform: translateY(-4px);box-shadow: 0 14px 30px rgba(139, 69, 19, 0.14)}.pt-product-img{position: relative;display: block;aspect-ratio: 1;background: #F6F1EC}.pt-product-img img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.pt-product-body{flex: 1;display: flex;flex-direction: column;gap: 0.45rem;padding: 1rem 1.1rem 1.1rem}.pt-product-body strong{font-size: 0.98rem;line-height: 1.3}.pt-product-body small{color: var(--text-light);font-size: 0.86rem;line-height: 1.45}.pt-videos{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.2rem}.pt-video{margin: 0}.pt-video>.pt-play, .pt-video>iframe{position: relative;display: block;width: 100%;height: auto;aspect-ratio: 16 / 9;border: 0;border-radius: 16px;overflow: hidden}.pt-play-round{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 58px;height: 58px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: rgba(255, 255, 255, 0.95);font-size: 1.2rem;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3)}.pt-video figcaption{margin-top: 0.6rem;font-weight: 600;font-size: 0.92rem;line-height: 1.4}.pt-join{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1.5rem;padding: 2rem;border-radius: 24px;background: #2C1810;color: #F8EBDD}.pt-join h2{margin: 0 0 0.4rem;color: white;font-size: 1.5rem}.pt-join p{margin: 0;max-width: 620px;color: #D9C2AA;line-height: 1.6}.pt-apply{max-width: 980px}.pt-stats{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1rem;margin-bottom: 2.5rem}.pt-stats div{display: flex;flex-direction: column;gap: 0.2rem;padding: 1.4rem;border-radius: 20px;background: white;border: 1px solid var(--border-color);text-align: center}.pt-stats strong{font-size: 2.2rem;color: var(--primary-color);line-height: 1}.pt-stats span{color: var(--text-light);font-size: 0.9rem}.pt-offers{margin-bottom: 2.5rem}.pt-offers h2, .pt-form-card h2{margin: 0 0 1.2rem;font-size: 1.5rem}.pt-offer-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 1rem}.pt-offer-grid div{padding: 1.4rem;border-radius: 20px;background: white;border: 1px solid var(--border-color)}.pt-offer-grid i{font-size: 1.5rem;color: var(--secondary-color)}.pt-offer-grid h3{margin: 0.7rem 0 0.4rem;font-size: 1.05rem}.pt-offer-grid p{margin: 0;color: var(--text-light);line-height: 1.55;font-size: 0.92rem}.pt-form-card{padding: 2rem;border-radius: 24px;background: white;border: 1px solid var(--border-color)}.pt-form-card form{display: flex;flex-direction: column;gap: 1.2rem}.pt-form-card form>.btn{align-self: flex-start}.pt-row{display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 1.2rem}.pt-field{display: flex;flex-direction: column;gap: 0.5rem;font-weight: 600;font-size: 0.95rem}.pt-field em{font-weight: 400;font-style: normal;color: var(--text-muted)}.pt-field input, .pt-field select, .pt-field textarea{width: 100%;box-sizing: border-box;padding: 0.75rem 0.9rem;border: 1.5px solid var(--border-color);border-radius: 12px;font: inherit;font-weight: 400;background: white;color: var(--text-dark)}.pt-field input:focus, .pt-field select:focus, .pt-field textarea:focus{outline: none;border-color: var(--primary-color)}.pt-field textarea{resize: vertical}.pt-done{text-align: center;padding: 1.5rem 0}.pt-done>i{font-size: 3rem;color: #2E9E62}.pt-done h3{margin: 0.6rem 0 0.3rem}.pt-done p{color: var(--text-light)}@media (max-width: 760px){.pt-feature{grid-template-columns: minmax(0, 1fr);gap: 1.6rem;padding: 1.2rem;border-radius: 22px}.pt-logo{width: 80px}.pt-products, .pt-videos{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.8rem}.pt-product-body{padding: 0.8rem}.pt-stats{grid-template-columns: 1fr}.pt-stats div{flex-direction: row;align-items: baseline;justify-content: center;gap: 0.6rem;padding: 1rem}.pt-form-card, .pt-join{padding: 1.3rem}}.pt-ext{position: absolute;top: 0.7rem;right: 0.7rem;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: rgba(255, 255, 255, 0.92);color: var(--primary-color);font-size: 0.75rem;box-shadow: 0 2px 8px rgba(44, 24, 16, 0.15)}.pt-product:hover .pt-ext{background: var(--primary-color);color: #FFFFFF}
.cv-page{background: var(--background-light);padding-bottom: 4rem}.cv-page [hidden]{display: none !important}.cv-hero{background: radial-gradient(circle at 85% 0%, #5A3420 0%, #2C1810 55%);color: #FBF9F7;padding: 2.4rem 0 2.6rem}.cv-hero-top{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;gap: 1rem;margin-bottom: 1.8rem}.cv-hello{margin: 0 0 0.3rem;color: #E9B98A;font-weight: 600}.cv-hero h1{margin: 0;font-size: clamp(2rem, 5vw, 2.9rem);font-weight: 800;letter-spacing: -0.02em;color: #FFFFFF}.cv-reminders{display: inline-flex;align-items: center;gap: 0.45rem;height: 40px;padding: 0 1rem;border-radius: 999px;border: 1.5px solid rgba(255, 255, 255, 0.22);background: transparent;color: #B8A595;font: inherit;font-size: 0.85rem;font-weight: 600;white-space: nowrap;cursor: pointer;transition: background 0.15s, border-color 0.15s, color 0.15s}.cv-reminders[hidden]{display: none}.cv-reminders:hover{border-color: #F3B26B;color: #FFD9A8}.cv-reminders .cv-on{display: none}.cv-reminders.is-on{background: rgba(243, 178, 107, 0.16);border-color: #F3B26B;color: #FFD9A8}.cv-reminders.is-on .cv-on{display: inline;color: #FFD66B}.cv-reminders.is-on .cv-off{display: none}.cv-hero-actions{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;gap: 0.6rem}.cv-share-btn{display: inline-flex;align-items: center;gap: 0.5rem;height: 40px;padding: 0 1.1rem;border: 0;border-radius: 999px;background: linear-gradient(135deg, #FFD66B, #E8A23A);color: #2C1810;font: inherit;font-size: 0.9rem;font-weight: 700;cursor: pointer;box-shadow: 0 6px 18px rgba(232, 162, 58, 0.3);transition: transform 0.15s}.cv-share-btn:hover{transform: translateY(-1px)}.cv-profile-btn{display: inline-flex;align-items: center;gap: 0.5rem;height: 40px;padding: 0 1.1rem;border: 1.5px solid rgba(255, 255, 255, 0.25);border-radius: 999px;background: rgba(255, 255, 255, 0.06);color: #FBF0DF;font: inherit;font-size: 0.9rem;font-weight: 600;cursor: pointer;transition: background 0.15s, border-color 0.15s}.cv-profile-btn:hover{background: rgba(255, 255, 255, 0.12);border-color: rgba(255, 255, 255, 0.45)}.cv-kpis{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1rem}.cv-kpis div{display: flex;flex-direction: column;gap: 0.25rem;padding: 1.1rem 1.2rem;border-radius: 18px;background: rgba(255, 255, 255, 0.06);border: 1px solid rgba(255, 255, 255, 0.08)}.cv-kpis strong{font-size: 1.9rem;font-weight: 800;line-height: 1;color: #FFFFFF}.cv-kpis span{font-size: 0.85rem;color: #D9C6B0}@keyframes cv-grow{from{transform: scaleX(0)}to{transform: scaleX(1)}}.cv-bar{height: 12px;border-radius: 999px;background: #F1E8DD;overflow: hidden}.cv-bar>span{display: block;height: 100%;border-radius: inherit;background: linear-gradient(90deg, #F3B26B, #D2691E);transform-origin: left center;animation: cv-grow 0.9s cubic-bezier(0.2, 0.8, 0.2, 1)}.cv-bar-thin{height: 8px}.cv-step .cv-step-next{margin-top: 0.35rem;font-weight: 600;color: var(--primary-color)}.cv-step-next i{font-size: 0.8em;margin-right: 0.2rem}.cv-bar{position: relative}.cv-bar-mark{position: absolute;top: 50%;width: 8px;height: 8px;margin: -4px 0 0 -4px;border-radius: 50%;background: #FFFFFF;box-shadow: 0 0 0 2px #B5651D}.cv-bar-mark.is-done{background: #B5651D;box-shadow: 0 0 0 2px #FFFFFF}.cv-static .cv-bar>span{animation: none}.cv-layout{display: flex;flex-direction: column;gap: 2rem;margin-top: 2rem}.cv-layout>*{min-width: 0}.cv-section-head{display: flex;justify-content: space-between;align-items: center;gap: 1rem;margin-bottom: 1rem}.cv-section-head h2, .cv-today h2{margin: 0;font-size: 1.4rem;font-weight: 800}.cv-card{padding: 1.5rem;border-radius: 24px;background: #FFFFFF;border: 1px solid var(--border-color)}.cv-more-link{font-size: 0.88rem;font-weight: 600;color: var(--primary-color);text-decoration: none}.cv-today{padding: 1.5rem;border-radius: 24px;background: #FFF8F1;border: 1px solid #F1DCC4}.cv-today h2{display: flex;align-items: center;gap: 0.5rem;margin-bottom: 1rem}.cv-today h2 i{color: #F3A33B}.cv-tasks{display: flex;flex-direction: column;gap: 0.7rem}.cv-task{display: flex;align-items: center;gap: 0.9rem;padding: 0.8rem 0.9rem;border-radius: 16px;background: #FFFFFF}.cv-task-icon{flex-shrink: 0;display: grid;place-items: center;width: 42px;height: 42px;border-radius: 12px;background: #F4E6D6;color: var(--primary-color)}.cv-task.is-ready .cv-task-icon{background: #E8F4EC;color: #1F7A4D}.cv-task-text{flex: 1;display: flex;flex-direction: column;gap: 0.1rem;min-width: 0}.cv-task-text strong{font-size: 0.95rem}.cv-task-text span{font-size: 0.85rem;color: var(--text-light);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.cv-hero .cv-today{margin-bottom: 1.2rem;padding: 1.1rem 1.2rem;border-radius: 20px;background: rgba(255, 255, 255, 0.06);border: 1px solid rgba(255, 243, 226, 0.14)}.cv-hero .cv-today h2{margin-bottom: 0.8rem;font-size: 1.15rem;color: #FFFFFF}.cv-hero .cv-today h2 i{color: #FFD66B}.cv-hero .cv-tasks{gap: 0.5rem}.cv-hero .cv-task{padding: 0.65rem 0.75rem;background: rgba(255, 255, 255, 0.07);border-radius: 14px}.cv-hero .cv-task-icon{width: 38px;height: 38px;background: rgba(243, 178, 107, 0.18);color: #F3B26B}.cv-hero .cv-task.is-ready .cv-task-icon{background: rgba(127, 203, 155, 0.2);color: #7FCB9B}.cv-hero .cv-task-text strong{color: #FFFFFF}.cv-hero .cv-task-text span{color: #D9C6B0}.cv-hero .cv-task .btn-outline{background: transparent;border-color: #F3B26B;color: #FFD9A8}.cv-hero .cv-task .btn-outline:hover{background: #F3B26B;color: #2C1810}.cv-filters{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-bottom: 1rem}.cv-filters button{display: inline-flex;align-items: center;gap: 0.45rem;height: 40px;padding: 0 1rem;border-radius: 999px;border: 1.5px solid var(--border-color);background: #FFFFFF;color: var(--text-dark);font: inherit;font-size: 0.88rem;font-weight: 600;cursor: pointer}.cv-filters button span{padding: 0.05rem 0.45rem;border-radius: 999px;background: #F4E6D6;color: var(--primary-color);font-size: 0.75rem}.cv-filters button.is-active{background: #2C1810;border-color: #2C1810;color: #FBF9F7}.cv-filters button.is-active span{background: rgba(255, 255, 255, 0.18);color: #FBF9F7}.cv-list{display: grid;grid-template-columns: minmax(0, 1fr);gap: 1.1rem}@media (min-width: 1000px){.cv-list{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1.4rem}}.cv-jar{display: flex;flex-direction: column;gap: 1rem;padding: 1.4rem;border-radius: 24px;background: #FFFFFF;border: 1.5px solid var(--border-color)}.cv-jar.cv-ready{border-color: #2E9E62;box-shadow: 0 8px 24px rgba(31, 122, 77, 0.1)}.cv-jar-head{display: flex;align-items: center;gap: 1rem}.cv-jar-icon{flex-shrink: 0;display: flex;flex-direction: column;align-items: center;width: 46px}.cv-jar-lid{width: 28px;height: 8px;border-radius: 3px;background: var(--primary-color)}.cv-jar-glass{position: relative;width: 42px;height: 50px;border-radius: 11px;background: #F6EFE6;border: 2px solid #D8C8B4;overflow: hidden}.cv-jar-glass span{position: absolute;left: 0;right: 0;bottom: 0;background: linear-gradient(180deg, #F3B26B, #C8752E);transition: height 0.8s ease}.cv-ready .cv-jar-glass span{background: linear-gradient(180deg, #7FCB9B, #2E9E62)}.cv-done .cv-jar-glass span{background: linear-gradient(180deg, #C9A27A, #8B4513)}.cv-jar-title{flex: 1;display: flex;flex-direction: column;gap: 0.2rem;min-width: 0}.cv-jar-title a{font-size: 1.1rem;font-weight: 700;color: var(--text-dark);text-decoration: none;line-height: 1.3}.cv-jar-title a:hover{color: var(--primary-color)}.cv-jar-title span{font-size: 0.85rem;color: var(--text-light)}.cv-jar-badge{flex-shrink: 0;font-size: 1.15rem;font-weight: 800;color: var(--primary-color)}.cv-ready .cv-jar-badge{color: #1F7A4D}.cv-done .cv-jar-badge{font-size: 0.85rem;padding: 0.25rem 0.7rem;border-radius: 999px;background: #F4E6D6}.cv-ready .cv-bar>span{background: linear-gradient(90deg, #7FCB9B, #2E9E62)}.cv-bar-legend{display: flex;justify-content: space-between;gap: 1rem;margin-top: -0.5rem;font-size: 0.85rem;color: var(--text-light)}.cv-step{display: flex;align-items: center;gap: 1rem;padding: 0.9rem 1rem;border-radius: 16px;background: #FBF5EE}.cv-ready .cv-step{background: #E8F4EC}.cv-step>div{flex: 1;display: flex;flex-direction: column;gap: 0.2rem}.cv-step strong{font-size: 0.95rem;color: var(--primary-color)}.cv-ready .cv-step strong{color: #1F7A4D}.cv-step span{font-size: 0.88rem;line-height: 1.5;color: #4A3226}.cv-step .btn{flex-shrink: 0}.cv-jar-foot{display: flex;align-items: center;justify-content: space-between;gap: 0.6rem;flex-wrap: wrap;margin-top: auto}.cv-chip{display: inline-flex;align-items: center;gap: 0.45rem;height: 40px;padding: 0 1rem;border-radius: 999px;border: 1.5px solid var(--border-color);background: #FFFFFF;color: var(--text-dark);font: inherit;font-size: 0.88rem;font-weight: 600;cursor: pointer}.cv-chip:hover{border-color: var(--primary-color);color: var(--primary-color)}.cv-chip-main{border-color: var(--secondary-color);color: var(--secondary-color)}.cv-jar-remove{flex-shrink: 0;display: grid;place-items: center;width: 34px;height: 34px;border: 0;border-radius: 10px;background: none;color: var(--text-muted);font-size: 0.85rem;cursor: pointer;transition: background 0.15s, color 0.15s}.cv-jar-remove:hover{background: #FDECEA;color: #B3261E}.cv-jar-actions{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 0.4rem 1rem;width: 100%;padding-top: 0.7rem;border-top: 1px solid var(--border-color)}.cv-short{display: none}@media (max-width: 520px){.cv-long{display: none}.cv-short{display: inline}.cv-jar-actions>*{padding: 0 0.4rem}}.cv-jar-link{display: inline-flex;align-items: center;gap: 0.4rem;height: 36px;padding: 0 0.85rem;border-radius: 999px;font-size: 0.82rem;font-weight: 600;color: var(--text-light);text-decoration: none;transition: background 0.15s, color 0.15s;white-space: nowrap}.cv-jar-link:hover{background: var(--background-light);color: var(--primary-color)}.cv-jar-link i{font-size: 0.78rem}.cv-jar-notify{display: inline-flex;align-items: center;gap: 0.4rem;height: 34px;padding: 0 0.85rem;border-radius: 999px;border: 1.5px solid var(--border-color);font-size: 0.82rem;font-weight: 600;color: var(--text-muted);cursor: pointer;transition: background 0.15s, color 0.15s, border-color 0.15s;white-space: nowrap}.cv-jar-notify:hover{border-color: var(--primary-color);color: var(--primary-color)}.cv-jar-notify i{font-size: 0.78rem}.cv-jar-notify .cv-on{display: none}.cv-jar-notify:has(input:checked){background: #FDF0E1;border-color: #F3B26B;color: var(--primary-color)}.cv-jar-notify:has(input:checked) .cv-on{display: inline}.cv-jar-notify:has(input:checked) .cv-off{display: none}.cv-jar-notify:has(input:focus-visible){outline: 3px solid var(--primary-color);outline-offset: 2px}.cv-jar-notify--disabled{opacity: 0.5;cursor: pointer}.cv-jar-notify--disabled input{cursor: pointer}.cv-empty{display: flex;flex-direction: column;align-items: center;text-align: center;gap: 0.8rem;padding: 2.5rem 1.5rem;border-radius: 24px;background: #FFFFFF;border: 1.5px dashed #D8C8B4}.cv-empty-jar{display: block;width: 64px;height: 76px;border-radius: 16px;border: 3px solid #D8C8B4;position: relative;background: #F6EFE6}.cv-empty-jar::before{content: '';position: absolute;top: -12px;left: 12px;right: 12px;height: 10px;border-radius: 4px;background: var(--primary-color)}.cv-empty-jar span{position: absolute;left: 6px;right: 6px;bottom: 6px;height: 30%;border-radius: 8px;background: linear-gradient(180deg, #F3B26B, #C8752E);opacity: 0.6}.cv-empty h3{margin: 0.4rem 0 0;font-size: 1.35rem}.cv-empty p{margin: 0;max-width: 460px;color: var(--text-light);line-height: 1.6}.cv-empty-actions{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.75rem;width: 100%;max-width: 480px;margin-top: 0.6rem}.cv-empty-actions .btn{justify-content: center;min-height: 50px}@media (max-width: 520px){.cv-empty-actions{grid-template-columns: minmax(0, 1fr);max-width: 320px}}.cv-save--hero{display: flex;align-items: center;gap: 1.1rem;padding: 1rem 1.3rem;margin-top: -0.4rem;margin-bottom: 1.6rem;border-radius: 16px;background: rgba(176, 42, 20, 0.22);border: 1px solid rgba(220, 80, 50, 0.45)}.cv-save--hero .cv-save-icon{flex-shrink: 0;display: grid;place-items: center;width: 42px;height: 42px;border-radius: 12px;background: rgba(220, 80, 50, 0.25);color: #F0846A;font-size: 1.05rem}.cv-save--hero div{flex: 1;display: flex;flex-direction: column;gap: 0.2rem;min-width: 0}.cv-save--hero strong{font-size: 0.95rem;font-weight: 700;color: #FFFFFF;line-height: 1.3}.cv-save--hero span{font-size: 0.85rem;color: #D9C6B0;line-height: 1.5}.cv-save-btn{flex-shrink: 0;background: #FFFFFF;color: #2C1810;border: none;font-weight: 700}.cv-save-btn:hover{background: #F1DCC4}.cv-occasions{display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 0.6rem}.cv-occasion{display: flex;align-items: center;gap: 0.9rem;padding: 0.8rem;border-radius: 16px;background: var(--background-light);color: inherit;text-decoration: none;transition: background 0.15s}.cv-occasion:hover{background: #FFF3E3}.cv-occasion-emoji{flex-shrink: 0;display: grid;place-items: center;width: 44px;height: 44px;border-radius: 12px;background: #FFFFFF;font-size: 1.4rem}.cv-occasion-text{flex: 1;display: flex;flex-direction: column;gap: 0.1rem;min-width: 0}.cv-occasion-text strong{font-size: 0.98rem}.cv-occasion-text small{font-size: 0.8rem;color: var(--text-muted)}.cv-occasion-text em{font-style: normal;font-size: 0.82rem;font-weight: 600;color: #1F7A4D}.cv-occasion-text em.cv-urgent{color: #B3261E}.cv-occasion>i{color: var(--text-muted);font-size: 0.8rem}.cv-badges-count{font-size: 0.85rem;font-weight: 600;color: var(--text-light)}.cv-badges-total{height: 8px;margin: -0.3rem 0 1.2rem;border-radius: 999px;background: #F1E8DD;overflow: hidden}.cv-badges-total span{display: block;height: 100%;border-radius: inherit;background: linear-gradient(90deg, #F3B26B, #D2691E);transition: width 0.6s ease}.cv-badge-list{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.5rem}.cv-badge>a, .cv-badge>div{display: flex;align-items: center;gap: 0.9rem;padding: 0.7rem;border-radius: 16px;color: inherit;text-decoration: none}.cv-badge>a:hover{background: var(--background-light)}.cv-badge-icon{flex-shrink: 0;display: grid;place-items: center;width: 44px;height: 44px;border-radius: 50%;background: #F1E8DD;color: #A8927C;font-size: 1.05rem}.cv-badge.is-on .cv-badge-icon{background: linear-gradient(135deg, #F3B26B, #D2691E);color: #FFFFFF;box-shadow: 0 4px 12px rgba(210, 105, 30, 0.3)}.cv-badge-body{flex: 1;display: flex;flex-direction: column;gap: 0.35rem;min-width: 0}.cv-badge-row{display: flex;justify-content: space-between;gap: 0.5rem;align-items: baseline}.cv-badge-row strong{font-size: 0.92rem}.cv-badge-row em{font-style: normal;font-size: 0.78rem;font-weight: 700;color: var(--text-muted);white-space: nowrap}.cv-badge.is-on .cv-badge-row em{color: #1F7A4D}.cv-badge.is-on .cv-bar>span{background: linear-gradient(90deg, #7FCB9B, #2E9E62)}.cv-badge-body small{font-size: 0.78rem;color: var(--text-muted)}.cv-wish-list{display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 0.6rem}.cv-wish{display: flex;align-items: center;gap: 0.6rem;padding: 0.7rem 0.8rem;border-radius: 14px;background: var(--background-light)}.cv-wish>div{flex: 1;display: flex;flex-direction: column;min-width: 0}.cv-wish a{font-weight: 600;font-size: 0.92rem;color: var(--text-dark);text-decoration: none}.cv-wish span{font-size: 0.78rem;color: var(--text-muted)}.cv-icon-btn{flex-shrink: 0;display: grid;place-items: center;width: 36px;height: 36px;border: 0;border-radius: 50%;background: none;color: var(--text-muted);cursor: pointer}.cv-icon-btn:hover{background: #F7E3E0;color: #B3261E}@media (max-width: 640px){.cv-hero{padding: 1.6rem 0 1.8rem}.cv-kpis{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.6rem}.cv-kpis div{padding: 0.9rem}.cv-kpis strong{font-size: 1.6rem}.cv-layout{margin-top: 1.4rem;gap: 1.6rem}.cv-jar{padding: 1.1rem}.cv-step{flex-direction: column;align-items: stretch}.cv-task{flex-wrap: wrap}.cv-task-text{flex-basis: calc(100% - 60px)}.cv-task-text span{white-space: normal}.cv-task .btn{width: 100%;justify-content: center}.cv-step .btn{justify-content: center}.cv-save, .cv-save--hero{flex-wrap: wrap;align-items: flex-start}.cv-save--hero div{flex-basis: calc(100% - 60px)}.cv-save--hero .cv-save-btn{width: 100%}.cv-card, .cv-today{padding: 1.2rem}}button.cv-jar-link{border: 0;background: none;font: inherit;font-size: 0.82rem;font-weight: 600;cursor: pointer}.cs-sheet{gap: 1rem}.cs-intro{margin: 0;color: var(--text-light);font-size: 0.92rem;line-height: 1.55}.cs-visibility{border: 1.5px solid var(--border-color);border-radius: 16px;background: #FFFFFF;overflow: hidden}.cs-toggle{display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding: 0.8rem 1rem;cursor: pointer}.cs-toggle>span{display: flex;flex-direction: column;gap: 0.15rem;font-size: 0.92rem;font-weight: 600;color: var(--text-dark)}.cs-toggle>span i{color: var(--primary-color);width: 1.2em}.cs-toggle small{font-weight: 400;font-size: 0.8rem;color: var(--text-light)}.cs-toggle-main{padding: 0.95rem 1rem}.cs-show{border-top: 1px solid var(--border-color);background: var(--background-light)}.cs-show .cs-toggle>span{display: block}.cs-show .cs-toggle + .cs-toggle{border-top: 1px solid #EFE6DB}.cs-switch{appearance: none;-webkit-appearance: none;flex-shrink: 0;position: relative;width: 46px;height: 26px;margin: 0;border-radius: 999px;background: #D8CCBF;cursor: pointer;transition: background 0.2s}.cs-switch::before{content: "";position: absolute;top: 3px;left: 3px;width: 20px;height: 20px;border-radius: 50%;background: #FFFFFF;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);transition: transform 0.2s}.cs-switch:checked{background: var(--primary-color)}.cs-switch:checked::before{transform: translateX(20px)}.cs-switch:focus-visible{outline: 3px solid var(--primary-color);outline-offset: 2px}.cs-share{display: flex;flex-direction: column;gap: 0.8rem;padding-top: 1rem;border-top: 1px solid var(--border-color)}.cs-share h3{margin: 0;font-size: 1.05rem}.cs-share-grid{grid-template-columns: repeat(4, minmax(0, 1fr))}.cs-preview{align-self: center;font-size: 0.88rem;font-weight: 600;color: var(--primary-color);text-decoration: none}.cs-preview:hover{text-decoration: underline}@media (max-width: 640px){.cv-hero-actions{justify-content: flex-start}}.cs-need-pseudo{display: flex;flex-direction: column;align-items: flex-start;gap: 0.7rem;padding: 1rem;border-radius: 16px;background: #FDF0E1;border: 1px solid #F3D3AE}.cs-need-pseudo p{margin: 0;font-size: 0.92rem;line-height: 1.5;color: #4A3226}.pe-sheet{gap: 1.2rem}.pe-block{display: flex;flex-direction: column;gap: 0.5rem}.pe-block + .pe-block{padding-top: 1.2rem;border-top: 1px solid var(--border-color)}.pe-label{font-size: 0.85rem;font-weight: 700;color: var(--text-light)}.pe-row{display: flex;gap: 0.5rem;align-items: center}.pe-row input{flex: 1;min-width: 0;min-height: 44px;padding: 0 0.8rem;border: 1.5px solid var(--border-color);border-radius: 12px;font: inherit;background: #FFFFFF}.pe-row input:focus{outline: none;border-color: var(--primary-color)}.pe-row .btn{flex-shrink: 0;min-height: 44px}.pe-row [hidden], .pe-email-form[hidden], .pe-row[hidden]{display: none}.pe-current{justify-content: space-between;padding: 0.6rem 0.6rem 0.6rem 0.9rem;border-radius: 12px;background: var(--background-light)}.pe-current span{font-weight: 600;word-break: break-all}.pe-email-form{display: flex;flex-direction: column;gap: 0.5rem}.pe-status{font-size: 0.8rem;line-height: 1.45;color: var(--text-muted)}.pe-status.is-ok{color: #1F7A4D;font-weight: 600}.pe-status.is-bad{color: #B3261E;font-weight: 600}.pe-account-actions{display: flex;align-items: stretch;gap: 0.6rem}.pe-account-actions .btn{flex: 1 1 0;min-width: 0;min-height: 44px;justify-content: center;gap: 0.4rem;padding: 0 0.6rem;white-space: nowrap}.pe-delete-open{border: 2px solid #B3261E;background: #FFFFFF;color: #B3261E}.pe-delete-open:hover, .pe-delete-open[aria-expanded="true"]{background: #B3261E;color: #FFFFFF}@media (max-width: 480px){.pe-delete-open .pe-long{display: none}}.pe-delete{display: flex;flex-direction: column;gap: 0.6rem;padding: 1rem;border-radius: 14px;background: #FDF0EE;border: 1px solid #F2C9C3}.pe-delete[hidden]{display: none}.pe-delete p{margin: 0;font-size: 0.88rem;line-height: 1.5;color: #4A3226}.pe-danger{background: #B3261E;color: #FFFFFF;border: none}.pe-danger:disabled{opacity: 0.45;cursor: not-allowed}.cv-bar-tick{position: absolute;top: 3px;bottom: 3px;width: 2px;margin-left: -1px;border-radius: 2px;background: rgba(181, 101, 29, 0.35)}.cv-bar-tick.is-done{background: rgba(255, 255, 255, 0.9)}.cv-plan{margin-top: -0.25rem}.cv-plan summary{display: inline-flex;align-items: center;gap: 0.4rem;cursor: pointer;list-style: none;font-size: 0.9rem;font-weight: 600;color: var(--primary-color);padding: 0.2rem 0}.cv-plan summary::-webkit-details-marker{display: none}.cv-plan summary span{font-weight: 400;color: var(--text-light)}.cv-plan summary i{font-size: 0.75em;transition: transform 0.2s}.cv-plan[open] summary i{transform: rotate(180deg)}.cv-plan ol{list-style: none;margin: 0.5rem 0 0;padding: 0 0 0 0.25rem;display: grid;gap: 0}.cv-plan li{position: relative;display: grid;grid-template-columns: 6.2rem 1.4rem 1fr auto;align-items: center;gap: 0.4rem;padding: 0.4rem 0;font-size: 0.88rem;color: #4A3226;border-bottom: 1px dashed #EADCCB}.cv-plan li:last-child{border-bottom: 0}.cv-plan time{color: var(--text-light);font-variant-numeric: tabular-nums;white-space: nowrap}.cv-plan li>i{color: #B5651D;text-align: center}.cv-plan li.is-done{color: #8A7565}.cv-plan li.is-done>i{color: #C9A27E}.cv-plan li.is-today{font-weight: 700}.cv-plan-remove>i, .cv-plan-taste>i, .cv-plan-filter>i{color: #8B4513}.cv-plan-filter .cv-plan-title, .cv-plan-rest .cv-plan-title{font-weight: 600}.cv-plan-state{font-size: 0.78rem;font-weight: 600;white-space: nowrap;padding: 0.1rem 0.5rem;border-radius: 999px}.cv-plan-state.is-done{color: #2E7D4F;background: #E8F4EC}.cv-plan-state.is-today{color: #FFFFFF;background: #D2691E}.cv-plan-state.is-missed{color: #8A7565;background: #F3ECE4}@media (max-width: 480px){.cv-plan li{grid-template-columns: 4.6rem 1.2rem 1fr}.cv-plan-state{grid-column: 3;justify-self: start}}.cv-label-list{display: grid;grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));gap: 0.75rem}.cv-label{display: flex;flex-direction: column;gap: 0.15rem;padding: 0 0 0.7rem;border: 1px solid var(--border-color);border-radius: 14px;background: #FFFFFF;color: var(--text-dark);text-decoration: none;overflow: hidden;transition: border-color 0.2s, transform 0.2s}.cv-label:hover{border-color: var(--primary-color);transform: translateY(-2px)}.cv-label-thumb{position: relative;display: flex;align-items: center;justify-content: center;height: 130px;margin-bottom: 0.45rem;background: radial-gradient(circle at 50% 35%, #FFFFFF 0%, #F3EBE1 100%)}.cv-label-thumb canvas{box-shadow: 0 4px 12px rgba(44, 24, 16, 0.15)}.cv-label-thumb i{position: absolute;top: 0.5rem;right: 0.55rem;color: #C0392B;font-size: 0.85rem}.cv-label strong, .cv-label small{padding: 0 0.7rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.cv-label strong{font-size: 0.88rem}.cv-label small{font-size: 0.76rem;color: var(--text-muted)}.coll-intro{margin: -0.6rem 0 0.9rem;font-size: 0.88rem;color: var(--text-muted)}
body.cellar-open{overflow: hidden}.cellar-overlay{position: fixed;inset: 0;z-index: 2000;display: flex;align-items: flex-end;justify-content: center;background: rgba(28, 15, 9, 0.55)}.cellar-sheet{width: 100%;max-width: 480px;max-height: 92vh;overflow-y: auto;display: flex;flex-direction: column;gap: 1rem;padding: 1.5rem;background: var(--background-light);border-radius: 24px 24px 0 0;animation: cellarRise 0.3s ease-out}@media (min-width: 640px){.cellar-overlay{align-items: center}.cellar-sheet{border-radius: 24px}}@keyframes cellarRise{from{opacity: 0;transform: translateY(24px)}to{opacity: 1;transform: none}}.cellar-sheet-head{display: flex;justify-content: space-between;align-items: center}.cellar-sheet h2{margin: 0;font-size: 1.35rem;color: var(--text-dark)}.cellar-recipe{margin: -0.5rem 0 0;color: var(--text-light);font-weight: 600}.cellar-close{width: 44px;height: 44px;border: 0;border-radius: 50%;background: var(--border-color);font-size: 1.5rem;line-height: 1;color: var(--text-dark);cursor: pointer}.cellar-field{display: flex;flex-direction: column;gap: 0.45rem}.cellar-field[hidden]{display: none}.cellar-field>span{font-size: 0.85rem;font-weight: 700;color: var(--text-light)}.cellar-field small{color: var(--text-light);line-height: 1.4}.cellar-field input[type="text"], .cellar-field input[type="email"], .cellar-date input{min-height: 46px;padding: 0 0.9rem;border: 1.5px solid var(--border-color);border-radius: 12px;font: inherit;background: white}.cellar-chips{display: flex;flex-wrap: wrap;gap: 0.5rem}.cellar-chips button{min-height: 44px;padding: 0 1rem;border: 1.5px solid var(--border-color);border-radius: 12px;background: white;font: 600 0.9rem Inter, sans-serif;color: var(--text-dark);cursor: pointer}.cellar-chips button.is-active{background: var(--primary-color);border-color: var(--primary-color);color: white}.cellar-switch{display: flex;align-items: center;gap: 0.75rem;padding: 0.75rem 0.9rem;border: 1.5px solid var(--border-color);border-radius: 14px;background: white;cursor: pointer}.cellar-switch input{width: 22px;height: 22px;accent-color: var(--primary-color)}.cellar-switch span{display: flex;flex-direction: column}.cellar-switch small{color: var(--text-light)}.cellar-ready{margin: 0;font-weight: 700;color: var(--primary-color)}.cellar-error{margin: 0;color: #B42318;font-size: 0.9rem}.cellar-error:empty{display: none}.cellar-sheet .btn{justify-content: center;min-height: 50px}.cellar-done{display: flex;flex-direction: column;align-items: center;gap: 0.9rem;text-align: center}.cellar-done-icon{width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #F4E6D6;color: var(--primary-color);font-size: 2.2rem}.cellar-done .btn{width: 100%}.cellar-progress, .cave-progress{width: 100%;height: 10px;border-radius: 5px;background: var(--border-color);overflow: hidden}.cellar-progress-bar, .cave-progress>div{height: 100%;border-radius: 5px;background: var(--secondary-color);transition: width 0.6s ease}.sr-only{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.cave-hero{padding: 2.5rem 0;background: var(--text-dark);color: #FBF9F7}.cave-hero h1{margin: 0 0 0.3rem;font-size: 2.2rem;color: #FBF9F7}.cave-hero p{margin: 0;color: #D9C6B0}.cave-level{margin-top: 1.2rem;max-width: 420px;display: flex;flex-direction: column;gap: 0.4rem;padding: 1rem;border-radius: 16px;background: #3F271B}.cave-level span{font-size: 0.85rem;color: #D9C6B0}.cave-level .cave-progress{background: #5A3A2A}.cave-level .cave-progress>div{background: #F3B26B}.cave-content{padding-top: 2rem;padding-bottom: 3rem;display: flex;flex-direction: column;gap: 1.5rem}.cave-filters{display: flex;flex-wrap: wrap;gap: 0.5rem}.cave-filters button{min-height: 40px;padding: 0 1rem;border: 1.5px solid var(--border-color);border-radius: 20px;background: white;font: 600 0.88rem Inter, sans-serif;color: var(--text-dark);cursor: pointer}.cave-filters button.is-active{background: var(--text-dark);border-color: var(--text-dark);color: white}.cave-list{display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 1rem}.cave-card{display: flex;flex-direction: column;gap: 0.8rem;padding: 1.1rem;border-radius: 18px;background: white;border: 1.5px solid var(--border-color)}.cave-card.cave-ready{border-color: #1F7A4D}.cave-card-head{display: flex;align-items: center;gap: 0.9rem}.cave-jar{position: relative;flex-shrink: 0;width: 36px;height: 46px;border: 2px solid #D8C8B4;border-top-width: 6px;border-top-color: var(--primary-color);border-radius: 6px 6px 10px 10px;background: #F6EFE6;overflow: hidden}.cave-jar span{position: absolute;left: 0;right: 0;bottom: 0;background: #C9772B}.cave-card-title{flex-grow: 1;min-width: 0;display: flex;flex-direction: column}.cave-card-title a{font-weight: 700;color: var(--text-dark);text-decoration: none}.cave-card-title span{font-size: 0.82rem;color: var(--text-light)}.cave-status{font-weight: 800;color: var(--primary-color);white-space: nowrap}.cave-ready .cave-status{color: #1F7A4D}.cave-ready .cave-progress>div{background: #1F7A4D}.cave-progress-legend{display: flex;justify-content: space-between;gap: 0.5rem;font-size: 0.82rem;color: var(--text-light)}.cave-step{display: flex;align-items: center;gap: 0.8rem;padding: 0.7rem 0.8rem;border-radius: 14px;background: #FBF5EE}.cave-ready .cave-step{background: #E8F4EC}.cave-step div{flex-grow: 1;display: flex;flex-direction: column;gap: 0.15rem}.cave-step strong{font-size: 0.9rem;color: var(--primary-color)}.cave-ready .cave-step strong{color: #1F7A4D}.cave-step span{font-size: 0.85rem;color: var(--text-light)}.cave-step .btn{min-height: 40px;white-space: nowrap}.cave-card-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem 1rem;font-size: 0.85rem}.cave-card-actions a{color: var(--primary-color)}.cave-remove{margin-left: auto;border: 0;background: none;color: var(--text-light);text-decoration: underline;cursor: pointer;font: inherit}.cave-empty{text-align: center;padding: 3rem 1rem}.cave-empty i{font-size: 3rem;color: var(--primary-color)}.cave-save{display: flex;flex-direction: column;gap: 0.3rem;padding: 1rem;border: 1.5px dashed var(--border-color);border-radius: 16px;color: var(--text-light)}.cave-save strong{color: var(--text-dark)}.cave-badges h2{font-size: 1.4rem;margin: 0 0 1rem}.cave-badges-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));gap: 0.8rem}a.cave-badge{text-decoration: none;color: inherit}.cave-badge{display: flex;flex-direction: column;align-items: center;gap: 0.3rem;padding: 1rem 0.6rem;border-radius: 16px;border: 1px solid var(--border-color);background: white;text-align: center;color: var(--text-light)}.cave-badge i{font-size: 1.6rem;color: #C9B8A4}.cave-badge.is-on{background: #FDF1E4;color: var(--text-dark)}.cave-badge.is-on i{color: var(--secondary-color)}.cave-badge span{font-size: 0.78rem}.cave-page [hidden]{display: none !important}.cave-wishes h2{font-size: 1.4rem;margin: 0 0 0.3rem}.cave-wishes h2 i{color: #B42318}.cave-wishes>p{margin: 0 0 1rem;color: var(--text-light)}.cave-wishes-list{display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 0.6rem}.cave-wish{display: flex;align-items: center;gap: 0.6rem;flex-wrap: wrap;padding: 0.8rem 1rem;border: 1px solid var(--border-color);border-radius: 14px;background: white}.cave-wish a{flex: 1 1 160px;font-weight: 700;color: var(--text-dark);text-decoration: none}.cave-wish span{font-size: 0.82rem;color: var(--text-light)}.cave-wish .btn{min-height: 40px}.rp-wish[aria-pressed="true"]{color: #B42318;border-color: #F3C4BE}.cave-card-actions .cave-action{display: inline-flex;align-items: center;gap: 0.35rem;min-height: 40px;padding: 0 0.8rem;border: 1.5px solid var(--border-color);border-radius: 12px;background: white;color: var(--text-dark);font: 600 0.85rem Inter, sans-serif;cursor: pointer}.cave-card-actions .cave-action-main{border-color: var(--primary-color);color: var(--primary-color)}.cave-photos{display: flex;gap: 0.5rem;overflow-x: auto}.cave-photos figure{margin: 0;flex: 0 0 auto}.cave-photos img{width: 72px;height: 72px;object-fit: cover;border-radius: 10px;display: block}.cave-photos figcaption{font-size: 0.7rem;color: var(--text-light);max-width: 72px}.cave-review{margin: 0;font-size: 0.88rem;color: var(--secondary-color)}.cave-review span{color: var(--border-color)}.cave-stars{display: flex;gap: 0.3rem}.cave-stars button{width: 48px;height: 48px;border: 0;background: none;font-size: 2rem;color: var(--border-color);cursor: pointer}.cave-stars button.is-on{color: var(--secondary-color)}.cave-radio{display: flex;align-items: center;gap: 0.5rem;min-height: 40px;font-size: 0.92rem;color: var(--text-dark)}.cave-radio input{width: 20px;height: 20px;accent-color: var(--primary-color)}.cave-photo-pick{position: relative;display: block;border: 2px dashed var(--border-color);border-radius: 16px;background: var(--background-light);cursor: pointer;overflow: hidden;transition: border-color 0.2s}.cave-photo-pick:hover, .cave-photo-pick:focus-within{border-color: var(--primary-color)}.cave-photo-pick input{display: block;position: absolute;width: 1px;height: 1px;opacity: 0}.cave-photo-empty{display: flex;flex-direction: column;align-items: center;gap: 0.25rem;padding: 1.2rem 1rem;text-align: center;color: var(--text-light)}.cave-photo-empty i{font-size: 1.6rem;color: var(--primary-color)}.cave-photo-empty strong{color: var(--text-dark)}.cave-photo-empty small{font-size: 0.8rem}.cave-photo-pick img{display: block;width: 100%;max-height: 260px;object-fit: cover}.cave-photo-pick img[hidden]{display: none}.cave-photo-pick.has-photo{border-style: solid;border-color: var(--primary-color)}.cave-photo-pick.has-photo .cave-photo-empty{position: absolute;inset: auto 0 0 0;flex-direction: row;justify-content: center;padding: 0.5rem;background: rgba(44, 24, 16, 0.7);color: white}.cave-photo-empty em{display: none;font-style: normal;font-weight: 600;font-size: 0.85rem}.cave-photo-pick.has-photo .cave-photo-empty em{display: inline}.cave-photo-pick.has-photo .cave-photo-empty i, .cave-photo-pick.has-photo .cave-photo-empty strong, .cave-photo-pick.has-photo .cave-photo-empty small{display: none}.cellar-sheet textarea{padding: 0.7rem 0.9rem;border: 1.5px solid var(--border-color);border-radius: 12px;font: inherit;resize: vertical}.cellar-keep{display: flex;flex-direction: column;gap: 0.45rem;width: 100%;padding: 0.9rem 1rem;border-radius: 14px;background: #FBF5EE;text-align: left}.cellar-keep strong{font-size: 0.95rem;color: var(--primary-color)}.cellar-keep span{font-size: 0.85rem;line-height: 1.45;color: #5A3A28}.cellar-keep-row{display: flex;gap: 0.5rem;flex-wrap: wrap}.cellar-keep-row input{flex: 1 1 12rem;min-height: 44px;padding: 0 0.8rem;border: 1.5px solid var(--border-color);border-radius: 12px;font: inherit}.cellar-done .cellar-keep-row .btn{width: auto;flex: 1 0 auto}.cellar-keep .cellar-error:empty{display: none}.cellar-keep-later{padding: 0.5rem 0.75rem;border: 0;background: none;color: var(--text-light, #6B4423);font: inherit;font-size: 0.9rem;text-decoration: underline;text-underline-offset: 3px;cursor: pointer}.cellar-keep-later:hover{color: var(--primary-color)}
.rhums-bottle{position: fixed;right: 20px;bottom: calc(24px + var(--ad-anchor-h, 0px));z-index: 950;width: 60px;height: 60px;padding: 8px 0;border: 0;border-radius: 50%;background: var(--text-dark);box-shadow: 0 0 0 3px #FBF9F7, 0 0 0 4px rgba(44, 24, 16, 0.25), 0 8px 24px rgba(44, 24, 16, 0.35);cursor: pointer;transition: transform 0.2s ease}.rhums-bottle:hover{transform: translateY(-2px)}.rhums-bottle svg{width: 100%;height: 100%}.rhums-bottle-glass{fill: #4A2E1F;stroke: #F3E3CC;stroke-width: 2}.rhums-bottle-fill{fill: #D2691E;transition: y 0.8s ease}.rhums-bottle-mini{flex-shrink: 0;display: inline-grid;place-items: center;width: 36px;height: 36px;padding: 5px 0;box-sizing: border-box;border-radius: 50%;background: var(--text-dark);box-shadow: 0 0 0 2px #FBF9F7, 0 0 0 3px rgba(44, 24, 16, 0.2)}.rhums-bottle-mini svg{width: 100%;height: 100%}.rhums-bottle-mini .rhums-bottle-liquid{fill: #D2691E}.rhums-bottle-mini.is-large{width: 64px;height: 64px;padding: 9px 0;box-shadow: 0 0 0 3px #FBF9F7, 0 0 0 4px rgba(44, 24, 16, 0.25), 0 8px 24px rgba(44, 24, 16, 0.3)}.rhums-intro-bottle{display: flex;align-items: center;gap: 1rem;margin: 0.4rem 0 1rem;padding: 0.9rem 1rem;border-radius: 16px;background: #FFF8F1}.rhums-intro-bottle p{margin: 0;font-size: 0.92rem;line-height: 1.5}.rhums-bottle-badge{position: absolute;top: -2px;right: -2px;min-width: 20px;height: 20px;padding: 0 5px;border-radius: 10px;background: #D2691E;color: white;font-size: 0.72rem;font-weight: 800;line-height: 20px}.rhums-bottle-badge[hidden]{display: none}.rhums-bottle.is-pop{animation: rhumsPop 0.6s ease}@keyframes rhumsPop{0%{transform: scale(0.6)}60%{transform: scale(1.15)}100%{transform: scale(1)}}.rhums-bubble{position: fixed;right: 90px;bottom: calc(34px + var(--ad-anchor-h, 0px));z-index: 950;display: flex;align-items: center;gap: 0.2rem;padding: 0.3rem 0.3rem 0.3rem 1rem;border-radius: 22px;background: white;box-shadow: 0 8px 24px rgba(44, 24, 16, 0.2);opacity: 0;transform: translateX(10px);transition: opacity 0.3s ease, transform 0.3s ease;pointer-events: none}.rhums-bubble.is-visible{opacity: 1;transform: none;pointer-events: auto}.rhums-bubble-text{border: 0;background: none;font: 700 0.9rem Inter, sans-serif;color: var(--text-dark);cursor: pointer;min-height: 40px}.rhums-bubble-close{width: 36px;height: 36px;border: 0;border-radius: 50%;background: var(--background-light);font-size: 1.2rem;cursor: pointer}@media (max-width: 768px){.rhums-bottle{bottom: calc(16px + env(safe-area-inset-bottom) + var(--ad-anchor-h, 0px));right: 14px;width: 54px;height: 54px}.rhums-bubble{bottom: calc(24px + env(safe-area-inset-bottom) + var(--ad-anchor-h, 0px));right: 76px;max-width: calc(100vw - 100px)}body:has(.rp-bar) .rhums-bottle{bottom: calc(100px + env(safe-area-inset-bottom) + var(--ad-anchor-h, 0px))}body:has(.rp-bar) .rhums-bubble{bottom: calc(108px + env(safe-area-inset-bottom) + var(--ad-anchor-h, 0px))}}.rhums-modal{position: fixed;inset: 0;z-index: 2000;display: flex;align-items: flex-end;justify-content: center;background: rgba(28, 15, 9, 0.55);backdrop-filter: blur(3px)}.rhums-modal-box{width: 100%;max-width: 500px;max-height: 92vh;overflow-y: auto;display: flex;flex-direction: column;gap: 1.4rem;padding: 1.6rem 1.9rem 2rem;border-radius: 24px 24px 0 0;background: var(--background-light);animation: cellarRise 0.3s ease-out}@media (min-width: 640px){.rhums-modal{align-items: center}.rhums-modal-box{border-radius: 24px}}.rhums-modal.is-closing{background: transparent;transition: background 0.28s ease}.rhums-modal.is-closing .rhums-modal-box{transform-origin: bottom right;animation: rhumsShrink 0.28s ease-in forwards}@keyframes rhumsShrink{to{opacity: 0;transform: translate(40%, 45%) scale(0.1)}}.rhums-modal-box h2{margin: 0.2rem 0 0;font-size: 1.5rem;line-height: 1.3;color: var(--text-dark)}.rhums-modal-box p{margin: 0;color: var(--text-light);line-height: 1.65}.rhums-modal-box h2 + p{margin-top: -0.6rem}.rhums-modal-box .btn{justify-content: center;min-height: 52px}.rhums-modal-box>.btn:last-child, .rhums-modal-box>.btn-primary{margin-top: 0.4rem}.rhums-modal-box .btn[disabled]{opacity: 0.5;cursor: not-allowed}.rhums-modal-head{display: flex;justify-content: space-between;align-items: center}.rhums-back, .rhums-later{min-height: 44px;border: 0;background: none;font: 600 0.9rem Inter, sans-serif;color: var(--text-light);cursor: pointer}.rhums-back{font-size: 1.3rem}.rhums-steps{display: flex;gap: 4px}.rhums-steps span{flex: 1;height: 5px;border-radius: 3px;background: var(--border-color)}.rhums-steps .is-done{background: var(--secondary-color)}.rhums-options{display: flex;flex-direction: column;gap: 0.8rem}.rhums-options button{display: flex;flex-direction: column;align-items: flex-start;gap: 0.3rem;min-height: 68px;padding: 0.95rem 1.2rem;border: 2px solid var(--border-color);border-radius: 14px;background: white;text-align: left;font-family: Inter, sans-serif;cursor: pointer}.rhums-options button strong{color: var(--text-dark)}.rhums-options button span{font-size: 0.85rem;color: var(--text-light)}.rhums-options button.is-on{border-color: var(--primary-color);background: #FDF1E4}.rhums-chips{display: flex;flex-wrap: wrap;gap: 0.65rem}.rhums-chips button{min-height: 44px;padding: 0 1.1rem;border: 1.5px solid var(--border-color);border-radius: 22px;background: white;font: 600 0.9rem Inter, sans-serif;color: var(--text-dark);cursor: pointer}.rhums-chips button.is-on{background: var(--primary-color);border-color: var(--primary-color);color: white}.rhums-chips [data-exclude].is-on{background: var(--text-dark);border-color: var(--text-dark);text-decoration: line-through}.rhums-summary{display: flex;flex-wrap: wrap;gap: 0.5rem}.rhums-summary span{padding: 0.4rem 0.85rem;border-radius: 999px;background: #F4E6D6;color: #6B3410;font-size: 0.85rem;font-weight: 600}.rhums-count{font-weight: 700;color: var(--primary-color) !important}.rhums-save{display: flex;flex-direction: column;gap: 0.85rem;padding: 1.3rem 1.4rem;border-radius: 16px;background: white;border: 1px solid var(--border-color)}.rhums-save strong{color: var(--text-dark)}.rhums-save>span{font-size: 0.88rem;color: var(--text-light);line-height: 1.5}.rhums-save input[type="email"]{min-height: 46px;padding: 0 0.9rem;border: 1.5px solid var(--border-color);border-radius: 12px;font: inherit}.rhums-save label{display: flex;align-items: center;gap: 0.5rem;font-size: 0.88rem;color: var(--text-light)}.rhums-completion{display: flex;flex-direction: column;gap: 0.65rem;font-size: 0.88rem;font-weight: 600;color: var(--text-light)}.rhums-links{display: flex;flex-direction: column;gap: 0.7rem}.rhums-links a, .rhums-links button{display: flex;align-items: center;gap: 1rem;min-height: 64px;padding: 0.8rem 1.1rem;border: 1px solid var(--border-color);border-radius: 14px;background: white;color: var(--text-dark);text-decoration: none;text-align: left;font-family: Inter, sans-serif;cursor: pointer}.rhums-links i{width: 22px;color: var(--primary-color);font-size: 1.1rem;text-align: center}.rhums-links span{display: flex;flex-direction: column;gap: 0.2rem}.rhums-links a, .rhums-links button{font-size: 1rem}.rhums-links strong{font-size: 1rem;line-height: 1.35}.rhums-links small{color: var(--text-light);font-size: 0.85rem;line-height: 1.45}.rhums-account{font-size: 0.9rem;line-height: 1.6 !important}.rhums-account-login{display: flex;flex-direction: column;align-items: stretch;gap: 0.5rem;margin-top: 1rem}.rhums-account-login .btn{justify-content: center}.rhums-account-login small{font-size: 0.82rem;color: #6B4423;line-height: 1.5;text-align: center}.rhums-account.is-warning{padding: 0.9rem 1.1rem;border-radius: 14px;background: #FFF4E5;border: 1px solid #F6DDB8}.rhums-account i{margin-right: 0.35rem}.rhums-panel .rhums-modal-box{gap: 1.1rem}.rhums-panel .rhums-completion{flex-direction: row;align-items: center;gap: 0.8rem;font-size: 0.84rem}.rhums-panel .rhums-completion span{white-space: nowrap}.rhums-panel .rhums-completion .cave-progress{flex: 1}.rhums-panel .rhums-summary{gap: 0.35rem}.rhums-panel .rhums-summary span{padding: 0.25rem 0.65rem;font-size: 0.78rem}.rhums-panel .rhums-links{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.6rem}.rhums-panel .rhums-links a, .rhums-panel .rhums-links button{min-height: 52px;padding: 0.6rem 0.85rem;gap: 0.6rem;font-size: 0.92rem}.rhums-panel .rhums-links strong{font-size: 0.92rem}.rhums-panel .rhums-account-login{margin-top: 0}.rhums-account.is-warning{color: #8A4B00 !important}.rhums-account button{border: 0;background: none;padding: 0;color: var(--primary-color);font: inherit;font-weight: 700;text-decoration: underline;cursor: pointer}.home-for-you, .home-occasion{padding: 3rem 0}.home-occasion{background: var(--text-dark);color: #FBF9F7}.home-occasion h2, .home-occasion .home-for-you-all{color: #FBF9F7}.home-occasion-date{margin: -0.5rem 0 1.2rem;color: #D9C6B0}.home-for-you-head{display: flex;justify-content: space-between;align-items: baseline;gap: 1rem;flex-wrap: wrap;margin-bottom: 1.2rem}.home-for-you-head h2{margin: 0;font-size: 1.7rem}.home-for-you-all{color: var(--primary-color);font-weight: 700}.home-for-you-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 1rem}.home-for-you-grid[hidden], .home-for-you-invite[hidden]{display: none}.home-for-you-grid .launch-before{margin: 0 0.8rem 0.8rem;align-self: flex-start}.home-for-you-invite{display: flex;align-items: center;justify-content: space-between;gap: 1rem;flex-wrap: wrap;padding: 1.4rem;border-radius: 20px;background: #FDF1E4}.home-for-you-invite p{margin: 0;max-width: 560px;color: var(--text-dark)}.rhums-custom{display: flex;flex-direction: column;gap: 0.6rem;margin-top: 0.2rem}.rhums-custom label{font-size: 0.85rem;font-weight: 700;color: var(--text-light)}.rhums-custom>div:first-of-type{display: flex;gap: 0.5rem}.rhums-custom input{flex: 1;min-height: 44px;padding: 0 0.9rem;border: 1.5px solid var(--border-color);border-radius: 12px;font: inherit}.rhums-custom .btn{min-height: 44px !important}.rhums-skip-save{min-height: 44px;border: 0;background: none;color: var(--text-light);font: 600 0.88rem Inter, sans-serif;text-decoration: underline;cursor: pointer}.rhums-skip-note{margin-top: -0.9rem !important;font-size: 0.8rem;text-align: center}.rhums-save-hint{color: var(--text-light);text-align: center}@media (max-width: 420px){.rhums-panel .rhums-links a, .rhums-panel .rhums-links button{padding: 0.55rem 0.7rem;gap: 0.5rem}.rhums-panel .rhums-links strong{font-size: 0.84rem;white-space: nowrap}}
.submit-recipe-container{max-width: 800px;margin: 0 auto;padding: 2rem 0}.submit-header{text-align: center;margin-bottom: 3rem}.submit-header h1{font-size: 2.5rem;font-weight: 600;color: var(--text-dark);margin-bottom: 0.5rem}.submit-header p{font-size: 1.1rem;color: var(--text-light)}.recipe-form{background: white;border-radius: var(--border-radius);padding: 2rem;box-shadow: var(--shadow);border: 1px solid var(--border-color)}.form-section{margin-bottom: 2.5rem}.image-preview{display: flex;justify-content: center}.image-preview img{width: 50%}.form-section h2{font-size: 1.5rem;margin-top: 3rem;font-weight: 600;color: var(--text-dark);margin-bottom: 1.5rem;padding-bottom: 0.5rem;border-bottom: 2px solid var(--border-color)}input[type="file"]{display: none}.image-upload-label{cursor: pointer}.form-row{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem}.form-group label{display: block;font-weight: 500;color: var(--text-dark);margin-bottom: 0.5rem;margin-top: 0.5rem}.form-group input, .form-group textarea, .form-group select{width: 100%;padding: 0.75rem;height: 50px;border: 2px solid var(--border-color);border-radius: var(--border-radius);background: #FFF;font-size: 1rem;transition: var(--transition);font-family: inherit}.form-group input:focus, .form-group textarea:focus, .form-group select:focus{outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(139, 69, 19, 0.1)}.form-group textarea{resize: vertical;min-height: 100px}.form-actions{display: flex;gap: 1rem;justify-content: center;margin-top: 2rem;padding-top: 2rem;border-top: 1px solid var(--border-color)}.ingredient-row{display: flex;align-items: center;gap: 1rem;margin-bottom: 1rem}.ingredient-fields{display: flex;flex: 1;align-items: center;gap: 0.75rem;flex-wrap: nowrap}.ingredient-quantity{width: 150px;text-align: left}.ingredient-unit{width: 150px}.ingredient-name{flex: 1;text-align: right}.btn-remove-ingredient, .btn-remove-instruction{display: flex;align-items: center;justify-content: center;min-width: 36px;height: 36px;padding: 0;border-radius: 50%;background-color: rgba(220, 53, 69, 0.1);color: #dc3545;border: none;cursor: pointer;transition: var(--transition)}.btn-remove-ingredient:hover, .btn-remove-instruction:hover{background-color: rgba(220, 53, 69, 0.2);transform: scale(1.05)}.instruction-row{display: flex;align-items: flex-start;gap: 1rem;margin-bottom: 1rem}.instruction-fields{display: flex;flex: 1;align-items: flex-start;gap: 0.75rem;flex-wrap: nowrap}.instruction-step{width: 60px;min-width: 60px}.instruction-description{flex: 1}.step-number{display: flex;align-items: center;justify-content: center;width: 2.5rem;height: 2.5rem;min-width: 2.5rem;background: var(--secondary-color);color: white;border-radius: 50%;font-weight: 700;font-size: 1rem;box-shadow: var(--shadow);position: relative;flex-shrink: 0;text-align: center;border: none;padding: 0;overflow: hidden}.step-number::after{content: '';position: absolute;width: 100%;height: 100%;border-radius: 50%;background: var(--secondary-color);opacity: 0.3;transform: scale(1.2);z-index: -1}.btn-remove-instruction{margin-top: 0.5rem}@media (max-width: 768px){.ingredient-fields{flex-wrap: wrap}.ingredient-quantity, .ingredient-unit{width: 48%}.ingredient-fields{gap: 4%}.ingredient-name{width: 100%;margin-top: 0.5rem}.instruction-fields{flex-wrap: wrap}.instruction-step{width: 60px;min-width: 60px}.instruction-description{width: calc(100% - 70px)}.form-row{grid-template-columns: 1fr}#add-ingredient, #add-instruction{width: 100%}}.form-group input[type="number"].step-number{display: flex;align-items: center;justify-content: center;width: 2.5rem;height: 2.5rem;min-width: 2.5rem;background: var(--secondary-color);color: white;border-radius: 50%;font-weight: 700;font-size: 1rem;box-shadow: var(--shadow);position: relative;flex-shrink: 0;text-align: center;border: none;padding: 0;overflow: hidden;-moz-appearance: textfield;appearance: textfield;-webkit-appearance: none;margin: 0;&::-webkit-inner-spin-button, &::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0}outline: none}input[type="number"].step-number::after{content: '';position: absolute;width: 100%;height: 100%;border-radius: 50%;background: var(--secondary-color);opacity: 0.3;transform: scale(1.2);z-index: -1;pointer-events: none}.alert-sticky{position: sticky;top: 100px;z-index: 100;margin-bottom: 2rem;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15)}.form-disabled{opacity: 0.5;pointer-events: none}body.header-scrolled .alert-sticky{top: 70px}@media (max-width: 768px){.alert-sticky{top: 80px}body.header-scrolled .alert-sticky{top: 60px}}.search-clear{background: none;border: none;color: var(--text-muted);cursor: pointer;padding: 0.5rem;transition: var(--transition);position: absolute;right: 120px;top: 50%;transform: translateY(-50%);z-index: 10}.search-clear:hover{color: var(--text-dark)}@media (max-width: 768px){.recipe-modal-meta{flex-direction: column;gap: 0.5rem}.instruction-item{gap: 0.75rem}.instruction-number{width: 1.75rem;height: 1.75rem;font-size: 0.8rem}.search-clear{right: 100px}}.search-input-group{position: relative}.search-input-group .search-clear{position: absolute;right: 140px;top: 50%;transform: translateY(-50%);background: none;border: none;color: var(--text-muted);cursor: pointer;padding: 0.5rem;transition: var(--transition);z-index: 10;font-size: 1rem}.search-input-group .search-clear:hover{color: var(--text-dark)}@media (max-width: 768px){.search-input-group .search-clear{right: 120px}}
.submit-label-container{max-width: 800px;margin: 0 auto;padding: 2rem 0}.label-form{background: white;border-radius: 12px;padding: 2rem;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1)}.dimensions-preview{background: var(--background-light);border-radius: 8px;padding: 1rem;margin-top: 1rem}.dimensions-preview h3{margin: 0 0 0.5rem 0;font-size: 1rem;color: var(--text-primary)}.dimension-info{display: flex;flex-direction: column;gap: 0.25rem}.dimension-pixels{font-weight: 600;color: var(--primary-color)}.dimension-cm{font-size: 0.9rem;color: var(--text-muted)}.labels-header{text-align: center;margin-bottom: 2rem}.labels-header h1{font-size: 2.5rem;margin-bottom: 0.5rem;color: var(--text-primary)}.labels-header p{font-size: 1.1rem;color: var(--text-muted);margin-bottom: 1.5rem}.labels-actions{margin-bottom: 2rem}.labels-search{margin-bottom: 2rem}.search-form{max-width: 500px;margin: 0 auto}.search-input-group{display: flex;gap: 0.5rem}.search-input-group input{flex: 1;padding: 0.75rem 1rem;border-radius: 8px;font-size: 1rem}.search-input-group input:focus{outline: none;border-color: var(--primary-color)}.labels-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 2rem;margin-bottom: 3rem}.label-card{border-radius: 12px;overflow: hidden;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;background: white;height: 400px}.label-card.ads{position: relative;display: flex;align-items: center;justify-content: center;min-height: 400px;background: linear-gradient(135deg, var(--background) 0%, var(--surface) 100%)}.label-card.ads .logo-icon.label{position: absolute;font-size: 8rem;color: var(--primary);opacity: 0.1;z-index: 0}.label-card:hover{transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15)}.label-image-bg{height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;display: flex;flex-direction: column}.label-overlay{background: linear-gradient( to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.8) 100% );height: 100%;display: flex;flex-direction: column;justify-content: space-between;padding: 1.5rem;color: white;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)}.label-content{flex: 1}.label-title{font-size: 1.25rem;font-weight: 600;margin: 0 0 1rem 0;line-height: 1.3}.label-description{font-size: 0.9rem;margin: 0.5rem 0 1rem 0;opacity: 0.9;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.label-meta{display: flex;flex-direction: column;gap: 0.5rem;margin-bottom: 1rem}.label-author, .label-dimensions{display: flex;align-items: center;gap: 0.5rem;font-size: 0.85rem;opacity: 0.9}.label-author i, .label-dimensions i{width: 14px;text-align: center}.label-dimensions small{opacity: 0.7;margin-left: 0.25rem}.label-actions{display: flex;gap: 0.75rem;margin-top: auto}.label-actions .btn{flex: 1;justify-content: center;font-size: 0.85rem;padding: 0.5rem 1rem;border-radius: 6px;font-weight: 500;transition: all 0.2s ease}.label-actions .btn-primary{background: var(--primary-color);border: 1px solid var(--primary-color);color: white}.label-actions .btn-primary:hover{background: var(--primary-hover);border-color: var(--primary-hover);color: white;transform: translateY(-1px)}.label-actions .btn-outline{background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.3);color: white;backdrop-filter: blur(10px)}.label-actions .btn-outline:hover{background: rgba(255, 255, 255, 0.2);border-color: rgba(255, 255, 255, 0.5);transform: translateY(-1px)}.labels-section{padding: 4rem 0}.labels-section h2{font-size: 2.5rem;font-weight: 600;color: var(--text-dark);margin-bottom: 3rem;text-align: center}.hero-actions{margin-top: 2rem}.hero-actions .btn{font-size: 1.1rem;font-weight: 500}.empty-state{text-align: center;padding: 4rem 2rem;color: var(--text-muted)}.empty-state i{font-size: 4rem;margin-bottom: 1rem;color: var(--border-color)}.empty-state h3{font-size: 1.5rem;margin-bottom: 0.5rem;color: var(--text-primary)}.empty-state p{margin-bottom: 2rem;font-size: 1.1rem}.pagination{display: flex;justify-content: center;align-items: center;gap: 0.5rem;margin-top: 2rem}.pagination-btn, .pagination-number{padding: 0.5rem 1rem;border: 2px solid var(--border-color);border-radius: 8px;text-decoration: none;color: var(--text-primary);background: white;transition: all 0.2s ease}.pagination-btn:hover, .pagination-number:hover{border-color: var(--primary-color);color: var(--primary-color)}.pagination-number.active{background: var(--primary-color);border-color: var(--primary-color);color: white}.pagination-numbers{display: flex;gap: 0.25rem}@media (max-width: 768px){.labels-grid{grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 1.5rem}.label-card{height: 350px}.label-overlay{padding: 1.25rem}.label-title{font-size: 1.1rem}.label-actions{flex-direction: column;gap: 0.5rem}.label-actions .btn{font-size: 0.9rem;padding: 0.6rem 1rem}}@media (max-width: 480px){.submit-label-container{padding: 1rem 0}.label-form{padding: 1.5rem;margin: 0 1rem}.labels-header h1{font-size: 2rem}.label-content{padding: 1rem}.labels-grid{grid-template-columns: 1fr;gap: 1rem}.label-card{height: 320px}.label-overlay{padding: 1rem}.label-meta{gap: 0.25rem}.label-author, .label-dimensions{font-size: 0.8rem}.hero-actions .btn{padding: 0.6rem 1.5rem;font-size: 1rem}}.studio-section{padding: 3rem 0 2rem;background: var(--background-light)}.studio{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);gap: 2.5rem;align-items: start}.studio-controls{display: flex;flex-direction: column;gap: 1.25rem;background: white;border: 1px solid var(--border-color);border-radius: 20px;padding: 1.75rem}.studio-controls h2{margin: 0;font-size: 1.6rem;color: var(--text-dark)}.studio-field{display: flex;flex-direction: column;gap: 0.5rem}.studio-field[hidden]{display: none}.studio-label{font-size: 0.85rem;font-weight: 700;color: var(--text-light)}.studio-field input[type="text"], .studio-field input[type="date"], .studio-field textarea{width: 100%;min-height: 46px;padding: 0.7rem 0.9rem;border: 1.5px solid var(--border-color);border-radius: 12px;font: inherit;color: var(--text-dark);background: white;resize: vertical}.studio-field input:focus, .studio-field textarea:focus{outline: 2px solid var(--primary-color);outline-offset: 1px}.studio-templates, .studio-colors{display: flex;flex-wrap: wrap;gap: 0.5rem}.studio-chip{min-height: 44px;padding: 0 1.1rem;border: 1.5px solid var(--border-color);border-radius: 22px;background: white;color: var(--text-dark);font: 600 0.9rem Inter, sans-serif;cursor: pointer}.studio-chip.is-active{background: var(--text-dark);border-color: var(--text-dark);color: white}.studio-color{width: 44px;height: 44px;border-radius: 50%;border: 3px solid white;box-shadow: 0 0 0 1.5px var(--border-color);cursor: pointer}.studio-color.is-active{box-shadow: 0 0 0 3px var(--text-dark)}.studio-hint{margin: 0;font-size: 0.85rem;color: var(--text-light)}.studio-formats{display: flex;flex-direction: column;gap: 0.5rem}.studio-format{display: flex;align-items: center;gap: 0.9rem;min-height: 56px;padding: 0.5rem 0.9rem;border: 2px solid var(--border-color);border-radius: 14px;cursor: pointer}.studio-format input{position: absolute;opacity: 0;pointer-events: none}.studio-format:has(input:checked){border-color: var(--primary-color);background: #FDF1E4}.studio-format:has(input:focus-visible){outline: 2px solid var(--primary-color);outline-offset: 2px}.studio-format-icon{flex-shrink: 0;border: 2px solid var(--text-muted);border-radius: 3px}.studio-format:has(input:checked) .studio-format-icon{border-color: var(--primary-color)}.studio-format-text{flex-grow: 1;display: flex;flex-direction: column;line-height: 1.3}.studio-format-text strong{font-size: 0.95rem;color: var(--text-dark)}.studio-format-text small, .studio-format-dims{font-size: 0.8rem;color: var(--text-light)}.studio-format-dims{font-weight: 600;white-space: nowrap}.studio-toggle{display: flex;align-items: center;gap: 0.75rem;padding: 0.75rem 0.9rem;border: 1.5px solid var(--border-color);border-radius: 14px;cursor: pointer}.studio-toggle input{width: 22px;height: 22px;accent-color: var(--primary-color)}.studio-toggle span{display: flex;flex-direction: column}.studio-toggle small{color: var(--text-light)}.studio-download{justify-content: center;min-height: 52px;font-weight: 700}.studio-download:disabled{opacity: 0.6;cursor: wait}.studio-previews{position: sticky;top: 90px;display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 1.5rem;align-items: start}.studio-preview, .studio-sheet{margin: 0;display: flex;flex-direction: column;align-items: center;gap: 0.6rem}.studio-preview canvas{border-radius: 6px;box-shadow: 0 12px 30px rgba(44, 24, 16, 0.18)}.studio-sheet{width: 100%}.studio-sheet canvas{width: 100%;border: 1px solid var(--border-color);box-shadow: 0 6px 18px rgba(44, 24, 16, 0.12);background: white}.studio-preview figcaption, .studio-sheet figcaption{font-size: 0.85rem;font-weight: 600;color: var(--text-light);text-align: center}.labels-header{text-align: center;margin: 0 auto 2rem;max-width: 640px}.labels-header h2{margin-bottom: 0.5rem}.labels-header p{color: var(--text-light)}.labels-section .labels-grid{grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 1.5rem}.labels-section .label-card{height: auto;display: flex;flex-direction: column;background: white;border: 2px solid transparent}.labels-section .label-card.is-selected{border-color: var(--primary-color)}.label-thumb{width: 100%;background-repeat: no-repeat;background-color: var(--background-light)}.label-card-body{display: flex;flex-direction: column;gap: 0.6rem;padding: 0.8rem}.labels-section .label-actions{display: flex;gap: 0.5rem}.labels-section .label-actions .btn{min-height: 44px;justify-content: center}.labels-section .label-actions .btn-primary{flex-grow: 1}.labels-section .label-card.ads{min-height: 300px}@media (max-width: 1024px){.studio{grid-template-columns: minmax(0, 1fr)}.studio-previews{position: static;order: -1}}@media (max-width: 560px){.studio-previews{grid-template-columns: minmax(0, 1fr)}.studio-controls{padding: 1.25rem}}.studio-save{display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 0.5rem}.studio-save .btn{justify-content: center;min-height: 48px}.studio-fav[aria-pressed="true"], .label-fav[aria-pressed="true"]{color: #B42318;border-color: #F3C4BE}.my-labels-section[hidden], .my-labels-group[hidden]{display: none}.studio-templates{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 0.6rem}.studio-template{display: flex;flex-direction: column;align-items: center;gap: 0.45rem;padding: 0.6rem 0.3rem 0.55rem;border: 2px solid var(--border-color);border-radius: 14px;background: white;color: var(--text-dark);font: 600 0.8rem Inter, sans-serif;cursor: pointer;transition: border-color 0.2s ease, transform 0.2s ease}.studio-template:hover{transform: translateY(-2px);border-color: var(--accent-color)}.studio-template.is-active{border-color: var(--text-dark);background: #FBF4EC}.studio-template canvas{display: block;border-radius: 4px;box-shadow: 0 2px 8px rgba(44, 24, 16, 0.15)}.studio-base-hint{margin-top: 0.9rem}.studio-hint a{color: var(--primary-color);font-weight: 700}.studio-download + .studio-hint{margin-top: -0.35rem;line-height: 1.55}.studio-save{margin-top: 0.5rem}#studio-save-status:empty{display: none}.labels-section{scroll-margin-top: 90px}.labels-section .labels-grid{grid-template-columns: repeat(5, minmax(0, 1fr));grid-auto-flow: dense;gap: 1.4rem}.labels-section .label-card{border-radius: 18px;border: 2px solid transparent;box-shadow: 0 4px 16px rgba(44, 24, 16, 0.08)}.label-frame{aspect-ratio: 4 / 5;display: flex;align-items: center;justify-content: center;padding: 1rem;background: radial-gradient(circle at 50% 35%, #FFFFFF 0%, #F3EBE1 100%)}.label-frame .label-thumb{max-width: 100%;max-height: 100%;border-radius: 6px;box-shadow: 0 8px 20px rgba(44, 24, 16, 0.18);transition: transform 0.3s ease}.labels-section .label-card:hover .label-thumb{transform: scale(1.03) rotate(-1deg)}.labels-section .label-card-body{padding: 0.8rem;margin-top: auto}.labels-section .label-actions{gap: 0.4rem}.labels-section .label-actions .btn{padding: 0.5rem 0.7rem;min-width: 44px}.labels-section .label-actions .btn-outline{background: white;border: 1.5px solid var(--border-color);color: var(--text-light);backdrop-filter: none}.labels-section .label-actions .btn-outline:hover{border-color: var(--primary-color);color: var(--primary-color);background: white}.labels-ad{grid-column: 1 / -1;display: flex;flex-direction: column;gap: 0.4rem;min-height: 120px;padding: 0.8rem 1rem 1rem;border-radius: 18px;background: var(--background-light);border: 1px dashed var(--border-color)}.labels-ad>span{font-size: 0.72rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--text-muted)}.labels-ad:has(ins[data-ad-status="unfilled"]), .ads-blocked .labels-ad{display: none}@media (max-width: 1200px){.labels-section .labels-grid{grid-template-columns: repeat(4, minmax(0, 1fr))}}@media (max-width: 900px){.labels-section .labels-grid{grid-template-columns: repeat(3, minmax(0, 1fr))}}@media (max-width: 640px){.labels-section .labels-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.8rem}.label-frame{padding: 0.7rem}.labels-section .label-actions .btn-primary span, .labels-section .label-actions .btn-primary{font-size: 0.8rem}}.labels-section .label-card{position: relative}.labels-section .label-actions .btn-primary{width: 100%}.labels-section .label-actions .label-fav, .labels-section .label-actions a.btn-outline{position: absolute;top: 0.6rem;width: 38px;height: 38px;min-height: 38px;min-width: 0;padding: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.95);box-shadow: 0 2px 8px rgba(44, 24, 16, 0.15)}.labels-section .label-actions .label-fav{right: 3.3rem}.labels-section .label-actions a.btn-outline{right: 0.6rem}@media (max-width: 640px){.studio-templates{gap: 0.45rem}.studio-template{padding: 0.5rem 0.15rem 0.45rem;font-size: 0.7rem}.studio-template span{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}}@media (max-width: 380px){.studio-template{font-size: 0.64rem;letter-spacing: -0.03em}}.studio-colors{display: grid;grid-template-columns: repeat(8, minmax(0, 1fr));gap: 0.6rem}.studio-color{width: 100%;height: auto;max-width: 54px;aspect-ratio: 1;justify-self: center}@media (max-width: 640px){.studio-colors{grid-template-columns: repeat(4, minmax(0, 1fr));gap: 0.7rem}.studio-color{max-width: 48px}}.studio-bg-own{position: relative}.studio-bg-own::after{content: '';position: absolute;inset: 4px;border: 1.5px dashed rgba(128, 128, 128, 0.85);border-radius: 50%}.my-labels-section{padding: 2.5rem 0 0}.my-labels-section>.container{padding-top: 1.8rem;padding-bottom: 1.6rem;border-radius: 24px;background: white;border: 1px solid var(--border-color)}.my-labels-head{display: flex;align-items: baseline;justify-content: space-between;flex-wrap: wrap;gap: 0.4rem 1rem;margin-bottom: 0.4rem}.my-labels-head h2{margin: 0}.my-labels-head p{margin: 0;color: var(--text-light);font-size: 0.92rem}.my-labels-group h3{margin: 1.4rem 0 0.8rem;font-size: 0.8rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--text-muted)}.my-labels-list{display: grid;grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));gap: 1rem}.my-card{position: relative;border-radius: 16px;border: 2px solid var(--border-color);background: white;transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease}.my-card:hover{transform: translateY(-3px);border-color: var(--accent-color);box-shadow: 0 10px 24px rgba(44, 24, 16, 0.1)}.my-card.is-current{border-color: var(--primary-color)}.my-card-open{display: flex;flex-direction: column;width: 100%;padding: 0;border: 0;background: none;text-align: left;font: inherit;color: inherit;cursor: pointer}.my-card-thumb{position: relative;display: flex;align-items: center;justify-content: center;height: 160px;border-radius: 14px 14px 0 0;background: radial-gradient(circle at 50% 35%, #FFFFFF 0%, #F3EBE1 100%)}.my-card-thumb canvas{border-radius: 4px;box-shadow: 0 6px 16px rgba(44, 24, 16, 0.18)}.my-card-heart{position: absolute;top: 0.6rem;left: 0.6rem;color: #B42318;font-size: 0.95rem}.my-card-body{display: flex;flex-direction: column;gap: 0.25rem;padding: 0.8rem 0.9rem 0.9rem}.my-card-body strong{font-size: 0.95rem;line-height: 1.3;color: var(--text-dark);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.my-card-body small{font-size: 0.78rem;line-height: 1.4;color: var(--text-light)}.my-card-remove{position: absolute;top: 0.5rem;right: 0.5rem;width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;border: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.95);color: var(--text-muted);box-shadow: 0 2px 8px rgba(44, 24, 16, 0.15);cursor: pointer;opacity: 0;transition: opacity 0.2s ease, color 0.2s ease}.my-card:hover .my-card-remove, .my-card-remove:focus-visible{opacity: 1}.my-card-remove:hover{color: #B42318}@media (hover: none){.my-card-remove{opacity: 1}}#my-labels-note{margin-top: 1.4rem;padding: 0.8rem 1rem;border-radius: 12px;background: #FFF4E5;color: #8A4B00}#my-labels-note[hidden]{display: none}#my-labels-note button{padding: 0;border: 0;background: none;color: var(--primary-color);font: inherit;font-weight: 700;text-decoration: underline;cursor: pointer}@media (max-width: 640px){.my-labels-section>.container{border-radius: 0;border-left: 0;border-right: 0}.my-labels-list{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.7rem}.my-card-thumb{height: 140px}}@keyframes studio-shimmer{0%{background-position: 100% 0}100%{background-position: -100% 0}}.studio.is-loading .studio-template canvas, .studio.is-loading .studio-preview canvas, .studio.is-loading .studio-sheet canvas{background: linear-gradient(90deg, #EFE6DB 25%, #F8F2EA 50%, #EFE6DB 75%);background-size: 200% 100%;animation: studio-shimmer 1.3s linear infinite;box-shadow: none}.studio.is-loading .studio-template canvas{width: 54px;height: 63px}.studio.is-loading .studio-preview canvas{display: block;width: min(100%, 300px);height: auto;aspect-ratio: 90 / 105;margin: 0 auto;border-radius: 6px}.studio.is-loading .studio-sheet canvas{display: block;width: 100%;height: auto;aspect-ratio: 210 / 297}.studio.is-loading figcaption{visibility: hidden}.studio.is-loading .studio-template span, .studio.is-loading .studio-template{color: transparent}.studio.is-loading .studio-template span{background: #EFE6DB;border-radius: 4px}@media (prefers-reduced-motion: reduce){.studio.is-loading canvas{animation: none}}.hero .hero-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.8rem}.hero .hero-actions .btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.55rem;min-height: 50px}@media (max-width: 640px){.hero .hero-actions{flex-direction: column;align-items: stretch;gap: 0.75rem;max-width: 340px;margin-left: auto;margin-right: auto}.hero .hero-actions .btn{width: 100%}}.lb-ways{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0.75rem;max-width: 760px;margin: 1.75rem auto 0;text-align: left}.lb-ways a{display: flex;align-items: center;gap: 0.8rem;padding: 0.85rem 1rem;border: 1px solid #EADCCB;border-radius: 16px;background: #FFFFFF;color: var(--text-dark);text-decoration: none;transition: border-color 0.2s, box-shadow 0.2s}.lb-ways a:hover{border-color: var(--primary-color);box-shadow: 0 6px 18px rgba(139, 69, 19, 0.12)}.lb-ways a>span:nth-child(2){flex: 1;display: flex;flex-direction: column;gap: 0.1rem;line-height: 1.3}.lb-ways strong{font-size: 0.98rem}.lb-ways small{font-size: 0.85rem;color: var(--text-muted)}.lb-ways a>i{color: var(--primary-color);font-size: 0.85rem}.lb-num{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: 1.9rem;height: 1.9rem;border-radius: 50%;background: var(--primary-color);color: #FFFFFF;font-size: 0.95rem;font-weight: 700;line-height: 1;vertical-align: middle}h2 .lb-num{width: 2.2rem;height: 2.2rem;margin-right: 0.35rem;font-size: 1.1rem;position: relative;top: -0.15em}.labels-header .btn{margin-top: -0.5rem}@media (max-width: 640px){.lb-ways{grid-template-columns: 1fr}}.labels-section .labels-header h2{font-size: clamp(1.6rem, 4vw, 2.1rem);line-height: 1.25;margin-bottom: 0.75rem}.studio-cut-hint{display: flex;gap: 0.4rem;align-items: flex-start;font-size: 0.85rem;line-height: 1.4;color: #B45309}.studio-cut-hint[hidden]{display: none}.studio-cut-hint i{margin-top: 0.15rem}
.construction-section{padding: 4rem 0;min-height: 60vh;display: flex;align-items: center}.construction-content{text-align: center;max-width: 800px;margin: 0 auto}.construction-icon{font-size: 4rem;color: #d4a574;margin-bottom: 2rem;animation: bounce 2s infinite}@keyframes bounce{0%, 20%, 50%, 80%, 100%{transform: translateY(0)}40%{transform: translateY(-10px)}60%{transform: translateY(-5px)}}.construction-title{font-size: 2.5rem;color: #2c3e50;margin-bottom: 1.5rem;font-weight: 700}.construction-description{font-size: 1.2rem;color: #6c757d;margin-bottom: 3rem;line-height: 1.6}.features-preview{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 1.5rem;margin-bottom: 3rem}.feature-item{display: flex;align-items: center;gap: 1rem;padding: 1.5rem;background: white;border-radius: 12px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease}.feature-item:hover{transform: translateY(-5px);box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15)}.feature-item i{font-size: 1.5rem;color: #d4a574;flex-shrink: 0}.feature-item span{color: #2c3e50;font-weight: 500;text-align: left}.construction-cta{margin-bottom: 3rem}.construction-cta p{font-size: 1.1rem;color: #495057;margin-bottom: 1.5rem}.cta-buttons{display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap}.construction-contact{padding-top: 2rem;border-top: 1px solid #dee2e6}.contact-text{color: #6c757d;font-size: 1rem}.contact-text i{color: #d4a574;margin-right: 0.5rem}.contact-text a{color: #d4a574;text-decoration: none;font-weight: 500}.contact-text a:hover{text-decoration: underline}.hero-secondary{background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);padding: 3rem 0;color: white}.hero-secondary .hero-title{font-size: 2.5rem;margin-bottom: 1rem}.hero-secondary .hero-title i{color: #d4a574;margin-right: 1rem}.hero-secondary .hero-subtitle{font-size: 1.2rem;opacity: 0.9;max-width: 600px;margin: 0 auto}@media (max-width: 768px){.construction-title{font-size: 2rem}.construction-description{font-size: 1.1rem}.features-preview{grid-template-columns: 1fr}.feature-item{padding: 1rem}.cta-buttons{flex-direction: column;align-items: center}.hero-secondary .hero-title{font-size: 2rem}.hero-secondary .hero-subtitle{font-size: 1.1rem}}@media (max-width: 480px){.construction-icon{font-size: 3rem}.construction-title{font-size: 1.8rem}.feature-item{flex-direction: column;text-align: center;gap: 0.5rem}}
.hero{background: linear-gradient(135deg, var(--background-light) 0%, var(--background) 100%);padding: 4rem 0;text-align: center}.hero-content h1{font-size: 3rem;font-weight: 700;color: var(--text-dark);margin-bottom: 1rem;line-height: 1.2}.hero-actions .hero-cta-message{font-size: 1rem;font-weight: 500;margin-bottom: 1rem;text-align: center}.hero-content p{font-size: 1.2rem;color: var(--text-light);margin-bottom: 3rem;max-width: 600px;margin-left: auto;margin-right: auto}.search-container{max-width: 600px;margin: 0 auto}.search-form{position: relative}.search-input-group{display: flex;align-items: center;background: white;border: 2px solid var(--border-color);border-radius: var(--border-radius);padding: 0.5rem;box-shadow: var(--shadow);transition: var(--transition)}.search-input-group:focus-within{border-color: var(--primary-color);box-shadow: var(--shadow-hover)}.search-input-group i{color: var(--text-muted);margin: 0 1rem}.search-input-group input{flex: 1;border: none;outline: none;font-size: 1rem;padding: 0.5rem}.recipes-section{padding: 4rem 0}.recipes-section h2{font-size: 2.5rem;font-weight: 600;color: var(--text-dark);margin-bottom: 3rem;text-align: center}.search-results-header{text-align: center;margin-bottom: 3rem}.search-results-header h2{margin-bottom: 0.5rem}.search-results-header p{color: var(--text-muted);font-size: 1.1rem}.no-results{text-align: center;padding: 4rem 2rem;color: var(--text-muted)}.no-results i{font-size: 4rem;color: var(--secondary-color);margin-bottom: 1rem}.no-results h3{font-size: 1.5rem;color: var(--text-dark);margin-bottom: 0.5rem}.no-results p{margin-bottom: 1.5rem}.pagination{display: flex;justify-content: center;align-items: center;gap: 1rem;margin-top: 3rem}.pagination-btn, .pagination-number{display: flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1rem;text-decoration: none;color: var(--text-dark);border: 1px solid var(--border-color);border-radius: var(--border-radius);transition: var(--transition)}.pagination-btn:hover, .pagination-number:hover{background: var(--background-light);border-color: var(--primary-color)}.pagination-number.active{background: var(--primary-color);color: white;border-color: var(--primary-color)}.pagination-numbers{display: flex;gap: 0.5rem}@media (max-width: 768px){.hero-content h1{font-size: 2rem}.search-input-group{display: grid}.search-input-group i{display: none}.hero-content p{font-size: 1rem}.search-input-group input{order: -1}.recipes-section{padding: 2rem 0}.pagination{flex-wrap: wrap}}@media (max-width: 480px){.hero{padding: 2rem 0}}.occasion-filters{display: flex;flex-wrap: wrap;gap: 0.6rem;margin-bottom: 2rem}.occasion-chip{display: inline-flex;align-items: center;gap: 0.5rem;min-height: 44px;padding: 0 1rem;border: 1.5px solid var(--border-color);border-radius: 22px;background: white;color: var(--text-dark);font-size: 0.9rem;font-weight: 600;text-decoration: none;transition: var(--transition)}.occasion-chip:hover{border-color: var(--primary-color);color: var(--primary-color)}.occasion-chip.active{background: var(--text-dark);border-color: var(--text-dark);color: white}.occasion-chip-count{min-width: 1.6rem;padding: 0.1rem 0.45rem;border-radius: 999px;background: var(--background-light);color: var(--text-dark);font-size: 0.78rem;text-align: center}.occasion-chip.active .occasion-chip-count{background: rgba(255, 255, 255, 0.2);color: white}.launch-before{display: inline-flex;align-items: center;gap: 0.4rem;margin-bottom: 0.5rem;padding: 0.25rem 0.7rem;border-radius: 999px;background: #FDF1E4;color: var(--primary-color);font-size: 0.8rem;font-weight: 700}.rl-page{padding: 2rem 0 4rem;background: var(--background-light)}.rl-head{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 1rem;margin: 0.5rem 0 1.5rem}.rl-head h1{margin: 0 0 0.3rem;font-size: clamp(1.9rem, 4.5vw, 2.6rem);line-height: 1.15}.rl-head p{margin: 0;color: var(--text-light)}.rf{display: flex;flex-direction: column;gap: 1.2rem}.rf [hidden], .recipes-grid [hidden]{display: none !important}.rf-top{display: flex;gap: 0.8rem;align-items: stretch}.rf-search{flex: 1;position: relative;display: flex;align-items: center}.rf-search i{position: absolute;left: 1.1rem;color: var(--primary-color);font-size: 1.05rem}.rf-search input{width: 100%;box-sizing: border-box;height: 56px;padding: 0 1rem 0 3rem;border: 1.5px solid var(--border-color);border-radius: 16px;background: white;font: inherit;font-size: 1.02rem;color: var(--text-dark)}.rf-search input:focus{outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 4px rgba(139, 69, 19, 0.08)}.rf-sort{display: flex;align-items: center;gap: 0.5rem;padding: 0 0.4rem 0 1rem;border: 1.5px solid var(--border-color);border-radius: 16px;background: white;font-size: 0.9rem;color: var(--text-light);white-space: nowrap}.rf-sort select{height: 52px;border: 0;background: transparent;font: inherit;font-weight: 600;color: var(--text-dark);cursor: pointer}.rf-sort select:focus{outline: none}.rf-open{display: none}.rf-profile{display: flex;flex-direction: column;gap: 0.75rem;padding: 1.1rem 1.2rem;border-radius: 20px;background: #FDF1E4;border: 1px solid #F1DCC4}.rf-profile-head{display: flex;align-items: center;gap: 0.6rem}.rf-profile-head strong{font-size: 0.98rem;color: var(--text-dark);line-height: 1.3}.rf-profile-icon{flex-shrink: 0;display: grid;place-items: center;width: 28px;height: 28px;border-radius: 10px;background: #FFFFFF;color: var(--secondary-color);font-size: 0.9rem}.rf-profile p{margin: 0;font-size: 0.85rem;line-height: 1.5;color: var(--text-light)}.rf-profile em{font-size: 0.82rem;color: var(--text-muted)}.rf-profile-chips{display: flex;flex-wrap: wrap;gap: 0.45rem}.rf-chip{display: inline-flex;align-items: center;gap: 0.3rem;min-height: 32px;padding: 0.2rem 0.75rem;border: 1px solid #E8CDB0;border-radius: 999px;background: #FFFFFF;font: inherit;font-size: 0.8rem;color: var(--text-dark);cursor: pointer}.rf-chip:hover{border-color: #B3261E;color: #B3261E}.rf-profile-actions{display: grid;grid-template-columns: 1fr 1fr;gap: 0.6rem;margin-top: 0.2rem}.rf-profile-actions .btn{min-height: 40px;padding-top: 0.3rem;padding-bottom: 0.3rem}.rf-profile-actions .btn{justify-content: center}.rf-profile .btn-ghost{border: 1.5px solid transparent;background: transparent;color: var(--text-light)}.rf-profile .btn-ghost:hover{color: var(--text-dark);background: rgba(255, 255, 255, 0.7)}.rf-profile.is-off{background: #F6F2ED;border-color: var(--border-color)}.rf-profile.is-invite .btn{align-self: flex-start}.rf-link{min-height: 36px;border: 0;background: none;color: var(--primary-color);font: inherit;font-weight: 700;font-size: 0.88rem;text-decoration: underline;cursor: pointer}.rf-layout{display: grid;grid-template-columns: 300px minmax(0, 1fr);gap: 1.75rem;align-items: start}.rf-side{position: sticky;top: 96px;display: flex;flex-direction: column;gap: 1rem;min-width: 0}.rf-panel{display: flex;flex-direction: column;gap: 0;padding: 1.3rem 1.3rem 1.4rem;border-radius: 20px;background: white;border: 1px solid var(--border-color)}.rf-panel-head{display: flex;align-items: center;gap: 0.6rem;margin-bottom: 0.4rem}.rf-panel-head strong{flex: 1;font-size: 1.1rem;color: var(--text-dark)}.rf-close, .rf-apply{display: none}.rf-section{display: flex;flex-direction: column;gap: 0.7rem;padding: 1.1rem 0;border-top: 1px solid #F1E8DE}.rf-panel-head + .rf-section{border-top: 0;padding-top: 0.6rem}.rf-section:last-of-type{padding-bottom: 0.2rem}.rf-title{font-size: 0.75rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: var(--text-muted)}.rf-group{display: flex;flex-wrap: wrap;gap: 0.5rem}.rf-group button, .rf-rescue button{min-height: 36px;padding: 0.3rem 0.85rem;border: 1.5px solid var(--border-color);border-radius: 999px;background: white;font: inherit;font-size: 0.85rem;font-weight: 500;color: var(--text-dark);cursor: pointer;transition: border-color 0.15s, background 0.15s}.rf-group button:hover{border-color: var(--primary-color)}.rf-group button.is-on{background: var(--primary-color);border-color: var(--primary-color);color: white}.rf-occasions{display: flex;flex-wrap: wrap;gap: 0.5rem}.rf-occasions a{display: inline-flex;align-items: center;gap: 0.4rem;min-height: 36px;padding: 0.3rem 0.85rem;border-radius: 999px;border: 1.5px solid var(--border-color);color: var(--text-dark);text-decoration: none;font-size: 0.85rem;font-weight: 500}.rf-occasions a:hover{border-color: var(--primary-color)}.rf-occasions a.is-on{border-color: var(--primary-color);background: var(--primary-color);color: white}.rf-occasions em{font-style: normal;font-size: 0.72rem;font-weight: 700;padding: 0.05rem 0.45rem;border-radius: 999px;background: #F4E6D6;color: var(--primary-color)}.rf-occasions a.is-on em{background: rgba(255, 255, 255, 0.22);color: white}.rf-results{display: flex;flex-direction: column;gap: 1rem;min-width: 0}.rf-count{margin: 0;font-weight: 700;color: var(--text-dark)}.rf-rescue{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem;padding: 0.8rem 1rem;border: 1.5px dashed var(--secondary-color);border-radius: 16px}.rf-rescue span{font-weight: 700;color: var(--text-dark)}.rf-rescue button{border-color: var(--secondary-color);color: var(--primary-color)}.rf-results .recipes-grid{grid-template-columns: repeat(3, minmax(0, 1fr))}.rf-results .recipes-grid .recipe-card.ads{min-height: 100%}.recipe-card.ads .ads-label{position: absolute;top: 0.6rem;left: 0.8rem;z-index: 2;font-size: 0.7rem;font-weight: 600;letter-spacing: 0.06em;text-transform: uppercase;color: var(--text-muted)}@media (max-width: 1150px){.rf-results .recipes-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 600px){.rf-results .recipes-grid{grid-template-columns: minmax(0, 1fr)}}.rf-more{display: flex;justify-content: center;margin-top: 1.5rem}@media (max-width: 900px){.rf-layout{grid-template-columns: minmax(0, 1fr)}.rf-open{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0 1rem;border: 1.5px solid var(--primary-color);border-radius: 16px;background: white;color: var(--primary-color);font: inherit;font-weight: 700;cursor: pointer;white-space: nowrap}.rf-badge{display: inline-grid;place-items: center;min-width: 22px;height: 22px;padding: 0 0.3rem;border-radius: 999px;background: var(--primary-color);color: white;font-size: 0.75rem}.rf-side{position: static;top: auto !important}.rf-panel{position: fixed;inset: auto 0 0 0;top: auto;z-index: 1100;max-height: 88vh;overflow-y: auto;border-radius: 24px 24px 0 0;padding: 1.4rem 1.3rem 1rem;box-shadow: 0 -12px 40px rgba(44, 24, 16, 0.25);transform: translateY(105%);transition: transform 0.25s ease;visibility: hidden}.rf-panel.is-open{transform: none;visibility: visible}.rf-close{display: grid;place-items: center;width: 40px;height: 40px;border: 0;border-radius: 50%;background: var(--background-light);color: var(--text-dark);cursor: pointer}.rf-apply{display: flex;justify-content: center;position: sticky;bottom: 0;margin-top: 1rem;min-height: 52px;box-shadow: 0 -10px 18px #FFFFFF}.rf-group button, .rf-occasions a{min-height: 40px;padding: 0.35rem 0.95rem;font-size: 0.9rem}.rf-group, .rf-occasions{gap: 0.55rem}body.rf-panel-open{overflow: hidden}body.rf-panel-open .rhums-bottle, body.rf-panel-open .rhums-bubble{display: none}.rf-panel.is-open{box-shadow: 0 -12px 40px rgba(44, 24, 16, 0.25), 0 0 0 100vmax rgba(44, 24, 16, 0.45)}}@media (max-width: 600px){.rf-top{flex-wrap: wrap}.rf-search{flex: 1 1 100%}.rf-sort{flex: 1 1 0;min-width: 0}.rf-sort select{flex: 1;min-width: 0;width: 100%}.rf-profile.is-invite .btn{width: 100%;justify-content: center}.rf-open{min-height: 52px}.rf-open{flex: 0 0 auto}}.rl-head .rl-intro{max-width: 72ch;line-height: 1.6}.rl-head .rl-intro a{color: var(--primary-color);font-weight: 600}.rl-head .rl-intro-links{margin-top: 0.4rem;font-size: 0.9rem}.rl-head .rl-intro-links a{color: var(--primary-color);font-weight: 600}
.legal-content{max-width: 800px;margin: 0 auto;padding: 2rem 0;line-height: 1.6}.legal-section{margin-bottom: 2rem;padding-bottom: 1.5rem;border-bottom: 1px solid var(--border-light)}.legal-section:last-child{border-bottom: none}.legal-section h2{color: var(--primary-color);font-size: 1.5rem;margin-bottom: 1rem;font-weight: 600}.legal-section h3{color: var(--text-dark);font-size: 1.2rem;margin: 1.5rem 0 0.5rem 0;font-weight: 500}.legal-section p{margin-bottom: 1rem;color: var(--text-medium)}.legal-section a{color: var(--primary-color);text-decoration: underline}.legal-section a:hover{text-decoration: underline}.page-header{text-align: center;margin-bottom: 2rem;padding: 2rem 0;border-bottom: 2px solid var(--primary-color)}.page-header h1{color: var(--text-dark);font-size: 2.5rem;font-weight: 700;margin: 0}@media (max-width: 768px){.legal-content{padding: 1rem}.page-header h1{font-size: 2rem}.legal-section h2{font-size: 1.3rem}.legal-section h3{font-size: 1.1rem}}.legal-table-wrapper{overflow-x: auto;margin-bottom: 1rem}.legal-table{width: 100%;border-collapse: collapse;font-size: 0.95rem}.legal-table th, .legal-table td{padding: 0.75rem;border: 1px solid var(--border-color);text-align: left;vertical-align: top;color: var(--text-medium)}.legal-table th{background: var(--background-light);color: var(--text-dark);font-weight: 600}.legal-content .legal-table{overflow-wrap: normal}.legal-table th:nth-child(3){width: 18%}.main-content>.container, .main-content .legal-content, .legal-section{min-width: 0}.legal-content{overflow-wrap: anywhere}@media (max-width: 640px){.page-header{padding: 1.2rem 0;margin-bottom: 1rem}.page-header h1{font-size: 1.7rem;line-height: 1.25}.legal-content{padding: 0.5rem 0 2rem}.legal-section h2{font-size: 1.2rem;line-height: 1.35}.legal-section h3{font-size: 1.02rem}.legal-table-wrapper{overflow: visible}.legal-table, .legal-table tbody, .legal-table tr, .legal-table td{display: block;width: 100%}.legal-table thead{display: none}.legal-table tr{margin-bottom: 0.9rem;border: 1px solid var(--border-color);border-radius: 14px;overflow: hidden;background: #FFFFFF}.legal-table td{border: 0;border-bottom: 1px solid #F1E8DE;padding: 0.7rem 0.9rem}.legal-table td:last-child{border-bottom: 0}.legal-table td::before{content: attr(data-label);display: block;margin-bottom: 0.2rem;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: var(--text-muted)}.legal-table td:first-child{background: var(--background-light);color: var(--text-dark);font-weight: 600}}
.seasonal-fruits-section{padding: 4rem 0;background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%)}.section-header{text-align: center;margin-bottom: 3rem}.section-header h2{font-size: 2.5rem;color: var(--primary-color);margin-bottom: 1rem}.section-header h2 i{margin-right: 0.5rem}.month-selector{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5rem;margin-bottom: 3rem}.month-btn{padding: 0.75rem 1.5rem;border: 2px solid var(--primary-color);background: white;color: var(--primary-color);border-radius: 25px;cursor: pointer;transition: all 0.3s ease;font-weight: 500}.month-btn:hover, .month-btn.active{background: var(--primary-color);color: white;transform: translateY(-2px)}.fruits-display{position: relative;min-height: 400px}.month-fruits{display: none;animation: fadeIn 0.5s ease}.month-fruits.active{display: block}.month-fruits h3{text-align: center;font-size: 1.8rem;color: var(--primary-color);margin-bottom: 2rem}.fruits-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 1rem}.fruit-card{background: white;padding: 1.5rem;border-radius: 15px;box-shadow: 0 4px 15px rgba(0,0,0,0.1);text-align: center;transition: transform 0.3s ease;cursor: pointer}.fruit-card:hover{transform: translateY(-5px)}.fruit-name{display: block;font-weight: 600;color: var(--text-color);margin-bottom: 0.5rem}.maceration-time{display: block;color: var(--primary-color);font-size: 0.9rem}.maceration-time i{margin-right: 0.25rem}.maceration-section{padding: 4rem 0;background: white}.maceration-tabs{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5rem;margin-bottom: 3rem}.tab-btn{padding: 1rem 1.5rem;border: none;background: #f8f9fa;color: var(--text-color);border-radius: 10px;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;gap: 0.5rem}.tab-btn:hover, .tab-btn.active{background: var(--primary-color);color: white}.tab-content{display: none}.tab-content.active{display: block;animation: fadeIn 0.5s ease}.ingredients-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 1.5rem}.ingredient-card{background: #f8f9fa;padding: 1.5rem;border-radius: 10px;border-left: 4px solid var(--primary-color);transition: transform 0.3s ease}.ingredient-card:hover{transform: translateX(5px)}.ingredient-card h4{margin-bottom: 1rem;color: var(--text-color)}.time-display{display: flex;align-items: center;gap: 0.5rem;color: var(--primary-color);font-weight: 600}.tips-section{padding: 4rem 0;background: linear-gradient(135deg, #e9ecef 0%, #f8f9fa 100%)}.tips-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;margin-top: 2rem}.tip-card{background: white;padding: 2rem;border-radius: 15px;text-align: center;box-shadow: 0 4px 15px rgba(0,0,0,0.1);transition: transform 0.3s ease}.tip-card:hover{transform: translateY(-5px)}.tip-icon{width: 60px;height: 60px;background: var(--primary-color);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 1rem;color: white;font-size: 1.5rem}.tip-card h3{color: var(--primary-color);margin-bottom: 1rem}@keyframes fadeIn{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}@media (max-width: 768px){.month-selector{gap: 0.25rem}.month-btn{padding: 0.5rem 1rem;font-size: 0.9rem}.fruits-grid, .ingredients-grid{grid-template-columns: repeat(auto-fill, minmax(150px, 1fr))}.maceration-tabs{flex-direction: column;align-items: center}.tab-btn{width: 100%;max-width: 200px;justify-content: center}}.month-selector{display: flex;justify-content: center;margin-bottom: 3rem}.month-select{padding: 1rem 2rem;border: 2px solid var(--primary-color);background: white;color: var(--primary-color);border-radius: 25px;cursor: pointer;font-size: 1.1rem;font-weight: 500;min-width: 200px;text-align: center;transition: all 0.3s ease;appearance: none;background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A0522D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right 1rem center;background-size: 1rem;padding-right: 3rem}.month-select:hover, .month-select:focus{background: var(--primary-color);color: white;outline: none;transform: translateY(-2px);box-shadow: 0 4px 15px rgba(139, 69, 19, 0.3);background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right 1rem center;background-size: 1rem}.month-select option{background: white !important;color: #333 !important;padding: 0.5rem;font-weight: normal}.month-select option:hover, .month-select option:checked, .month-select option:selected{background: var(--primary-color) !important;color: white !important}.month-title{text-align: center;font-size: 1.8rem;color: var(--primary-color);margin-bottom: 2rem;font-weight: 600}.month-btn{display: none}@media (max-width: 768px){.month-select{min-width: 150px;font-size: 1rem;padding: 0.75rem 1.5rem;padding-right: 2.5rem}}
.rating-stars-display{display: flex;gap: 0.25rem}.rating-stars-display .star{font-size: 1.5rem;color: #E0E0E0}.rating-stars-display .star.filled{color: #DB4814}.rating-average{font-size: 1.5rem;font-weight: 700;color: #DB4814}.rating-count{font-size: 0.875rem;color: #666}@media (max-width: 480px){.rating-stars-display .star{font-size: 1.25rem}}
.fq-page{padding: 2rem 0 4rem;background: var(--background-light)}.fq-page [hidden]{display: none !important}.fq-kicker{font-size: 0.85rem;font-weight: 600;color: var(--secondary-strong)}.fq-hero{margin: 0.5rem 0 2.5rem}.fq-hero h1, .fq-hero>p{max-width: 780px}.fq-hero h1{margin: 0.3rem 0 0.5rem;font-size: clamp(1.9rem, 4.5vw, 2.7rem);line-height: 1.15}.fq-hero>p{margin: 0 0 1.3rem;color: var(--text-light)}.fq-search{position: relative;display: flex;align-items: center}.fq-search>i{position: absolute;left: 1.1rem;color: var(--primary-color);font-size: 1.05rem}.fq-search input{width: 100%;box-sizing: border-box;height: 56px;padding: 0 1rem 0 3rem;border: 1.5px solid var(--border-color);border-radius: 16px;background: white;font: inherit;font-size: 1.02rem;color: var(--text-dark)}.fq-search input:focus{outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 4px rgba(139, 69, 19, 0.08)}.fq-count{margin: 0.8rem 0 0;min-height: 1.4em;color: var(--text-light);font-size: 0.92rem}.fq-count a{color: var(--primary-color);font-weight: 600}.fq-layout{display: grid;grid-template-columns: 260px minmax(0, 1fr);gap: 2.5rem;align-items: start}.fq-nav{position: sticky;top: 100px;display: flex;flex-direction: column;gap: 0.2rem;padding: 1rem;border-radius: 20px;background: white;border: 1px solid var(--border-color)}.fq-nav a{display: grid;grid-template-columns: 22px minmax(0, 1fr) auto;align-items: center;gap: 0.6rem;padding: 0.55rem 0.6rem;border-radius: 10px;color: var(--text-light);text-decoration: none;font-size: 0.9rem;line-height: 1.3}.fq-nav a i{color: var(--secondary-color);text-align: center}.fq-nav a small{padding: 0.05rem 0.45rem;border-radius: 999px;background: #F4E6D6;color: var(--primary-color);font-size: 0.72rem;font-weight: 700}.fq-nav a:hover{background: var(--background-light);color: var(--text-dark)}.fq-nav a.is-current{background: #FFF3E3;color: var(--text-dark);font-weight: 600}.fq-nav a.is-empty{opacity: 0.4}.fq-content{display: flex;flex-direction: column;gap: 3rem;min-width: 0}.fq-content.is-searching .rp-ad{display: none}.fq-empty{padding: 1.5rem;border-radius: 20px;background: white;border: 1.5px dashed var(--border-color);color: var(--text-light)}.fq-category{scroll-margin-top: 100px}.fq-category + .fq-category, .rp-ad + .fq-category{padding-top: 3rem;border-top: 1px solid var(--border-color)}.fq-category-head{display: flex;gap: 1rem;align-items: flex-start;margin-bottom: 1.4rem}.fq-category-icon{flex-shrink: 0;display: grid;place-items: center;width: 48px;height: 48px;border-radius: 14px;background: var(--primary-color);color: white;font-size: 1.2rem}.fq-category-head h2{margin: 0.1rem 0 0.25rem;font-size: 1.4rem}.fq-category-head p{margin: 0;color: var(--text-light);line-height: 1.5}.fq-items{display: flex;flex-direction: column;gap: 0.85rem}.fq-item{border-radius: 16px;background: white;border: 1px solid var(--border-color);transition: border-color 0.2s, box-shadow 0.2s;scroll-margin-top: 110px}.fq-item[open]{border-color: #F1DCC4;box-shadow: 0 6px 18px rgba(139, 69, 19, 0.06)}.fq-item summary{display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding: 1.1rem 1.3rem;cursor: pointer;list-style: none}.fq-item summary::-webkit-details-marker{display: none}.fq-item summary h3{margin: 0;font-size: 1.02rem;font-weight: 600;line-height: 1.45;color: var(--text-dark)}.fq-item summary i{flex-shrink: 0;display: grid;place-items: center;width: 30px;height: 30px;border-radius: 50%;background: #F4E6D6;color: var(--primary-color);font-size: 0.8rem;transition: transform 0.2s}.fq-item[open] summary i{transform: rotate(45deg);background: var(--primary-color);color: white}.fq-item summary:hover h3{color: var(--primary-color)}.fq-answer{padding: 0 1.3rem 1.2rem}.fq-answer p{margin: 0 0 0.8rem;line-height: 1.75;color: #3A2418}.fq-permalink{font-size: 0.82rem;color: var(--text-muted);text-decoration: none}.fq-permalink:hover{color: var(--primary-color)}.fq-related{display: inline-flex;align-items: center;gap: 0.4rem;margin-top: 1.4rem;font-weight: 600;color: var(--primary-color);text-decoration: none}.fq-end{padding: 2rem;border-radius: 24px;background: #2C1810;color: #F8EBDD;text-align: center}.fq-end h2{margin: 0 0 0.4rem;color: white}.fq-end p{margin: 0 auto 1.2rem;max-width: 520px;color: #D9C2AA}.fq-end-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.6rem}.fq-end .btn-outline{color: #F8EBDD;border-color: rgba(248, 235, 221, 0.5)}@media (max-width: 900px){.fq-layout{grid-template-columns: minmax(0, 1fr);gap: 1.2rem}.fq-nav{position: static;flex-direction: row;overflow-x: auto;padding: 0.6rem}.fq-nav a{grid-template-columns: auto auto auto;white-space: nowrap;border: 1px solid var(--border-color)}}@media (max-width: 600px){.fq-item summary{padding: 1rem}.fq-answer{padding: 0 1rem 1rem}.fq-category-icon{width: 40px;height: 40px;font-size: 1rem}.fq-end{padding: 1.4rem}}
.gd-page{padding: 2rem 0 4rem;background: var(--background-light)}.gd-page [hidden]{display: none !important}.gd-kicker{font-size: 0.85rem;font-weight: 600;color: var(--secondary-strong)}.gd-hero{max-width: 760px;margin: 0.5rem 0 2.5rem}.gd-hero h1{margin: 0.3rem 0 0.7rem;font-size: clamp(1.9rem, 4.5vw, 2.8rem);line-height: 1.12}.gd-hero>p{margin: 0 0 1.4rem;color: var(--text-light);line-height: 1.65}.gd-progress{display: flex;align-items: center;gap: 0.9rem;margin-bottom: 1.4rem;font-size: 0.9rem;color: var(--text-light)}.gd-progress-bar{flex: 0 0 220px;height: 8px;border-radius: 999px;background: #EFE6DC;overflow: hidden}.gd-progress-bar span{display: block;width: 0;height: 100%;border-radius: inherit;background: linear-gradient(90deg, var(--secondary-color), #F5B85A);transition: width 0.4s ease}.gd-hero-actions{display: flex;flex-wrap: wrap;gap: 0.7rem}.gd-layout{display: grid;grid-template-columns: 260px minmax(0, 1fr);gap: 2.5rem;align-items: start}.gd-toc{position: sticky;top: 100px;padding: 1.2rem;border-radius: 20px;background: white;border: 1px solid var(--border-color)}.gd-toc-title{margin: 0 0 0.6rem;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: var(--text-muted)}.gd-toc ol{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.15rem}.gd-toc a{display: grid;grid-template-columns: 26px minmax(0, 1fr) 14px;align-items: center;gap: 0.5rem;padding: 0.45rem 0.5rem;border-radius: 10px;color: var(--text-light);text-decoration: none;font-size: 0.88rem;line-height: 1.3}.gd-toc a:hover{background: var(--background-light);color: var(--text-dark)}.gd-toc-num{display: grid;place-items: center;width: 26px;height: 26px;border-radius: 50%;background: #F4E6D6;color: var(--primary-color);font-weight: 700;font-size: 0.78rem}.gd-toc a i{font-size: 0.75rem;color: #2E9E62;visibility: hidden}.gd-toc a.is-read i{visibility: visible}.gd-toc a.is-read .gd-toc-num{background: #EAF6EF;color: #1F7A4D}.gd-toc a.is-current{background: #FFF3E3;color: var(--text-dark);font-weight: 600}.gd-toc-quiz{display: flex;align-items: center;justify-content: center;gap: 0.4rem;margin-top: 0.9rem;padding: 0.6rem;border-radius: 12px;background: var(--primary-color);color: white;font-weight: 600;text-decoration: none}.gd-chapters{display: flex;flex-direction: column;gap: 2.2rem;min-width: 0}.gd-chapter{position: relative;display: flex;flex-direction: column;gap: 1.6rem;padding: 2.4rem 2.6rem;border-radius: 24px;background: white;border: 1px solid var(--border-color);scroll-margin-top: 100px}.gd-chapter-head{display: grid;grid-template-columns: 52px minmax(0, 1fr) auto;gap: 1.2rem;align-items: start;padding-bottom: 1.4rem;border-bottom: 1px solid #F1E8DE}.gd-chapter-num{display: grid;place-items: center;width: 52px;height: 52px;border-radius: 16px;background: var(--primary-color);color: white;font-size: 1.4rem;font-weight: 800}.gd-chapter-head h2{margin: 0.15rem 0 0.45rem;font-size: 1.45rem;line-height: 1.25}.gd-summary{margin: 0;color: var(--secondary-strong);font-weight: 600;font-size: 0.95rem}.gd-chapter-emoji{font-size: 2.2rem;line-height: 1}.gd-chapter-emoji img{display: block;width: 64px;height: 64px}.gd-body p{margin: 0 0 1.1rem;line-height: 1.8;color: #3A2418;font-size: 1.02rem}.gd-body p:last-child{margin-bottom: 0}.gd-body a, .gd-tip a{color: var(--primary-color);font-weight: 600}.gd-tip{padding: 1.3rem 1.5rem;border-radius: 16px;background: #FFF8F1;border-left: 4px solid var(--secondary-color)}.gd-tip strong{display: flex;align-items: center;gap: 0.5rem;margin-bottom: 0.55rem;color: var(--text-dark)}.gd-tip strong i{color: var(--secondary-color)}.gd-tip p{margin: 0;line-height: 1.75;color: var(--text-light)}.gd-chapter-end{position: absolute;bottom: 0;left: 0;width: 1px;height: 1px}.gd-videos{padding-top: 1.6rem;border-top: 1px solid #F1E8DE}.gd-videos-title{display: flex;align-items: center;gap: 0.5rem;margin: 0 0 1.1rem;font-weight: 700;font-size: 1rem}.gd-videos-title i{color: #E62117}.gd-videos-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));gap: 1.6rem 1.4rem}.gd-video{margin: 0}.gd-video-play, .gd-video iframe{position: relative;display: block;width: 100%;aspect-ratio: 16 / 9;border: 0;border-radius: 14px;overflow: hidden;background: #000;cursor: pointer;padding: 0}.gd-video-play img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0.88;transition: opacity 0.2s}.gd-video-play:hover img{opacity: 1}.gd-video-play span{position: absolute;top: 50%;left: 50%;display: grid;place-items: center;width: 62px;height: 44px;margin: -22px 0 0 -31px;border-radius: 12px;background: #E62117;color: white;font-size: 1.2rem}.gd-video figcaption{margin-top: 0.75rem;font-size: 0.88rem;line-height: 1.5;color: var(--text-light)}.gd-video figcaption em{display: block;margin-top: 0.15rem;font-size: 0.82rem;color: var(--text-muted)}.gd-end{display: flex;flex-direction: column;gap: 1.2rem}.gd-end-quiz{padding: 2rem;border-radius: 24px;background: #2C1810;color: #F8EBDD;text-align: center}.gd-end-quiz>i{font-size: 2.4rem;color: #F5B85A}.gd-end-quiz h2{margin: 0.6rem 0 0.4rem;color: white}.gd-end-quiz p{margin: 0 auto 1.2rem;max-width: 460px;color: #D9C2AA}.gd-end-links{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 1rem}.gd-end-links a{display: flex;flex-direction: column;gap: 0.3rem;padding: 1.2rem;border-radius: 20px;background: white;border: 1px solid var(--border-color);color: inherit;text-decoration: none}.gd-end-links a:hover{border-color: var(--primary-color)}.gd-end-links i{font-size: 1.3rem;color: var(--secondary-color)}.gd-end-links strong{color: var(--text-dark)}.gd-end-links span{font-size: 0.88rem;color: var(--text-light)}.qz-container{max-width: 760px}.qz-start, .qz-card, .qz-result{margin-top: 1rem;padding: 2rem;border-radius: 24px;background: white;border: 1px solid var(--border-color)}.qz-start, .qz-result{text-align: center}.qz-start-icon, .qz-medal{display: inline-grid;place-items: center;width: 80px;height: 80px;border-radius: 50%;background: #F4E6D6;color: var(--primary-color);font-size: 2.2rem}.qz-medal.is-gold{background: linear-gradient(135deg, #F5B85A, #D2691E);color: white;box-shadow: 0 6px 20px rgba(210, 105, 30, 0.35)}.qz-start h1, .qz-result h2{margin: 1rem 0 0.5rem;font-size: clamp(1.6rem, 4vw, 2.2rem)}.qz-start p, .qz-result p{margin: 0 auto 1rem;max-width: 520px;color: var(--text-light);line-height: 1.6}.qz-best{color: var(--primary-color) !important}.qz-result p a{color: var(--primary-color);font-weight: 600}.qz-start-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 0.7rem;margin-top: 1.2rem}.qz-top{display: flex;justify-content: space-between;font-size: 0.88rem;color: var(--text-muted)}.qz-bar{height: 6px;margin: 0.6rem 0 1.4rem;border-radius: 999px;background: #EFE6DC;overflow: hidden}.qz-bar span{display: block;height: 100%;width: 0;background: var(--secondary-color);transition: width 0.3s}.qz-chapter{margin: 0 0 0.3rem;font-size: 0.8rem;font-weight: 700;letter-spacing: 0.05em;text-transform: uppercase;color: var(--secondary-color)}.qz-card h2{margin: 0 0 1.2rem;font-size: 1.35rem;line-height: 1.35}.qz-answers{display: flex;flex-direction: column;gap: 0.6rem}.qz-answer{display: flex;align-items: center;gap: 0.8rem;width: 100%;padding: 0.85rem 1rem;border: 1.5px solid var(--border-color);border-radius: 14px;background: white;color: var(--text-dark);font: inherit;text-align: left;cursor: pointer;transition: border-color 0.15s, background 0.15s}.qz-answer:hover:not(:disabled){border-color: var(--primary-color);background: #FFF8F1}.qz-answer span{flex-shrink: 0;display: grid;place-items: center;width: 30px;height: 30px;border-radius: 50%;background: #F4E6D6;color: var(--primary-color);font-weight: 700;font-size: 0.85rem}.qz-answer:disabled{cursor: default;opacity: 0.6}.qz-answer.is-correct{opacity: 1;border-color: #2E9E62;background: #EAF6EF}.qz-answer.is-correct span{background: #2E9E62;color: white}.qz-answer.is-wrong{opacity: 1;border-color: #D9483B;background: #FDF1EF}.qz-answer.is-wrong span{background: #D9483B;color: white}.qz-feedback{margin-top: 1.2rem;padding: 1rem 1.2rem;border-radius: 14px;line-height: 1.6}.qz-feedback.is-ok{background: #EAF6EF;color: #1F5A3A}.qz-feedback.is-ko{background: #FDF1EF;color: #7A2018}.qz-feedback strong{display: block;margin-bottom: 0.2rem}.qz-feedback a{color: inherit;font-weight: 700}.qz-next{margin-top: 1.2rem}.qz-review{text-align: left;max-width: 520px;margin: 0 auto}.qz-review h3{font-size: 1.05rem;margin: 0.5rem 0}.qz-review ul{margin: 0;padding: 0;list-style: none;display: flex;flex-direction: column;gap: 0.5rem}.qz-review li{display: flex;flex-direction: column;padding: 0.7rem 0.9rem;border-radius: 12px;background: var(--background-light)}.qz-review a{font-weight: 700;color: var(--primary-color)}.qz-review span{font-size: 0.88rem;color: var(--text-light)}@media (max-width: 900px){.gd-layout{grid-template-columns: minmax(0, 1fr);gap: 1.2rem}.gd-toc{position: static;min-width: 0}.gd-toc ol{flex-direction: row;overflow-x: auto;gap: 0.4rem;padding-bottom: 0.2rem}.gd-toc a{grid-template-columns: 26px auto;white-space: nowrap;border: 1px solid var(--border-color)}.gd-toc a i{display: none}}@media (max-width: 600px){.gd-progress-bar{flex-basis: 120px}.gd-chapter{padding: 1.2rem}.gd-chapter-head{grid-template-columns: 42px minmax(0, 1fr)}.gd-chapter-num{width: 42px;height: 42px;font-size: 1.15rem;border-radius: 12px}.gd-chapter-emoji{display: none}.qz-start, .qz-card, .qz-result{padding: 1.3rem}}@media (max-width: 640px){.gd-chapters{gap: 1.4rem}.gd-chapter{gap: 1.3rem;padding: 1.5rem 1.3rem;border-radius: 20px}.gd-chapter-head{gap: 0.9rem;padding-bottom: 1.1rem}.gd-tip{padding: 1.1rem 1.2rem}.gd-videos{padding-top: 1.3rem}}.gd-toc a.gd-toc-quiz{display: flex;align-items: center;justify-content: center;gap: 0.5rem;min-height: 44px;padding: 0.6rem 1rem;border: 0;border-radius: 12px;background: var(--primary-color);color: #FFFFFF;font-size: 0.92rem;font-weight: 700;white-space: normal}.gd-toc a.gd-toc-quiz:hover{background: var(--primary-hover);color: #FFFFFF}.gd-toc a.gd-toc-quiz i{display: inline;visibility: visible;color: #FFFFFF;font-size: 0.95rem}.qz-claim{padding: 0;border: 0;background: none;font: inherit;color: var(--primary-color);font-weight: 600;text-decoration: underline;cursor: pointer}
@font-face{font-family: 'Inter';font-style: normal;font-weight: 300;font-display: swap;src: url('../assets/fonts/inter/inter-latin-300-normal.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: 'Inter';font-style: normal;font-weight: 400;font-display: swap;src: url('../assets/fonts/inter/inter-latin-400-normal.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: 'Inter';font-style: normal;font-weight: 500;font-display: swap;src: url('../assets/fonts/inter/inter-latin-500-normal.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: 'Inter';font-style: normal;font-weight: 600;font-display: swap;src: url('../assets/fonts/inter/inter-latin-600-normal.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: 'Inter';font-style: normal;font-weight: 700;font-display: swap;src: url('../assets/fonts/inter/inter-latin-700-normal.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
.coll-total{height: 8px;margin: -0.3rem 0 1.4rem;border-radius: 999px;background: #F1E8DD;overflow: hidden}.coll-total-bar{display: block;height: 100%;border-radius: inherit;background: linear-gradient(90deg, #F3B26B, #D2691E);transition: width 0.6s ease}.coll-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: 1.2rem}@media (min-width: 1000px){.coll-grid{grid-template-columns: repeat(5, minmax(0, 1fr));gap: 1.5rem}}.coll-grid .coll-card-name{font-size: 0.8rem}.coll-card{position: relative;width: 100%;aspect-ratio: 3 / 4;border-radius: 16px;cursor: pointer;transform-style: preserve-3d;transform: perspective(700px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) scale(var(--s, 1));transition: box-shadow 0.2s;user-select: none;-webkit-tap-highlight-color: transparent;will-change: transform}.coll-card:hover{box-shadow: 0 16px 40px rgba(44, 24, 16, 0.25)}.coll-card:focus-visible{outline: 3px solid var(--primary-color);outline-offset: 3px}.coll-card-face{position: absolute;inset: 0;border-radius: inherit;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.8rem 0.6rem 1rem;overflow: hidden}.coll-card-face{background: linear-gradient(145deg, var(--card-from, #F3B26B), var(--card-to, #D2691E))}.coll-card{border: 2px solid rgba(255,255,255,0.35)}.coll-card-icon{font-size: 2.8rem;line-height: 1;filter: drop-shadow(0 2px 6px rgba(0,0,0,0.25));z-index: 1}.coll-card-icon img{width: 56px;height: 56px;object-fit: contain;filter: drop-shadow(0 2px 6px rgba(0,0,0,0.2))}.coll-card-name{font-size: 0.72rem;font-weight: 800;text-align: center;color: #FFFFFF;text-shadow: 0 1px 3px rgba(0,0,0,0.35);line-height: 1.2;z-index: 1;letter-spacing: 0.02em;text-transform: uppercase}.coll-card.has-art{--frame: 5px;--holo: 0.55}.coll-card.has-art .coll-card-face{padding: 0}.coll-card-art{position: absolute;inset: var(--frame);width: calc(100% - 2 * var(--frame));height: calc(100% - 2 * var(--frame));object-fit: cover;border-radius: 11px;-webkit-user-drag: none}.coll-card.has-art .coll-card-name{position: absolute;left: var(--frame);right: var(--frame);bottom: var(--frame);padding: 1.8rem 0.5rem 0.6rem;border-radius: 0 0 11px 11px;background: linear-gradient(180deg, transparent, rgba(20, 8, 4, 0.55) 40%, rgba(20, 8, 4, 0.88))}.coll-card.is-locked.has-art .coll-card-face{filter: none}.coll-card.is-locked .coll-card-art{filter: grayscale(1) brightness(0.42) blur(1.5px)}.coll-card.is-locked.has-art .coll-card-name{color: rgba(255, 255, 255, 0.6)}.coll-card-holo{position: absolute;inset: 0;border-radius: inherit;pointer-events: none;z-index: 2;background-image: repeating-linear-gradient(110deg, hsl(2, 100%, 73%) 0%, hsl(53, 100%, 69%) 5%, hsl(93, 100%, 69%) 10%, hsl(176, 100%, 76%) 15%, hsl(228, 100%, 74%) 20%, hsl(283, 100%, 73%) 25%, hsl(2, 100%, 73%) 30%), repeating-linear-gradient(-45deg, rgba(14, 21, 46, 0.5) 0%, rgba(143, 163, 163, 0.5) 4%, rgba(143, 193, 193, 0.5) 5%, rgba(162, 163, 163, 0.5) 6%, rgba(14, 21, 46, 0.5) 12%);background-size: 400% 400%, 300% 300%;background-position: var(--px, 50%) var(--py, 50%), var(--px, 50%) var(--py, 50%);background-blend-mode: overlay;mix-blend-mode: color-dodge;filter: brightness(0.7) contrast(1.4) saturate(1.1);opacity: calc(var(--o, 0) * var(--holo, 0.4))}.coll-card-shine{position: absolute;inset: 0;border-radius: inherit;pointer-events: none;z-index: 3;background: radial-gradient(farthest-corner circle at var(--mx, 50%) var(--my, 50%), rgba(255, 255, 255, 0.8) 10%, rgba(255, 255, 255, 0.55) 22%, rgba(0, 0, 0, 0.45) 90%);mix-blend-mode: overlay;opacity: calc(var(--o, 0) * 0.85)}@media (prefers-reduced-motion: reduce){.coll-card{transform: none}.coll-card:hover .coll-card-shine{--o: 0.4}}.coll-card.is-locked .coll-card-face{filter: grayscale(1) brightness(0.55)}.coll-card.is-locked .coll-card-lock{position: absolute;inset: 0;border-radius: inherit;display: flex;align-items: center;justify-content: center;z-index: 4}.coll-card.is-locked .coll-card-holo, .coll-card.is-locked .coll-card-shine{display: none}.coll-card.is-locked .coll-card-lock i{font-size: 1.6rem;color: rgba(255,255,255,0.7);filter: drop-shadow(0 2px 4px rgba(0,0,0,0.4))}.coll-card:not(.is-locked) .coll-card-lock{display: none}.coll-card-progress{margin-top: 0.4rem;font-size: 0.68rem;color: var(--text-muted);text-align: center;line-height: 1.3}.card-modal-overlay{position: fixed;inset: 0;z-index: 1000;background: rgba(20, 8, 4, 0.82);display: flex;align-items: center;justify-content: center;padding: 1rem;backdrop-filter: blur(6px);animation: card-fade-in 0.2s ease}@keyframes card-fade-in{from{opacity: 0}to{opacity: 1}}.card-modal{display: flex;flex-direction: column;align-items: center;gap: 1.4rem;max-width: 340px;width: 100%;animation: card-pop 0.25s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes card-pop{from{transform: scale(0.8);opacity: 0}to{transform: scale(1);opacity: 1}}.card-modal .coll-card{width: min(260px, 70vw);cursor: default;touch-action: none;box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45)}.card-modal .coll-card .coll-card-icon{font-size: 4.2rem}.card-modal .coll-card .coll-card-icon img{width: 96px;height: 96px}.card-modal .coll-card .coll-card-name{font-size: 1rem}.card-modal .coll-card.has-art{--frame: 8px}.card-modal-info{text-align: center;color: #FBF9F7}.card-modal-info h3{margin: 0 0 0.5rem;font-size: 1.3rem;font-weight: 800}.card-modal-info p{margin: 0;font-size: 0.9rem;color: #D9C6B0;line-height: 1.6}.card-modal-info .card-modal-date{margin-top: 0.5rem;font-size: 0.78rem;color: #A8927C}.card-modal-actions{display: flex;gap: 0.75rem;flex-wrap: wrap;justify-content: center}.card-modal-actions a, .card-modal-actions button{display: inline-flex;align-items: center;gap: 0.45rem;height: 42px;padding: 0 1.1rem;border-radius: 999px;border: 0;font: inherit;font-size: 0.88rem;font-weight: 600;cursor: pointer;text-decoration: none;transition: opacity 0.15s}.card-modal-actions a:hover, .card-modal-actions button:hover{opacity: 0.85}.card-modal-close{background: rgba(255,255,255,0.12);color: #FBF9F7}.card-modal-share{background: linear-gradient(135deg, #FFD66B, #E8A23A);color: #2C1810}@media (max-width: 640px){.coll-grid{grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));gap: 0.9rem}.coll-card-icon{font-size: 2.2rem}.coll-card-name{font-size: 0.65rem}}body.card-reveal-open{overflow: hidden}.card-reveal{position: fixed;inset: 0;z-index: 10000;display: flex;align-items: center;justify-content: center;padding: 1.5rem 1rem;overflow: hidden auto;background: radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--card-from) 45%, #140804) 0%, rgba(14, 6, 3, 0.95) 62%);animation: cr-fade 0.35s ease both}.card-reveal.is-leaving{animation: cr-fade-out 0.28s ease forwards}.card-reveal-rays{position: fixed;left: 50%;top: 42%;width: 170vmax;height: 170vmax;translate: -50% -50%;background: repeating-conic-gradient(from 0deg, rgba(255, 231, 168, 0.18) 0deg 7deg, transparent 7deg 18deg);-webkit-mask: radial-gradient(circle, #000 0%, transparent 45%);mask: radial-gradient(circle, #000 0%, transparent 45%);pointer-events: none;animation: cr-fade 0.8s 1.15s both, cr-spin 40s linear infinite}.card-reveal-stage{position: relative;display: flex;flex-direction: column;align-items: center;gap: 1.1rem;width: 100%;max-width: 380px;margin: auto;text-align: center}.card-reveal-kicker{margin: 0;font-size: 0.85rem;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;color: #FFD66B;text-shadow: 0 0 18px rgba(255, 214, 107, 0.6);animation: cr-drop 0.5s 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) both}.card-reveal-flip{position: relative;width: min(250px, 62vw);aspect-ratio: 3 / 4;transform-style: preserve-3d;animation: cr-fly 1.6s cubic-bezier(0.22, 1, 0.36, 1) both}.card-reveal-back, .card-reveal-front{position: absolute;inset: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden}.card-reveal-front{transform: rotateY(180deg)}.card-reveal:not(.is-revealed) .card-reveal-front .coll-card{transform: none;transform-style: flat}.card-reveal-front{animation: cr-face-in 1.6s step-end both}.card-reveal-back{animation: cr-face-out 1.6s step-end both}.card-reveal-back{display: flex;align-items: center;justify-content: center;border-radius: 16px;border: 7px solid #E8A23A;background: repeating-linear-gradient(45deg, rgba(243, 178, 107, 0.08) 0 10px, transparent 10px 20px), radial-gradient(circle at 50% 40%, #8B4513, #2C1810 72%);box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55), inset 0 0 0 2px rgba(255, 231, 168, 0.4)}.card-reveal-back span{display: flex;align-items: center;justify-content: center;width: 42%;aspect-ratio: 1;border-radius: 50%;border: 3px solid #F3B26B;color: #F3B26B;font-size: 2.6rem;box-shadow: 0 0 30px rgba(243, 178, 107, 0.45), inset 0 0 20px rgba(243, 178, 107, 0.25)}.card-reveal-front .coll-card{width: 100%;cursor: default;touch-action: none;box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55), 0 0 70px color-mix(in srgb, var(--card-from) 55%, transparent)}.card-reveal-front .coll-card.has-art{--frame: 9px}.card-reveal-front .coll-card-name{font-size: 1.05rem}.card-reveal-front .coll-card-icon{font-size: 4.2rem}.card-reveal-front .coll-card-icon img{width: 96px;height: 96px}.card-reveal.is-revealed .card-reveal-flip{animation: none;transform: none}.card-reveal.is-revealed .card-reveal-front{transform: none}.card-reveal.is-revealed .card-reveal-back{display: none}.card-reveal-sparks{position: absolute;inset: 0;pointer-events: none;transform: translateZ(1px)}.card-reveal-sparks::before{content: "";position: absolute;left: 50%;top: 50%;width: 320%;aspect-ratio: 1;translate: -50% -50%;background: radial-gradient(circle, rgba(255, 255, 255, 0.95) 0%, rgba(255, 231, 168, 0.5) 18%, transparent 45%);animation: cr-flash 0.8s 1.2s ease-out both}.card-reveal-sparks i{position: absolute;left: 50%;top: 50%;width: var(--z);height: var(--z);margin: calc(var(--z) / -2);border-radius: 50%;background: #FFF3C4;box-shadow: 0 0 10px 2px #FFD66B;animation: cr-spark 1.1s calc(1.25s + var(--t)) cubic-bezier(0.1, 0.8, 0.3, 1) both}.card-reveal-info{color: #FBF9F7;animation: cr-up 0.5s 1.55s ease-out both}.card-reveal-info h2{margin: 0 0 0.4rem;font-size: 1.5rem;font-weight: 800;color: #FFFFFF}.card-reveal-info p{margin: 0;font-size: 0.95rem;line-height: 1.55;color: #E8D6C2}.card-reveal-actions{display: flex;gap: 0.7rem;flex-wrap: wrap;justify-content: center;margin-top: 1.2rem}.card-reveal-btn{display: inline-flex;align-items: center;justify-content: center;min-height: 46px;padding: 0 1.4rem;border-radius: 999px;border: 0;font: inherit;font-size: 0.95rem;font-weight: 700;cursor: pointer;text-decoration: none;background: linear-gradient(135deg, #FFD66B, #E8A23A);color: #2C1810;box-shadow: 0 8px 24px rgba(232, 162, 58, 0.35);transition: transform 0.15s, box-shadow 0.15s}.card-reveal-btn:hover{transform: translateY(-2px);box-shadow: 0 12px 28px rgba(232, 162, 58, 0.45)}.card-reveal-btn:focus-visible{outline: 3px solid #FFFFFF;outline-offset: 3px}.card-reveal-btn.is-ghost{background: transparent;color: #FBF9F7;box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.4)}@keyframes cr-fade{from{opacity: 0}to{opacity: 1}}@keyframes cr-face-in{0%{visibility: hidden}84%{visibility: visible}}@keyframes cr-face-out{0%{visibility: visible}84%{visibility: hidden}}@keyframes cr-fade-out{to{opacity: 0}}@keyframes cr-spin{to{rotate: 360deg}}@keyframes cr-drop{from{opacity: 0;transform: translateY(-16px) scale(0.9)}to{opacity: 1;transform: none}}@keyframes cr-up{from{opacity: 0;transform: translateY(14px)}to{opacity: 1;transform: none}}@keyframes cr-fly{0%{opacity: 0;transform: translateY(55vh) scale(0.25) rotateY(0deg) rotateZ(-12deg)}12%{opacity: 1}55%{transform: translateY(0) scale(1) rotateY(720deg) rotateZ(0deg)}68%{transform: scale(1.06) rotateY(720deg)}100%{transform: scale(1) rotateY(900deg)}}@keyframes cr-flash{0%{opacity: 0;scale: 0.3}30%{opacity: 1}100%{opacity: 0;scale: 1.15}}@keyframes cr-spark{0%{opacity: 0;transform: rotate(var(--a)) translateX(0) scale(1)}10%{opacity: 1}100%{opacity: 0;transform: rotate(var(--a)) translateX(var(--d)) scale(0.2)}}.card-reveal.is-calm *, .card-reveal.is-calm *::before{animation: none !important}.card-reveal.is-calm .card-reveal-flip, .card-reveal.is-calm .card-reveal-front{transform: none}.card-reveal.is-calm .card-reveal-back, .card-reveal.is-calm .card-reveal-sparks{display: none}@media (max-width: 640px){.card-reveal-info h2{font-size: 1.3rem}.card-reveal-info p{font-size: 0.9rem}}