:root{--ink:#33261c;--light:#fbf6ee;--muted:rgba(255,249,239,.82);--cream:#f4ead8;--line:rgba(255,244,224,.34);--brown:#563e2b;--gold:#c9954d;--whatsapp:#1d9b5b;--shadow:0 22px 65px rgba(28,18,10,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;color:var(--light);background:#765b45;font-family:'DM Sans',system-ui,sans-serif}a{color:inherit}a,button{-webkit-tap-highlight-color:transparent}.page-shell{min-height:100vh;display:grid;place-items:center;padding:28px 0;position:relative;isolation:isolate;background:linear-gradient(110deg,rgba(46,29,18,.7),rgba(92,68,46,.42)),url('assets/dayenu-reference-background.webp') center/cover fixed}.page-shell:before{content:"";position:fixed;z-index:-1;inset:0;background:rgba(38,24,15,.18);backdrop-filter:blur(5px)}.brand-panel{width:min(960px,93vw);padding:40px 48px 28px;border:1px solid rgba(222,188,125,.62);border-radius:28px;background:linear-gradient(145deg,rgba(70,48,32,.65),rgba(39,29,22,.56));box-shadow:var(--shadow);backdrop-filter:blur(16px);animation:panel-in .65s ease both}.brand-header{text-align:center}.brand-mark{display:inline-grid;place-items:center;width:120px;height:120px;margin-bottom:17px;overflow:hidden;border:1px solid #c79a58;border-radius:50%;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.22);transition:transform .25s ease}.brand-mark:hover{transform:translateY(-3px) rotate(-2deg)}.brand-mark picture{display:grid;place-items:center;width:100%;height:100%}.brand-mark img{display:block;width:112px;height:112px;object-fit:contain;transform:translateX(5px)}.eyebrow{margin:0 0 8px;color:#ebc888;font-size:.72rem;font-weight:700;letter-spacing:.23em}.brand-header h1{margin:0;font:600 clamp(2.55rem,6vw,4rem)/1.08 'Playfair Display',Georgia,serif;letter-spacing:.06em;text-shadow:0 2px 15px rgba(0,0,0,.2)}.tagline{max-width:560px;margin:12px auto 0;color:var(--muted);font-size:clamp(1rem,2vw,1.15rem);line-height:1.45}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:650px;margin:27px auto 28px}.button{min-height:56px;display:flex;align-items:center;justify-content:center;gap:11px;padding:15px 22px;border-radius:999px;text-decoration:none;font-size:.96rem;font-weight:700;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.button:hover{transform:translateY(-2px);box-shadow:0 11px 22px rgba(0,0,0,.18)}.button:focus-visible,.social-card:focus-visible,.footer-links a:focus-visible{outline:3px solid #f3cd8c;outline-offset:4px}.button-primary{color:#3b2819;background:linear-gradient(100deg,#e0b96f,#bd8943);box-shadow:0 7px 16px rgba(24,14,6,.22)}.button-whatsapp{color:white;background:linear-gradient(100deg,#35ba6f,#168d52);box-shadow:0 7px 16px rgba(18,75,39,.24)}.button-icon{display:grid;place-items:center;font-size:1.3rem;line-height:1}.button-icon img{display:block}.social-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.social-card{min-width:0;min-height:158px;display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding:18px 12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,249,239,.1);text-align:center;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.social-card:hover{transform:translateY(-4px);background:rgba(255,249,239,.17);border-color:rgba(245,211,158,.7);box-shadow:0 10px 20px rgba(20,12,6,.15)}.social-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#fff;box-shadow:0 5px 12px rgba(0,0,0,.14)}.social-icon img{display:block;width:36px;height:36px}.social-icon.youtube{background:#fff}.social-icon.instagram{background:#fff}.social-icon.tiktok{background:#050505}.social-icon.facebook{background:#1877f2}.social-icon.whatsapp{background:#20b968}.social-copy{display:flex;flex-direction:column;gap:5px}.social-copy strong{font-size:.94rem}.social-copy span{min-height:28px;color:var(--muted);font-size:.72rem;line-height:1.3}.social-card b{color:#f1cb8c;font-size:.9rem}.products-section{margin-top:25px;padding-top:21px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;gap:18px}.section-heading h2{margin:0;color:var(--light);font:600 clamp(1.8rem,4vw,2.35rem)/1.1 'Playfair Display',Georgia,serif}.heading-rule{height:1px;flex:1;margin-bottom:9px;background:var(--line)}.products-status{min-height:0;display:inline-block;margin:9px 0 12px;padding:5px 10px;border:1px solid rgba(255,244,224,.22);border-radius:999px;background:rgba(255,249,239,.07);color:var(--muted);font-size:.82rem}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product-card{overflow:hidden;min-width:0;border:1px solid rgba(82,55,31,.12);border-radius:14px;background:var(--cream);color:#3e2b1d;box-shadow:0 8px 18px rgba(20,12,5,.16);animation:card-in .45s ease both}.product-image{width:100%;height:206px;object-fit:cover;object-position:center;display:block;background:#e7dccb}.product-body{display:flex;flex-direction:column;min-height:142px;padding:12px}.product-name{display:-webkit-box;overflow:hidden;margin:0 0 7px;font-size:.84rem;line-height:1.3;font-weight:700;-webkit-line-clamp:2;-webkit-box-orient:vertical}.price-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;margin-bottom:9px}.regular-price{font-size:.7rem;color:#806b56}.sale-price{font-size:.9rem;font-weight:800}.sale-badge{width:max-content;margin-bottom:5px;padding:3px 6px;border-radius:999px;background:#ead1a7;color:#68441f;font-size:.59rem;font-weight:700}.product-link{display:flex;align-items:center;justify-content:center;min-height:36px;margin-top:auto;border:1px solid #b88845;border-radius:999px;color:#64451f;text-decoration:none;font-size:.75rem;font-weight:700;transition:background .2s ease}.product-link:hover{background:#e8cf9f}.products-cta{display:flex;justify-content:center;margin-top:17px}.button-outline{min-height:44px;padding:11px 22px;border:1px solid rgba(255,244,224,.62);color:var(--light);font-size:.84rem;background:rgba(255,255,255,.06)}.skeleton{height:280px;border-radius:14px;background:linear-gradient(100deg,rgba(255,255,255,.16) 30%,rgba(255,255,255,.3) 45%,rgba(255,255,255,.16) 60%);background-size:200% 100%;animation:shimmer 1.2s infinite}.footer{margin-top:25px;padding-top:16px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:.72rem}.trust-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.trust-row b{margin-left:4px;font-weight:500}.trust-row i{width:1px;height:17px;background:var(--line)}.footer p{margin:14px 0 8px}.footer-links{display:flex;justify-content:center;gap:20px}.footer-links a{color:#f0cf99;text-decoration:none}.footer-links a:hover{text-decoration:underline}@keyframes panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes card-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:980px) and (min-width:701px){.social-grid,.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px) and (min-width:701px){.social-grid,.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.page-shell{padding:14px 0;background-attachment:scroll}.brand-panel{width:94vw;padding:27px 14px 20px;border-radius:23px}.brand-mark{width:96px;height:96px;margin-bottom:14px}.brand-mark img{width:90px;height:90px}.brand-header h1{font-size:clamp(2.2rem,11vw,3.35rem);letter-spacing:.035em}.tagline{font-size:.95rem}.hero-actions{grid-template-columns:1fr;gap:10px;margin:23px auto 22px}.hero-actions .button{width:100%;min-height:54px}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.social-card{min-height:145px;padding:15px 8px 11px}.social-card:last-child{grid-column:1 / -1;width:calc(50% - 4.5px);justify-self:center}.social-copy strong{font-size:.86rem}.social-copy span{font-size:.72rem}.products-section{margin-top:24px;padding-top:21px}.section-heading{gap:0}.heading-rule{display:none}.products-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;margin-right:-4px}.product-card{flex:0 0 min(70vw,205px);scroll-snap-align:start}.product-image{height:182px}.skeleton{flex:0 0 min(70vw,205px);height:274px}.products-cta .button{width:100%}.trust-row{gap:8px;font-size:.64rem}.trust-row i{display:none}}.audio-toggle{position:fixed;right:18px;bottom:18px;z-index:20;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:8px 11px;border:1px solid rgba(232,198,137,.55);border-radius:999px;background:rgba(49,34,24,.78);color:#f5e5cb;box-shadow:0 8px 20px rgba(26,16,9,.24);backdrop-filter:blur(8px);font:600 .68rem 'DM Sans',system-ui,sans-serif;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.audio-toggle:hover{transform:translateY(-2px);background:rgba(74,50,33,.9);border-color:#d7ad69}.audio-toggle:focus-visible{outline:3px solid #f3cd8c;outline-offset:3px}.audio-toggle.is-on{color:#fff6e9;background:rgba(29,125,76,.86);border-color:rgba(165,231,188,.7)}.audio-icon{font-size:1rem;line-height:1}@media(max-width:700px){.audio-toggle{right:12px;bottom:12px;min-height:36px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}