@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Lato:wght@300;400;700&display=swap');@import url('https://fonts.googleapis.com/icon?family=Material+Icons+Outlined|Material+Icons+Round');:root{--gold:#8B2635;--gold-light:#C44D5C;--gold-hover:#6B1D2A;--dark:#121212;--grey-dark:#333333;--grey-medium:#666666;--grey-light:#f4f4f4;--white:#ffffff;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--font-head:'Playfair Display',serif;--font-body:'Lato',sans-serif;--container-width:1200px;--header-height:80px;--border-radius:4px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 20px 25px -5px rgba(0,0,0,0.1);--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--dark);background-color:var(--white);line-height:1.6}img{max-width:100%;display:block}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--white);color:var(--dark);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-head);font-weight:400;line-height:1.2;margin-bottom:1rem;color:var(--dark)}p{margin-bottom:1.5rem;color:var(--grey-medium);font-size:1rem;line-height:1.8}.container{width:90%;max-width:var(--container-width);margin:0 auto}.text-center{text-align:center}.hidden{display:none !important}.section-padding{padding:6rem 0}.btn{display:inline-block;padding:14px 32px;font-size:0.95rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:4px;cursor:pointer;transition:all 0.3s ease;text-decoration:none;border:2px solid transparent;font-family:var(--font-body)}.btn-primary{background:var(--gold);color:white;box-shadow:0 4px 15px rgba(212,175,55,0.3)}.btn-primary:hover{background:var(--gold-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(212,175,55,0.4);color:white}.btn-outline{background:transparent;color:var(--dark);border:2px solid var(--dark)}.btn-outline:hover{background:var(--dark);color:white}#back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--gold);color:white;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,0.2);opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000}#back-to-top.visible{opacity:1;visibility:visible}#back-to-top:hover{background:var(--gold-hover);transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.3)}.breadcrumb{padding:20px 0;font-size:0.9rem}.breadcrumb a{color:var(--grey-medium);transition:color 0.3s ease}.breadcrumb a:hover{color:var(--gold)}.breadcrumb span{color:var(--grey-medium);margin:0 8px}.breadcrumb .current{color:var(--dark);font-weight:600}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-card{background:white;border-radius:6px;overflow:hidden;border:1px solid #ddd}.skeleton-image{width:100%;aspect-ratio:3 / 4;background:#f0f0f0}.skeleton-text{height:16px;margin:10px 15px;background:#f0f0f0}.skeleton-text.short{width:60%}.spinner{border:3px solid #f3f3f3;border-top:3px solid var(--gold);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}header{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm);transition:var(--transition)}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0}.nav-menu{display:flex;gap:40px}.nav-link{font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;transition:background 0.2s ease,color 0.2s ease}.nav-icon{font-size:18px;line-height:1;color:var(--gold)}.nav-link:hover,.nav-link.active{background:transparent;color:var(--gold)}.nav-link:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.nav-link::after{content:"";position:absolute;width:0;height:1px;bottom:-5px;left:0;background:var(--gold);transition:0.3s}.nav-link:hover::after,.nav-link.active::after{width:100%}.nav-close{display:none;position:absolute;top:16px;right:20px;background:none;border:none;cursor:pointer;color:var(--dark);padding:8px;z-index:1002}.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;z-index:999}.nav-overlay.active{opacity:1;visibility:visible}.no-scroll{overflow:hidden}.hamburger{display:none;cursor:pointer}@media (max-width:768px){.hamburger{display:block}.nav-menu{position:fixed;top:70px;left:-100%;width:100%;height:100vh;background:white;flex-direction:column;padding:2rem;transition:transform 0.35s ease,left 0.35s ease;box-shadow:var(--shadow-lg);z-index:1001;transform:translateX(-10%)}.nav-menu.active{left:0;transform:translateX(0)}.nav-menu.active ~ .hamburger{display:none}.nav-menu.active ~ .nav-close{display:block}.nav-close{display:none}}footer{background:var(--dark);color:white;padding:4rem 0 2rem;margin-top:auto}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:3rem}.footer-col h4{color:var(--gold);margin-bottom:1.5rem;letter-spacing:1px;font-family:var(--font-head)}.footer-col a{color:#999;font-size:0.9rem;display:block;margin-bottom:0.8rem}.footer-col a:hover{color:white}.footer-brand{font-family:var(--font-head);font-size:1.4rem;margin-bottom:1rem}.footer-brand-highlight{color:var(--gold)}.footer-tagline{font-size:0.9rem;color:#999}.footer-social-link{display:flex;align-items:center;gap:8px}.copyright{border-top:1px solid #333;padding-top:2rem;text-align:center;color:#666;font-size:0.8rem}.product-grid{display:grid;width:100%}#featured-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;justify-content:center;max-width:1200px;margin:0 auto}#shop-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.product-card{background:white;border-radius:6px;overflow:hidden;transition:all 0.3s ease;position:relative;border:1px solid #ddd}.product-card:hover{box-shadow:0 20px 40px rgba(0,0,0,0.1);transform:translateY(-5px);border-color:var(--gold)}.product-image-wrapper{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:#fff;cursor:pointer;padding:15px;border-bottom:1px solid #eee}.product-img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform 0.5s ease;border-radius:4px}.product-card:hover .product-img{transform:scale(1.05)}.product-card h3{font-size:1rem;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--dark);font-weight:600}#featured-grid .product-card h3{font-size:1.35rem;margin-bottom:8px;white-space:normal}#featured-grid .product-card .price-tag{font-size:1.1rem;color:#555}.product-info{padding:15px;text-align:center}.product-meta{font-size:0.8rem;text-transform:uppercase;color:#999;margin-bottom:5px}.product-name{font-size:1.1rem;margin-bottom:5px}.quick-action-btn{position:absolute;bottom:0;left:0;width:100%;padding:14px;background:white;color:var(--dark);text-align:center;text-transform:uppercase;font-size:0.85rem;font-weight:800;letter-spacing:1px;transform:translateY(100%);transition:all 0.3s ease;border-top:1px solid #eee;display:flex;align-items:center;justify-content:center;gap:8px}.product-card:hover .quick-action-btn{transform:translateY(0)}.badge-sale,.badge-stock{position:absolute;top:12px;padding:6px 14px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;z-index:2;box-shadow:0 4px 10px rgba(0,0,0,0.1);border-radius:2px}.badge-sale{left:12px;background:var(--gold);color:white}.badge-stock{right:12px;background:var(--dark);color:white}.stock-low{background:#ff9800}.stock-out{background:#e53935}.pagination-container{display:flex;justify-content:center;gap:10px;margin-top:3rem}.page-btn{width:40px;height:40px;border:1px solid #eee;background:white;color:var(--dark);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:all 0.3s;font-family:var(--font-head)}.page-btn:hover,.page-btn.active{background:var(--gold);color:white;border-color:var(--gold)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.72);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.25s ease,visibility 0.25s ease}.modal-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.modal-content{background:white;width:100%;max-width:1000px;height:600px;display:grid;grid-template-columns:1fr 1fr;border-radius:12px;overflow:visible;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.25);transform:translateY(16px);opacity:0;transition:transform 0.32s cubic-bezier(0.16,1,0.3,1),opacity 0.28s ease}.modal-overlay.active .modal-content{transform:translateY(0);opacity:1}.modal-image-col{background:#ffffff;display:flex;align-items:center;justify-content:center;padding:15px;overflow:hidden;position:relative;border-right:2px solid #e0e0e0}.modal-image-col img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,0.1);cursor:zoom-in;transition:all 0.4s ease}.modal-image-col img:hover{transform:scale(1.03);box-shadow:0 15px 50px rgba(0,0,0,0.15)}.modal-image-col img.zoomed{cursor:zoom-out;transform:scale(1.6);object-fit:contain}.modal-info-col{padding:0;display:flex;flex-direction:column;background:#ffffff;height:100%;position:relative}.modal-info-col > *:not(#m-whatsapp){padding:0 50px}.modal-info-col > div:first-child{padding-top:100px}.modal-info-col > #m-name{padding-top:15px}.modal-info-col > #m-desc{padding-bottom:30px;flex:1;overflow-y:auto}.product-category-badge{display:inline-block;padding:10px 22px;margin-top:28px;margin-left:12px;background:var(--gold);color:#ffffff;font-size:0.82rem;font-weight:800;text-transform:uppercase;letter-spacing:1.4px;border-radius:8px;border:1px solid var(--gold-light,#c44d5c);width:fit-content;box-shadow:0 3px 10px rgba(139,38,53,0.18)}#m-name{font-size:2.2rem;font-family:var(--font-head);font-weight:700;line-height:1.2;margin:0 0 15px 0;color:#1a1a1a;letter-spacing:-0.5px}.price-status-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:15px}#m-price{font-size:1.8rem;font-weight:700;color:var(--gold);margin:0;display:inline-block}.product-status-badge{padding:6px 12px;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:4px}.product-status-badge.in-stock{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.product-status-badge.low-stock{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.product-status-badge.out-of-stock{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.divider{height:1px;background:linear-gradient(to right,var(--gold),transparent);margin:0 0 20px 0;opacity:0.3}#m-desc{font-size:1.05rem;line-height:1.8;color:#555;margin:0;font-weight:400}#m-whatsapp{width:auto;margin:20px auto;padding:16px 28px;font-weight:600;font-size:0.95rem;text-transform:none;letter-spacing:0;background:linear-gradient(135deg,#25D366 0%,#20BD5C 100%);color:white;border-radius:8px;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 14px rgba(37,211,102,0.3);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;border:none;font-family:var(--font-body);margin-top:auto}#m-whatsapp:hover{background:linear-gradient(135deg,#20BD5C 0%,#1fa855 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,211,102,0.4)}#m-whatsapp:active{transform:translateY(0)}#m-whatsapp:hover{background:#1fb855;transform:translateY(-2px);box-shadow:0 5px 15px rgba(37,211,102,0.5);color:white}.close-modal{position:absolute;top:20px;right:20px;width:40px;height:40px;background:white;border-radius:50%;border:none;cursor:pointer;z-index:10;color:#333;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.close-modal:hover{background:var(--gold);color:white;transform:rotate(90deg);box-shadow:0 6px 16px rgba(139,38,53,0.3)}@media (max-width:768px){.modal-content{grid-template-columns:1fr;width:95%;max-width:95vw;height:auto;max-height:92vh;overflow-y:auto;border-radius:10px}.modal-image-col{height:240px;padding:12px}.modal-info-col{padding:0;height:auto}.modal-info-col > *:not(#m-whatsapp){padding:0 20px}.modal-info-col > div:first-child{padding-top:24px}.modal-info-col > #m-name{padding-top:10px}.modal-info-col > #m-desc{padding-bottom:20px}#m-whatsapp{margin:16px auto 20px auto}#m-name{font-size:1.8rem}}.hero-banner{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;color:white;background-position:center;background-size:cover;background-repeat:no-repeat}.hero-fixed{background-attachment:fixed}.hero-banner::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.35);z-index:1}.hero-content{position:relative;z-index:2;padding:0 20px;max-width:800px}.hero-chip{display:inline-block;text-transform:uppercase;letter-spacing:4px;font-size:0.9rem;color:var(--dark);margin-bottom:1rem;font-weight:700;background:white;padding:10px 24px;border-radius:4px}.hero-title{font-size:clamp(2.5rem,5vw,4.5rem);color:white;margin-bottom:2rem;line-height:1.2;font-family:var(--font-head)}.hero-subtitle{font-size:1.1rem;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;color:rgba(255,255,255,0.9)}.hero-cta{background:white;color:var(--dark);border:none;padding:15px 40px;font-weight:600}.section-heading{margin-bottom:3rem;text-align:center}.section-cta{margin-top:3rem;text-align:center}.section-muted{background:#f9f9f9}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:60px;align-items:center}.about-image{width:100%;height:500px;object-fit:cover;box-shadow:0 20px 40px rgba(0,0,0,0.1);border:3px solid var(--gold);border-radius:4px}.about-kicker{text-transform:uppercase;letter-spacing:2px;font-size:0.8rem;color:#888;display:block;margin-bottom:1rem}.about-title{font-size:2.5rem;margin-bottom:1.5rem}.about-copy{margin-bottom:2rem;color:#555;line-height:1.6}.page-header{background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?q=80&w=2000&auto=format&fit=crop') center/cover no-repeat;padding:100px 0;text-align:center;margin-bottom:3rem;position:relative}.page-header-shop{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('https://images.unsplash.com/photo-1483985988355-763728e1935b?q=80&w=2000&auto=format&fit=crop') center/cover no-repeat}.page-header-about{background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('https://images.unsplash.com/photo-1556905055-8f358a7a47b2?q=80&w=2000&auto=format&fit=crop') center/cover no-repeat}.page-title{font-size:3rem;color:white;margin-bottom:1rem;font-family:var(--font-head);text-shadow:2px 2px 8px rgba(0,0,0,0.3)}.page-desc{color:#f0f0f0;max-width:500px;margin:0 auto;font-size:1.1rem;text-shadow:1px 1px 4px rgba(0,0,0,0.3)}.contact-hero{padding:4rem 0 3rem;position:relative;background:linear-gradient(rgba(0,0,0,0.55),rgba(0,0,0,0.55)),url('https://images.unsplash.com/photo-1524504388940-b1c1722653e1?auto=format&fit=crop&w=2000&q=80') center/cover no-repeat}.contact-hero-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.hero-cta-row{display:flex;gap:14px;margin-top:20px;flex-wrap:wrap}.response-badge{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:12px;padding:14px 16px;display:flex;gap:12px;align-items:center;color:#fff;backdrop-filter:blur(6px);box-shadow:0 10px 30px rgba(0,0,0,0.25)}.response-badge .material-icons-round{font-size:20px;color:var(--gold)}.response-badge p{margin:0;color:#f0f0f0;font-size:0.9rem}.contact-cards-section{margin-top:-40px;margin-bottom:30px}.contact-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.contact-card{background:white;border:1px solid #eee;border-radius:12px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,0.05);display:flex;flex-direction:column;gap:10px}.contact-card h4{margin:0;font-size:1rem;font-family:var(--font-head)}.contact-card p{margin:0;color:#555;line-height:1.5}.contact-card .material-icons-round{color:var(--gold);font-size:24px}.contact-card .text-link{color:var(--gold);font-weight:600}.card-actions{display:flex;gap:10px;flex-wrap:wrap}.social-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.social-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(139,38,53,0.35);border-radius:8px;font-weight:700;color:var(--dark);background:#fafafa;transition:all 0.2s ease}.social-chip:hover{border-color:var(--gold);color:var(--gold);background:rgba(139,38,53,0.06)}.social-chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.map-address{position:absolute;top:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,0.85);padding:14px 16px;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,0.16);backdrop-filter:blur(4px);border:1px solid rgba(139,38,53,0.12)}.map-address h4{margin:0}.map-address p{margin:2px 0 0 0;color:#555;font-size:0.93rem}.contact-map-wrapper{position:relative;overflow:hidden;border-radius:12px}.contact-map-wrapper iframe{display:block}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:3rem;align-items:start}.contact-info-box{padding:40px;background:linear-gradient(135deg,#ffffff 0%,#fafafa 100%);border:2px solid #e8e8e8;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.06);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.contact-info-box::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-light))}.contact-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:30px;padding:15px;border-radius:8px;transition:all 0.3s ease}.contact-item:hover{background:white;box-shadow:0 4px 15px rgba(0,0,0,0.05);transform:translateX(5px)}.contact-item:last-child{margin-bottom:0}.icon-box{width:45px;height:45px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-hover) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;box-shadow:0 4px 12px rgba(212,175,55,0.3)}.icon-box .material-icons-round{font-size:1.3rem}.contact-item h4{font-size:0.95rem;margin-bottom:6px;font-family:var(--font-head);color:var(--dark);font-weight:700;letter-spacing:0.5px}.contact-item p{margin-bottom:0;font-size:0.9rem;color:#555;line-height:1.6}.contact-item a{color:var(--gold);font-weight:600;transition:all 0.3s ease}.contact-item a:hover{color:var(--gold-hover);text-decoration:underline}.contact-map-wrapper{width:100%;min-height:480px;height:100%;border-radius:12px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,0.1);border:3px solid #e0e0e0;transition:all 0.3s ease}.contact-map-wrapper:hover{border-color:var(--gold);box-shadow:0 20px 50px rgba(0,0,0,0.15)}@media (max-width:900px){.contact-grid{grid-template-columns:1fr;gap:30px}.contact-info-box{padding:30px}.contact-map-wrapper{min-height:350px}.contact-item{padding:12px}.icon-box{width:42px;height:42px}}