@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;900&display=swap";
body{color:#000;background-color:#ebebeb;margin:0;padding:0;font-family:Montserrat,sans-serif}html{scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:40px 20px}.top-bar{grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:40px;display:grid}.lang-switcher{gap:15px;font-size:.95rem;font-weight:600;display:flex}.lang-link{color:#a1a1aa;text-decoration:none;transition:color .2s}.lang-link.active{color:#000}.logo{text-align:center;letter-spacing:-1.5px;margin:0;font-size:3.5rem;font-weight:900}.support-action{text-align:right}.coffee-btn{color:#52525b;background:0 0;border:none;padding:0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.coffee-btn:hover{color:#000}.heart-orange{color:#ff5e5b;margin-left:5px;font-size:1.1rem}.intro-section{text-align:center;margin-bottom:60px}.description{color:#3f3f46;max-width:750px;margin:0 auto;font-size:1.05rem;font-weight:500;line-height:1.7}.filters{border-bottom:1px solid #e4e4e7;justify-content:center;gap:40px;margin-bottom:50px;padding-bottom:0;display:flex}.filter-btn{color:#a1a1aa;text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 5px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.filter-btn.active,.filter-btn:hover{color:#000;border-bottom:2px solid #000}.grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.card{color:#000;background:#fff;border:none;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 8px 24px #0000001f}.card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0000002e}.sub-filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:-20px;margin-bottom:50px;display:flex}.sub-filter-link{color:#a1a1aa;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;text-decoration:none;transition:color .2s}.sub-filter-link:hover{color:#000}.sub-separator{color:#d4d4d8;font-size:.9rem}.category-section{margin-bottom:60px;scroll-margin-top:40px}.section-title{text-transform:uppercase;letter-spacing:-.5px;border-bottom:2px solid #e4e4e7;margin:0 0 30px;padding-bottom:10px;font-size:1.8rem;font-weight:800}.card-img-wrapper{aspect-ratio:4/5;box-sizing:border-box;background:#fff;justify-content:center;align-items:center;padding:15px 15px 5px;display:flex}.card-img-wrapper img{-o-object-fit:contain;object-fit:contain;border:1px solid #e4e4e7;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 4px 10px #0000000d}.card-title{text-align:center;text-transform:uppercase;letter-spacing:.5px;background:#fff;flex-grow:1;justify-content:center;align-items:center;padding:20px 15px;font-size:1.1rem;font-weight:600;display:flex}.prod-top-title{text-transform:uppercase;margin:0 0 40px;font-size:4rem;font-weight:900}.prod-layout{grid-template-columns:1fr 1fr;gap:50px;display:grid}.prod-image{background:#fff;border-radius:20px;padding:15px;display:flex;box-shadow:0 10px 30px #00000014}.prod-image img{width:100%;height:auto;box-shadow:none;-o-object-fit:cover;object-fit:cover;border-radius:8px}.prod-info{flex-direction:column;justify-content:flex-start;height:100%;display:flex}.prod-desc-label{color:#71717a;margin-bottom:5px;font-size:.9rem;font-weight:700}.prod-desc{color:#27272a;margin-bottom:40px;font-size:1.05rem;line-height:1.6}.prod-subtitle{color:#3f3f46;margin-top:auto;margin-bottom:15px;font-size:1.2rem;font-weight:600}.action-buttons{grid-template-columns:1fr 1fr;gap:15px;display:grid}.btn-action{text-align:center;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:18px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex}.btn-action:hover{transform:translateY(-3px)}.btn-download{color:#fff;background:#000}.btn-download:hover{opacity:.9}.btn-coffee-white{color:#000;background:#fff;box-shadow:0 4px 15px #0000000d}.btn-coffee-white:hover{box-shadow:0 8px 25px #0000001a}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;color:#000;background:#fff;border:none;border-radius:20px;width:90%;max-width:500px;padding:40px;box-shadow:0 25px 50px #00000040}.modal-content h3{text-transform:uppercase;margin-top:0;font-size:1.5rem;font-weight:800}.modal-content p{color:#52525b;margin-bottom:30px;font-size:1rem;line-height:1.6}.modal-actions{justify-content:center;gap:15px;display:flex}.btn-cancel{color:#000;cursor:pointer;background:#f4f4f5;border:none;border-radius:12px;padding:15px 30px;font-weight:600;transition:background .2s}.btn-cancel:hover{background:#e4e4e7}@media (max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.top-bar{flex-direction:column;gap:20px;margin-bottom:30px;padding-top:20px;display:flex}.support-action{text-align:center}.logo{font-size:2.5rem}.grid{grid-template-columns:1fr}.prod-top-title{overflow-wrap:break-word;margin-bottom:20px;font-size:2.2rem;line-height:1.1}.prod-layout{grid-template-columns:1fr;gap:30px}.action-buttons{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-content{padding:25px 20px}}.site-footer{text-align:center;color:#71717a;border-top:1px solid #e4e4e7;flex-direction:column;align-items:center;gap:15px;margin-top:80px;padding:40px 20px 30px;font-size:.9rem;display:flex}.site-footer .social-links{justify-content:center;gap:25px;display:flex}.site-footer a{color:#27272a;text-transform:uppercase;letter-spacing:.5px;font-weight:700;text-decoration:none;transition:color .2s}.site-footer a:hover{color:#000;text-decoration:underline}.site-footer p{margin:0;font-weight:500}.site-footer .copy-btn{color:#27272a;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.9rem;font-weight:700;transition:color .2s}.site-footer .copy-btn:hover{color:#000;text-decoration:underline}
