.header{padding:.7rem 0 1rem;margin-bottom:2rem;text-align:center;position:relative;background:#8b4412bf;box-shadow:0 4px 10px #0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.logo-container{display:flex;justify-content:center;align-items:center}.logo{max-height:80px;width:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.521))}.logo:hover{opacity:.8}.logo-glass-frame{border-radius:18px;padding:4px 4px 0;display:inline-block;background:#b85523ea;box-shadow:#0000002a 0 5px 15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (max-width: 768px){.header{padding:.7rem 0 1rem;margin-bottom:2rem}.logo{max-height:60px;transition:none;transform:none}.logo:hover{opacity:1}.logo-glass-frame{padding:4px 4px 0;border-radius:12px;transform:none;transition:none}}@media (max-width: 480px){.header{padding:.7rem 0 1rem;margin-bottom:2rem}.logo:hover{opacity:1}.logo-glass-frame{padding:4px 4px 0;border-radius:12px}}.menu-navigation{padding:2rem 0;position:relative}.menu-glass-container{display:flex;position:relative;justify-content:center;padding:.6rem;z-index:2;border-radius:16px;border:3px solid rgba(83,38,0,.5);background:#ffffff59;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(5px)}.radio-inputs{position:relative;display:flex;flex-wrap:wrap;border-radius:.5rem;box-sizing:border-box;padding:.25rem;font-size:14px;gap:.4rem;justify-content:center;max-width:100%}.radio-inputs .radio{flex:1 1 auto;text-align:center;min-width:120px}.radio-inputs .radio input{display:none}.radio-inputs .radio .name{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.5rem;padding:.5rem .75rem;font-weight:700;white-space:nowrap;font-size:.9rem;color:#8b4513;border:1px solid #8b4513cb}.radio-inputs .radio input:checked+.name{color:#fff;font-weight:700;border:.5px solid transparent;background-color:#8b4513;box-shadow:0 2px 8px #0000001a}.radio-inputs .radio .name:hover{color:#fff;font-weight:700;background-color:#8b4513}@media (max-width: 768px){.menu-navigation{padding:1rem 0}.menu-glass-container{padding:1rem;border-radius:15px}.radio-inputs{font-size:12px;padding:.2rem;gap:.2rem}.radio-inputs .radio{min-width:100px}.radio-inputs .radio .name{padding:.4rem .5rem;font-size:.75rem}.radio-inputs .radio .name:hover{background-color:transparent;color:#8b4513}}@media (max-width: 480px){.radio-inputs .radio{min-width:80px}.radio-inputs .radio .name{padding:.35rem .4rem;font-size:.7rem}}:root{--card-border-radius: 16px;--card-padding: 1.25rem;--card-min-height: 390px;--card-image-height: 220px;--image-padding: 12px;--image-border-radius: 12px;--glass-blur: 12px;--card-background: #ffffff85;--card-background-hover: rgba(255, 255, 255, .85);--card-border: 3px solid rgba(83, 38, 0, .521);--card-border-hover: 3px solid #8b4512;--card-shadow: rgba(14, 30, 37, .281) 0px 2px 4px 0px, rgba(14, 30, 37, .411) 0px 2px 16px 0px;--card-shadow-hover: rgba(139, 68, 18, .6) 0px 12px 32px, rgba(139, 68, 18, .6) 0px 4px 8px;--card-title-color: #6e370f;--card-description-color: #2c2c2c;--card-price-color: #8b4513}.product-card-wrapper{position:relative}.product-card{display:flex;flex-direction:column;background:var(--card-background);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:var(--card-border);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);cursor:pointer;min-height:var(--card-min-height);position:relative}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:1}.product-card:hover{border:var(--card-border-hover)}.product-image-container{width:100%;position:relative;height:var(--card-image-height);padding:var(--image-padding);overflow:hidden;border-radius:var(--image-border-radius);margin:var(--image-padding);width:calc(100% - 24px);height:calc(var(--card-image-height) - 24px);box-shadow:0 0 10px #1d1d1d;-moz-box-shadow:0 0 10px 0 #1d1d1d;-webkit-box-shadow:0 0 10px 0 #1d1d1d}.product-image{width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(1.4);border-radius:var(--image-border-radius);background-color:#f000}.product-info{padding:var(--card-padding);flex:1;display:flex;flex-direction:column;justify-content:space-between;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0 0 var(--card-border-radius) var(--card-border-radius)}.product-name{font-size:1.4rem;font-weight:600;line-height:1.1;margin-bottom:.5rem;color:var(--card-title-color);text-shadow:0 1px 2px rgba(0,0,0,.2)}.product-description{font-family:Bellota,system-ui;font-size:1.1rem;font-weight:400;font-style:italic;line-height:1.1;color:var(--card-description-color);margin-bottom:1rem;flex-grow:1;text-shadow:0 1px 2px rgba(0,0,0,.2)}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.product-price{font-size:1.3rem;font-weight:400;color:var(--card-price-color);text-shadow:0 1px 2px rgba(0,0,0,.2)}.ribbon{--r: 20%;--c: #b81414;--c-dark: #770d0d;color:#fff;font-size:22px;font-weight:700;padding:.6em 1.3em;aspect-ratio:1;display:grid;place-content:center;text-align:center;position:absolute;top:-30px;right:-10px;z-index:10;width:fit-content;box-sizing:border-box;filter:drop-shadow(0 4px 6px rgba(0,0,0,.85));-webkit-filter:drop-shadow(0 4px 6px rgba(0,0,0,.85))}.ribbon:before{content:"";position:absolute;z-index:-1;top:60%;right:20%;bottom:-40%;left:20%;background:color-mix(in srgb,var(--c),#000 35%);background:var(--c-dark);clip-path:polygon(5% 0,95% 0,100% 100%,50% calc(100% - var(--r)),0 100%);-webkit-clip-path:polygon(5% 0,95% 0,100% 100%,50% calc(100% - var(--r)),0 100%)}.ribbon:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:radial-gradient(35% 35%,#0000 96%,#fff0 97%,#fff0 99%,#0000) var(--c);clip-path:polygon(100% 50%,89.66% 55.22%,98.3% 62.94%,86.96% 65.31%,93.3% 75%,81.73% 74.35%,85.36% 85.36%,74.35% 81.73%,75% 93.3%,65.31% 86.96%,62.94% 98.3%,55.22% 89.66%,50% 100%,44.78% 89.66%,37.06% 98.3%,34.69% 86.96%,25% 93.3%,25.65% 81.73%,14.64% 85.36%,18.27% 74.35%,6.7% 75%,13.04% 65.31%,1.7% 62.94%,10.34% 55.22%,0% 50%,10.34% 44.78%,1.7% 37.06%,13.04% 34.69%,6.7% 25%,18.27% 25.65%,14.64% 14.64%,25.65% 18.27%,25% 6.7%,34.69% 13.04%,37.06% 1.7%,44.78% 10.34%,50% 0%,55.22% 10.34%,62.94% 1.7%,65.31% 13.04%,75% 6.7%,74.35% 18.27%,85.36% 14.64%,81.73% 25.65%,93.3% 25%,86.96% 34.69%,98.3% 37.06%,89.66% 44.78%);-webkit-clip-path:polygon(100% 50%,89.66% 55.22%,98.3% 62.94%,86.96% 65.31%,93.3% 75%,81.73% 74.35%,85.36% 85.36%,74.35% 81.73%,75% 93.3%,65.31% 86.96%,62.94% 98.3%,55.22% 89.66%,50% 100%,44.78% 89.66%,37.06% 98.3%,34.69% 86.96%,25% 93.3%,25.65% 81.73%,14.64% 85.36%,18.27% 74.35%,6.7% 75%,13.04% 65.31%,1.7% 62.94%,10.34% 55.22%,0% 50%,10.34% 44.78%,1.7% 37.06%,13.04% 34.69%,6.7% 25%,18.27% 25.65%,14.64% 14.64%,25.65% 18.27%,25% 6.7%,34.69% 13.04%,37.06% 1.7%,44.78% 10.34%,50% 0%,55.22% 10.34%,62.94% 1.7%,65.31% 13.04%,75% 6.7%,74.35% 18.27%,85.36% 14.64%,81.73% 25.65%,93.3% 25%,86.96% 34.69%,98.3% 37.06%,89.66% 44.78%)}@media (max-width: 768px){:root{--card-min-height: 320px;--card-image-height: 180px;--card-padding: 1rem;--image-padding: 10px;--image-border-radius: 10px;--glass-blur: 8px}.product-name{font-size:1.4rem;margin-bottom:.8rem}.product-description{font-size:1rem;line-height:1.3;margin-bottom:.75rem}.product-price{font-size:1.1rem}.product-card{cursor:none;background:var(--card-background)}.product-card:hover{transform:none;transition:none}.ribbon{width:65px;height:65px;top:-17px;right:-10px;font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.85));-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.85))}}.product-grid-section{padding:3rem 0;position:relative}.category-section{margin-bottom:4rem;scroll-margin-top:100px}.category-header-section{width:100%;text-align:center;margin:40px 0;margin-top:-1rem;display:flex;justify-content:center;align-items:center}.category-title-badge{padding:13px 30px;border-radius:8px;font-size:1.4rem;font-weight:400;letter-spacing:1.5px;min-width:200px;display:inline-block;color:#fff;background:#8b4513;border:3px solid rgba(110,31,0,.7);text-shadow:0 1px 4px rgba(0,0,0,.7);box-shadow:0 0 10px -2px #1d1d1d;-moz-box-shadow:0 0 10px -2px #1d1d1d;-webkit-box-shadow:0 0 10px -2px #1d1d1d}.dessert-note-box{font-family:Bellota,system-ui;font-weight:400;font-size:1.1rem;padding:1rem;max-width:400px;margin:1rem auto;text-align:center;line-height:1.1;letter-spacing:.9px;border-radius:16px;color:#fff;border:2px solid rgba(83,38,0,.521);background:#8b4513e6;box-shadow:0 2px 4px #0003}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}@media (max-width: 1024px){.product-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (max-width: 768px){.product-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.category-title-badge{font-size:1.3rem;padding:10px 20px;min-width:150px}.category-section{margin-bottom:2.5rem}}@media (max-width: 480px){.product-grid{gap:.75rem}.category-title-badge{font-size:1.2rem;padding:8px 16px}}.social-media-section{position:relative;padding:3rem 1rem}.example-2{display:flex;gap:1rem;padding:1rem;max-width:300px;list-style:none;align-items:center;justify-content:center;background:#ffffff31;box-shadow:0 4px 30px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin:0 auto;border:2px solid rgba(83,38,0,.521);border-radius:16px;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px}.example-2 .icon-content{margin:0;position:relative}.example-2 .icon-content .tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);color:#fff;padding:6px 10px;border-radius:5px;opacity:0;visibility:hidden;font-size:14px}.example-2 .icon-content:hover .tooltip{opacity:1;visibility:visible;top:-50px}.example-2 .icon-content a{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;color:#4d4d4d;background-color:#fff}.example-2 .icon-content a:hover{box-shadow:3px 2px 45px #0000001f;color:#fff}.example-2 .icon-content a svg{position:relative;z-index:1;width:30px;height:30px}.example-2 .icon-content a .filled{position:absolute;top:auto;bottom:0;left:0;width:100%;height:0;background-color:#000}.example-2 .icon-content a:hover .filled{height:100%}.example-2 .icon-content a[data-social=instagram] .filled,.example-2 .icon-content a[data-social=instagram]~.tooltip{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.example-2 .icon-content a[data-social=facebook] .filled,.example-2 .icon-content a[data-social=facebook]~.tooltip{background-color:#1877f2}.example-2 .icon-content a[data-social=x] .filled,.example-2 .icon-content a[data-social=x]~.tooltip{background-color:#000}@media (max-width: 768px){.social-media-section{padding:2rem 1rem}.example-2{padding:1.5rem;margin:0 auto;max-width:250px;gap:.75rem;min-width:200px}.example-2 .icon-content .tooltip,.example-2 .icon-content:hover .tooltip{opacity:0;visibility:hidden;top:-30px}.example-2 .icon-content a{width:45px;height:45px}.example-2 .icon-content a:hover{box-shadow:none;color:#fff}.example-2 .icon-content a svg{width:25px;height:25px}.example-2 .icon-content a .filled{height:0}.example-2 .icon-content a:hover .filled{height:100%}}@media (max-width: 480px){.social-media-section{padding:1.5rem .75rem}.example-2{padding:1rem;max-width:220px;min-width:180px;gap:.5rem}.example-2 .icon-content a{width:40px;height:40px}.example-2 .icon-content a svg{width:22px;height:22px}}.social-media-section .container{display:flex;justify-content:center;align-items:center;width:100%}.site-footer{color:#fff;text-align:center;padding:15px 0;font-size:15px;margin-top:20px;border-top:2px solid rgba(75,54,33,.325);text-shadow:0px 0px 12px rgba(0,0,0,.91);background:#4b3621bb;box-shadow:0 4px 30px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.site-footer a{color:inherit;text-decoration:underline}.site-footer a:hover{opacity:.7}@media (max-width: 768px){.site-footer{font-size:13px}}.snackbar-container{opacity:0;left:50%;bottom:30px;width:auto;z-index:99999;position:fixed;pointer-events:none;transform:translate(-50%) translateY(100px);transition:all .3s ease}.snackbar-container.visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:all}.snackbar-content{gap:15px;padding:14px 15px;display:flex;align-items:center;justify-content:center;border-radius:16px;border:4px solid rgba(210,180,140,.2);background:#1e140fcc;box-shadow:0 10px 30px -5px #000000ab,0 4px 6px -2px #00000081;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.snackbar-message{color:#f0e6d2;margin:0;font-family:Gabriela,serif;font-size:1rem;font-weight:400;white-space:nowrap;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.snackbar-close-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;font-size:.7rem;cursor:pointer;border-radius:50%;color:#fffc;background:#ffffff1a}.snackbar-close-btn:hover{color:#fff;background:#ff0000b3}@media (max-width: 768px){.snackbar-container{bottom:15px;padding:0% 50px;width:70%}.snackbar-content{width:100%;padding:12px 0;border-radius:16px;justify-content:center}.snackbar-message{font-size:1rem;white-space:normal}.snackbar-close-btn{display:none}}.snow-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99998;pointer-events:none;overflow:hidden}.initial-snow{position:absolute;top:0;left:0;width:100%;height:100%}.snow{color:#ffffffb3;position:absolute;top:-5vh;opacity:1}@keyframes snowfall{0%{transform:translate3d(var(--left-ini),0,0)}to{transform:translate3d(var(--left-end),110vh,0)}}.snow:nth-child(1){--left-ini: 0vw;--left-end: -1vw;left:70vw;animation:snowfall 25s linear infinite;animation-delay:-1s;font-size:14px}.snow:nth-child(2){--left-ini: -7vw;--left-end: 10vw;left:65vw;animation:snowfall 30s linear infinite;animation-delay:-8s;font-size:10px}.snow:nth-child(3){--left-ini: 6vw;--left-end: 6vw;left:1vw;animation:snowfall 25s linear infinite;animation-delay:-7s;font-size:12px}.snow:nth-child(4){--left-ini: -3vw;--left-end: 9vw;left:88vw;animation:snowfall 28s linear infinite;animation-delay:-5s;font-size:9px}.snow:nth-child(5){--left-ini: -2vw;--left-end: -9vw;left:74vw;animation:snowfall 22s linear infinite;animation-delay:-4s;font-size:11px}.snow:nth-child(6){--left-ini: 5vw;--left-end: 1vw;left:35vw;animation:snowfall 22s linear infinite;animation-delay:-7s;font-size:10px}.snow:nth-child(7){--left-ini: -2vw;--left-end: -1vw;left:27vw;animation:snowfall 26s linear infinite;animation-delay:-8s;font-size:13px}.snow:nth-child(8){--left-ini: -9vw;--left-end: -2vw;left:69vw;animation:snowfall 24s linear infinite;animation-delay:-8s;font-size:15px}.snow:nth-child(9){--left-ini: -1vw;--left-end: -5vw;left:84vw;animation:snowfall 27s linear infinite;animation-delay:-6s;font-size:9px}.snow:nth-child(10){--left-ini: 7vw;--left-end: -9vw;left:82vw;animation:snowfall 26s linear infinite;animation-delay:-3s;font-size:10px}.snow:nth-child(11){--left-ini: -2vw;--left-end: -1vw;left:48vw;animation:snowfall 26s linear infinite;animation-delay:-1s;font-size:12px}.snow:nth-child(12){--left-ini: 5vw;--left-end: 6vw;left:39vw;animation:snowfall 30s linear infinite;animation-delay:-8s;font-size:9px}.snow:nth-child(13){--left-ini: 6vw;--left-end: 5vw;left:3vw;animation:snowfall 25s linear infinite;animation-delay:-8s;font-size:9px}.snow:nth-child(14){--left-ini: -5vw;--left-end: -2vw;left:49vw;animation:snowfall 27s linear infinite;animation-delay:-8s;font-size:14px}.snow:nth-child(15){--left-ini: 10vw;--left-end: 4vw;left:77vw;animation:snowfall 23s linear infinite;animation-delay:-4s;font-size:11px}.snow:nth-child(16){--left-ini: -3vw;--left-end: 1vw;left:86vw;animation:snowfall 29s linear infinite;animation-delay:-8s;font-size:13px}.snow:nth-child(17){--left-ini: 6vw;--left-end: -7vw;left:18vw;animation:snowfall 25s linear infinite;animation-delay:-6s;font-size:15px}.snow:nth-child(18){--left-ini: -9vw;--left-end: 4vw;left:64vw;animation:snowfall 28s linear infinite;animation-delay:-7s;font-size:15px}.snow:nth-child(19){--left-ini: 2vw;--left-end: -7vw;left:52vw;animation:snowfall 30s linear infinite;animation-delay:-9s;font-size:15px}.snow:nth-child(20){--left-ini: 0vw;--left-end: 8vw;left:5vw;animation:snowfall 24s linear infinite;animation-delay:-9s;font-size:11px}.snow:nth-child(21){--left-ini: -9vw;--left-end: -2vw;left:10vw;animation:snowfall 28s linear infinite;animation-delay:-3s;font-size:12px}.snow:nth-child(22){--left-ini: -3vw;--left-end: -8vw;left:54vw;animation:snowfall 27s linear infinite;animation-delay:-9s;font-size:14px}.snow:nth-child(23){--left-ini: -7vw;--left-end: -8vw;left:20vw;animation:snowfall 22s linear infinite;animation-delay:-3s;font-size:12px}.snow:nth-child(24){--left-ini: 10vw;--left-end: -4vw;left:68vw;animation:snowfall 26s linear infinite;animation-delay:-8s;font-size:11px}.snow:nth-child(25){--left-ini: 3vw;--left-end: 5vw;left:90vw;animation:snowfall 23s linear infinite;animation-delay:-9s;font-size:15px}.snow:nth-child(26){--left-ini: -7vw;--left-end: 5vw;left:71vw;animation:snowfall 28s linear infinite;animation-delay:-2s;font-size:15px}.snow:nth-child(27){--left-ini: 9vw;--left-end: 4vw;left:2vw;animation:snowfall 30s linear infinite;animation-delay:-5s;font-size:12px}.snow:nth-child(28){--left-ini: -5vw;--left-end: 3vw;left:23vw;animation:snowfall 28s linear infinite;animation-delay:-1s;font-size:15px}.snow:nth-child(29){--left-ini: -2vw;--left-end: -1vw;left:39vw;animation:snowfall 29s linear infinite;animation-delay:-9s;font-size:11px}.snow:nth-child(30){--left-ini: -9vw;--left-end: -5vw;left:76vw;animation:snowfall 26s linear infinite;animation-delay:-5s;font-size:12px}@media (max-width: 768px){.snow:nth-child(n+30){display:none}}::-moz-selection{color:#fff;background:#8b4512}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#2c2c2c}::-webkit-scrollbar-thumb{background-color:#8b4512;border:2px solid #2c2c2c;border-radius:6px}::selection{color:#fff;background:sienna}::-moz-selection{color:#fff;background:sienna}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;overflow-x:hidden;font-family:Gabriela,serif;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:scroll;background:url(https://msercanvar.sirv.com/thecupcoffee-images/desktop-bg.webp) top center}.app{min-height:100vh;width:100%;position:relative;overflow:visible!important}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.scroll-to-top-button{display:flex!important;align-items:center!important;justify-content:center!important;right:20px!important;bottom:30px!important;width:50px!important;height:50px!important;position:fixed!important;cursor:pointer!important;overflow:hidden!important;z-index:999999!important;border:none!important;border-radius:50%!important;background:#8b4512!important;box-shadow:0 0 10px -2px #1d1d1d;-moz-box-shadow:0 0 10px -2px #1d1d1d;-webkit-box-shadow:0 0 10px -2px #1d1d1d}.scroll-to-top-button svg{width:45px!important;fill:#fff!important}@media (max-width: 768px){body{background:url(https://msercanvar.sirv.com/thecupcoffee-images/mobile-bg.webp) top center}.container{padding:0 .5rem}.scroll-to-top-button{width:48px!important;height:48px!important;right:15px!important;bottom:27px!important}.scroll-to-top-button svg{width:40px!important}}