*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'SegoeUI',Roboto,'Helvetica Neue',Arial,sans-serif;background-color:#D6D6D6;line-height:1.6;margin:0;padding:0}.email-container{max-width:600px;margin:0 auto;background:#F3F3F3;position:relative;box-shadow:0 0 20px rgb(0 0 0 / .1)}.modal-zoom{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .95);justify-content:center;align-items:center;cursor:zoom-out;backdrop-filter:blur(5px)}.zoomed-image{max-width:95%;max-height:95vh;object-fit:contain;border:3px solid #fff;border-radius:8px;box-shadow:0 10px 40px rgb(0 0 0 / .5);transition:transform 0.3s ease}.close-zoom{position:absolute;top:20px;right:20px;color:#fff;font-size:40px;font-weight:700;cursor:pointer;z-index:2001;background:rgb(0 0 0 / .5);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.close-zoom:hover{background:rgb(255 255 255 / .2);transform:rotate(90deg)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .6);backdrop-filter:blur(5px)}.modal.active{display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:#fff;padding:30px;border-radius:15px;max-width:450px;width:100%;box-shadow:0 20px 60px rgb(0 0 0 / .3);position:relative;animation:slideIn 0.3s ease}@keyframes slideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.close-modal{position:absolute;top:15px;right:15px;font-size:28px;font-weight:700;color:#999;cursor:pointer;transition:all 0.2s ease;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-modal:hover{color:#333;background:#f0f0f0;transform:rotate(90deg)}.modal-header{font-size:24px;font-weight:500;margin-bottom:25px;text-align:center;color:#333}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;color:#333;font-size:14px;font-weight:500}.form-group input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all 0.3s ease}.form-group input:focus{outline:none;border-color:#4CAF50;box-shadow:0 0 0 3px rgb(76 175 80 / .1)}.btn{width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1px}.btn-primary{background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;box-shadow:0 4px 15px rgb(76 175 80 / .3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(76 175 80 / .4)}.btn-secondary{background:linear-gradient(135deg,#2196F3,#1976D2);color:#fff;margin-top:15px;box-shadow:0 4px 15px rgb(33 150 243 / .3)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(33 150 243 / .4)}.user-bar{background:linear-gradient(135deg,#313533,#1a1c1b);padding:12px 20px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px rgb(0 0 0 / .1)}.user-info{font-size:14px;font-weight:500}.logout-btn{background:#fff0;border:2px solid #fff;color:#fff;padding:6px 15px;border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;transition:all 0.3s ease}.logout-btn:hover{background:#fff;color:#313533;transform:translateY(-1px)}.header{background:#F3F3F3;padding:25px 20px;text-align:center}.brand-name{font-size:28px;font-weight:300;letter-spacing:4px;color:#333;margin-bottom:6px}.brand-tagline{font-size:11px;letter-spacing:3px;color:#666;font-weight:300}.title-section{background:#F3F3F3;padding:30px 20px 25px;text-align:center}.main-title{font-size:26px;font-weight:400;letter-spacing:3px;color:#313533;margin-bottom:12px;text-transform:uppercase}.cta-section{display:flex;justify-content:center;margin:20px}.cta-button{background:#636262;color:#fff;padding:14px 20px;font-size:16px;border:none;border-radius:25px;cursor:pointer}.gallery-modal{position:fixed;inset:0;background:rgb(0 0 0 / .85);display:none;justify-content:center;align-items:center;z-index:999}.gallery-modal .close{position:absolute;top:20px;right:30px;font-size:30px;color:#fff;cursor:pointer}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;width:90%;max-width:1000px}.gallery img{width:110%;height:500px;object-fit:cover;border-radius:5px;transition:transform 0.3s}.gallery img:hover{transform:scale(1.05)}.category-header{background:linear-gradient(135deg,#313533,#1a1c1b);padding:30px 25px;text-align:center;position:relative;overflow:hidden}.category-header::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="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.03)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.03)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.category-header.light{background:linear-gradient(135deg,#b3912e,#8b7323)}.category-title{font-size:24px;font-weight:400;letter-spacing:2px;color:#F3F3F3;margin-bottom:12px;position:relative;z-index:1}.category-description{font-size:14px;color:#F3F3F3;line-height:1.5;max-width:400px;margin:0 auto;position:relative;z-index:1}.product-row{background:#F3F3F3;padding:15px;display:table;width:100%;transition:background-color 0.3s ease}.product-row:hover{background:#f8f8f8}.product-row.dark{background:#313533;margin-top:10px}.product-row.dark:hover{background:#3a3e3c}.product-content{display:table-row}.product-text,.product-image-cell{display:table-cell!important;vertical-align:top!important}.product-text{padding:10px;width:60%}.product-text.right{text-align:right}.product-image-cell{width:40%;padding:0 10px}.product-image-cell img{margin-top:20px}.product-image{width:100%;height:auto;display:block;margin-bottom:8px;cursor:zoom-in;border-radius:1px;transition:all 0.3s ease;box-shadow:0 4px 12px rgb(0 0 0 / .1)}.product-image:hover{transform:scale(1.02);box-shadow:0 6px 18px rgb(0 0 0 / .15)}.product-name{font-size:20px;font-weight:400;letter-spacing:1px;color:#313533;margin-bottom:10px}.product-row.dark .product-name{color:#F3F3F3}.product-desc{font-size:15px;color:#313533;line-height:1.5;margin-bottom:12px}.product-row.dark .product-desc{color:#F3F3F3}.product-price{font-size:18px;color:#454b47;font-weight:500;margin-bottom:12px;display:block;text-align:center}.product-row.dark .product-price{color:#F3F3F3}.add-to-cart-btn{background:linear-gradient(135deg,#5A5A5A,#404040);color:#fff;border:none;display:block;width:fit-content;margin:12px auto;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:12px;font-weight:600;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 3px 12px rgb(90 90 90 / .3)}.add-to-cart-btn:hover{background:linear-gradient(135deg,#404040,#303030);transform:translateY(-2px);box-shadow:0 5px 18px rgb(90 90 90 / .4)}.radio-option{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px;border-radius:6px;transition:background-color 0.2s ease;margin-bottom:6px}.radio-option:hover{background-color:rgb(0 0 0 / .05)}.product-row.dark .radio-option:hover{background-color:rgb(255 255 255 / .05)}.radio-option input[type="radio"]{width:16px;height:16px;cursor:pointer}.radio-option span{font-size:10px;font-weight:500}.quantity-controls{display:flex;align-items:center;justify-content:center;gap:0;margin:15px 0;border-radius:25px;overflow:hidden;box-shadow:0 3px 15px rgb(0 0 0 / .1);background:#fff;max-width:160px;margin-left:auto;margin-right:auto;border:2px solid #e0e0e0}.qty-btn{background:linear-gradient(145deg,#f8f9fa,#e9ecef);color:#495057;border:none;width:45px;height:45px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;position:relative}.qty-btn:hover{background:linear-gradient(145deg,#e9ecef,#dee2e6);transform:scale(1.05)}.qty-btn:active{transform:scale(.95);background:linear-gradient(145deg,#dee2e6,#ced4da)}.qty-btn::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgb(76 175 80 / .2) 0%,#fff0 70%);opacity:0;transition:opacity 0.3s ease}.qty-btn:hover::before{opacity:1}.qty-display{background:#fff;color:#333;border:none;width:60px;height:45px;text-align:center;font-size:16px;font-weight:700;line-height:45px;border-left:2px solid #e0e0e0;border-right:2px solid #e0e0e0;min-width:60px}.cart-item-controls{display:flex;align-items:center;gap:8px;background:#f8f9fa;border-radius:20px;padding:4px;box-shadow:0 2px 8px rgb(0 0 0 / .1);border:1px solid #e0e0e0}.cart-qty-btn{background:linear-gradient(145deg,#6c757d,#5a6268);color:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgb(0 0 0 / .2)}.cart-qty-btn:hover{background:linear-gradient(145deg,#5a6268,#495057);transform:translateY(-1px);box-shadow:0 3px 8px rgb(0 0 0 / .3)}.cart-qty-btn:active{transform:translateY(0);box-shadow:0 1px 3px rgb(0 0 0 / .2)}.cart-qty-display{background:#fff;color:#333;border:none;width:40px;height:32px;text-align:center;font-size:12px;font-weight:700;line-height:32px;border-radius:16px;margin:0 4px;box-shadow:inset 0 1px 2px rgb(0 0 0 / .1)}.delete-btn{background:linear-gradient(145deg,#dc3545,#c82333);color:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:12px;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgb(220 53 69 / .3);position:relative}.delete-btn:hover{background:linear-gradient(145deg,#c82333,#bd2130);transform:translateY(-1px) rotate(5deg);box-shadow:0 4px 12px rgb(220 53 69 / .4)}.delete-btn:active{transform:translateY(0) rotate(0deg);box-shadow:0 1px 4px rgb(220 53 69 / .3)}.delete-btn::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgb(255 255 255 / .3) 0%,#fff0 70%);opacity:0;transition:opacity 0.3s ease}.delete-btn:hover::before{opacity:1}.cart-float{position:fixed;bottom:80px;right:20px;background:linear-gradient(135deg,#4d4d4d,#333333);color:#fff;width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 18px rgb(0 0 0 / .3);z-index:999;transition:all 0.3s ease;font-size:20px}.cart-float:hover{transform:scale(1.1);box-shadow:0 6px 22px rgb(0 0 0 / .4)}.cart-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-shadow:0 2px 6px rgb(244 67 54 / .4)}.cart-items{max-height:350px;overflow-y:auto;margin-bottom:20px}.cart-item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #eee;transition:all 0.3s ease;gap:12px;border-radius:10px;margin-bottom:8px;background:#fafafa}.cart-item:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 3px 12px rgb(0 0 0 / .1)}.cart-item-image{width:35%;height:100%;object-fit:cover;border-radius:10px;flex-shrink:0;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.cart-item-info{flex:1}.cart-item-name{font-weight:600;color:#333;margin-bottom:4px;font-size:13px}.cart-item-price{font-size:11px;color:#666}.cart-item-total{font-weight:700;color:#333;font-size:13px;text-align:right}.cart-total{font-size:18px;font-weight:700;text-align:right;margin:20px 0;color:#333;padding-top:15px;border-top:2px solid #eee}.whatsapp-float{position:fixed;bottom:20px;right:20px;width:55px;height:55px;background:linear-gradient(135deg,#25D366,#128C7E);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;text-decoration:none;box-shadow:0 4px 18px rgb(37 211 102 / .4);z-index:998;transition:all 0.3s ease}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 22px rgb(37 211 102 / .5)}.contact-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);text-align:center;padding:40px 15px;margin-bottom:15px;max-width:600px;margin:0 auto 15px auto;border-radius:12px;box-shadow:0 4px 18px rgb(0 0 0 / .1)}.contact-title{font-size:26px;font-weight:300;letter-spacing:3px;color:#333;margin-bottom:30px;text-transform:uppercase}.contact-content{margin:0 auto;max-width:600px}.contact-info h3{font-size:20px;font-weight:300;letter-spacing:2px;color:#333;margin-bottom:20px}.contact-item{display:flex;align-items:center;margin-bottom:15px;padding:15px;background:#fff;border-radius:10px;box-shadow:0 2px 12px rgb(0 0 0 / .1);transition:all 0.3s ease}.contact-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgb(0 0 0 / .15)}.contact-item i{font-size:18px;color:#4CAF50;margin-right:12px;width:25px;text-align:center}.contact-item span,.contact-item a{font-size:14px;color:#333;font-weight:500;text-decoration:none}.contact-item a:hover{color:#4CAF50}.map-container{background:#fff;overflow:hidden;box-shadow:0 4px 20px rgb(0 0 0 / .15);height:300px;max-width:600px;width:100%;margin:15px auto;padding:10px;border-radius:12px;box-sizing:border-box}.map-container iframe{width:100%;height:100%;border:none;display:block;border-radius:6px}footer{max-width:600px;margin:0 auto;background:linear-gradient(135deg,#333333,#1a1a1a);color:#fff;padding:40px 15px;text-align:center;border-radius:12px 12px 0 0;margin-top:15px}footer a{color:#fff;text-decoration:underline}.social-media{margin:25px 0 15px 0;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.social-media a{display:inline-flex;width:45px;height:45px;border-radius:50%;align-items:center;justify-content:center;font-size:20px;color:#fff;text-decoration:none;transition:all 0.3s ease;border:2px solid rgb(255 255 255 / .2);background:rgb(255 255 255 / .1)}.social-media a:hover{transform:translateY(-3px);border-color:rgb(255 255 255 / .4);box-shadow:0 6px 18px rgb(0 0 0 / .3)}.social-media a[aria-label="Facebook"]:hover{background:#1877F2;border-color:#1877F2}.social-media a[aria-label="Instagram"]:hover{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-color:#e6683c}.social-media a[aria-label="WhatsApp"]:hover{background:#25D366;border-color:#25D366}.social-media a[aria-label="Google Maps"]:hover{background:#EA4335;border-color:#EA4335}.cart-items::-webkit-scrollbar{width:6px}.cart-items::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.cart-items::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.cart-items::-webkit-scrollbar-thumb:hover{background:#555}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-row{animation:fadeIn 0.6s ease}.legal-info{font-size:12px;color:#bbb;margin:15px 0;line-height:1.6;font-weight:400}.product-varieties{background:rgb(255 255 255 / .05);border-left:1px solid #414040;border-right:4px solid #b4b4b4;padding:15px 18px;margin-top:20px;border-radius:8px;color:#fff}.product-varieties h4{margin-bottom:10px;font-size:18px;color:#fff}.product-varieties p{margin:10px 0;line-height:1.45;font-size:15px;color:#fff;padding-left:14px;position:relative}.product-varieties p strong{color:#fff;font-weight:600}.product-varieties p::before{content:"•";color:#8a8987;font-size:18px;position:absolute;left:0;top:0}.product-varieties-cholo{background:rgb(192 191 191 / .05);border-left:2px solid #8b8b8b;border-right:4px solid #8b8b8b;border-bottom:1px solid #8b8b8b;border-top:1px solid #8b8b8b;padding:15px 18px;margin-top:20px;border-radius:8px;color:#919191}.product-varieties-cholo h4{margin-bottom:10px;font-size:18px;color:#0c0c0c}.product-varieties-cholo p{margin:10px 0;line-height:1.45;font-size:15px;color:#0c0c0c;padding-left:14px;position:relative}.product-varieties-cholo p strong{color:#0c0c0c;font-weight:600}.product-varieties-cholo p::before{content:"•";color:#919190;font-size:18px;position:absolute;left:0;top:0}@media only screen and (max-width:480px){.product-text{width:50%;padding:15px}.product-image-cell{width:50%;padding:0 10px}.product-name{font-size:16px}.product-desc{font-size:12px}.product-price{font-size:14px}.add-to-cart-btn{font-size:11px;padding:8px 16px}.quantity-controls{max-width:140px}.qty-btn{width:40px;height:40px;font-size:14px}.qty-display{width:50px;height:40px;font-size:14px;line-height:40px}.gallery img{width:100%;height:120px;object-fit:cover;border-radius:5px;transition:transform 0.3s}.gallery-modal .close{position:absolute;top:4px;right:17px;font-size:15px;color:#fff;cursor:pointer}.product-varieties{background:rgb(255 255 255 / .05);border-left:1px solid #414040;border-right:4px solid #b4b4b4;padding:15px 18px;margin-top:20px;border-radius:8px;color:#fff}.product-varieties h4{margin-bottom:10px;font-size:12px;color:#fff}.product-varieties p{margin:10px 0;line-height:1;font-size:12px;color:#fff;padding-left:1px;position:relative}.product-varieties p strong{color:#fff;font-weight:600}.product-varieties p::before{content:"•";color:#8a8987;font-size:12px;position:absolute;left:-10px;top:0}.product-varieties-cholo{background:rgb(192 191 191 / .05);border-left:2px solid #8b8b8b;border-right:4px solid #8b8b8b;border-bottom:1px solid #8b8b8b;border-top:1px solid #8b8b8b;padding:15px 18px;margin-top:20px;border-radius:8px;color:#919191}.product-varieties-cholo h4{margin-bottom:10px;font-size:12px;color:#0c0c0c}.product-varieties-cholo p{margin:10px 0;line-height:1;font-size:12px;color:#0c0c0c;padding-left:1px;position:relative}.product-varieties-cholo p strong{color:#0c0c0c;font-weight:600}.product-varieties-cholo p::before{content:"•";color:#919190;font-size:12px;position:absolute;left:-10px;top:0}}.product-desc.collapsed-desc{max-height:600px;overflow:hidden;position:relative}.product-desc.collapsed-desc.product-varieties{max-height:100px}.product-desc.collapsed-desc.product-varieties-cholo{max-height:100px}.ver-mas-btn{color:#7d7e80fd;cursor:pointer;font-weight:600;font-size:14px;display:inline-block;margin-top:6px}.ver-mas-btn:hover{text-decoration:underline}@media only screen and (max-width:375px){.product-text{width:60%;padding:12px}.product-image-cell{width:40%;padding:0 8px}.brand-name{font-size:24px}.main-title{font-size:22px}.category-title{font-size:20px}.product-varieties{background:rgb(255 255 255 / .05);border-left:1px solid #414040;border-right:4px solid #b4b4b4;padding:15px 18px;margin-top:20px;border-radius:8px;color:#fff}.product-varieties h4{margin-bottom:10px;font-size:12px;color:#fff}.product-varieties p{margin:10px 0;line-height:1;font-size:12px;color:#fff;padding-left:1px;position:relative}.product-varieties p strong{color:#fff;font-weight:600}.product-varieties p::before{content:"•";color:#8a8987;font-size:12px;position:absolute;left:-10px;top:0}.product-varieties-cholo{background:rgb(192 191 191 / .05);border-left:2px solid #8b8b8b;border-right:4px solid #8b8b8b;border-bottom:1px solid #8b8b8b;border-top:1px solid #8b8b8b;padding:15px 18px;margin-top:20px;border-radius:8px;color:#919191}.product-varieties-cholo h4{margin-bottom:10px;font-size:12px;color:#0c0c0c}.product-varieties-cholo p{margin:10px 0;line-height:1;font-size:12px;color:#0c0c0c;padding-left:1px;position:relative}.product-varieties-cholo p strong{color:#0c0c0c;font-weight:600}.product-varieties-cholo p::before{content:"•";color:#919190;font-size:12px;position:absolute;left:-10px;top:0}.product-desc.collapsed-desc{max-height:150px;overflow:hidden;position:relative}.product-desc.collapsed-desc.product-varieties{max-height:70px}.product-desc.collapsed-desc.product-varieties-cholo{max-height:70px}.ver-mas-btn{color:#7d7e80fd;cursor:pointer;font-weight:600;font-size:14px;display:inline-block;margin-top:6px}.ver-mas-btn:hover{text-decoration:underline}}@media only screen and (min-width:768px){.product-name{font-size:24px!important;font-weight:400;margin-bottom:15px}.product-desc{font-size:17px!important;line-height:1.6;margin-bottom:15px}.product-price{font-size:20px!important;font-weight:400;margin-bottom:15px}.radio-option span{font-size:16px!important}.add-to-cart-btn{font-size:14px!important;padding:12px25px}.product-desc.collapsed-desc{max-height:500px;overflow:hidden;position:relative}.ver-mas-btn{color:#7d7e80fd;cursor:pointer;font-weight:600;font-size:14px;display:inline-block;margin-top:6px}.ver-mas-btn:hover{text-decoration:underline}}