:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;width:100%}#root{width:100%;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:2em;line-height:1.1;color:#236092}h2{color:#236092}@media (min-width: 768px){h1{font-size:3.2em}}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.min-h-screen{min-height:100vh}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.space-x-6>*+*{margin-left:1.5rem}.space-y-1>*+*{margin-top:.25rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-6{margin-right:1.5rem}.bg-dark-blue{background-color:#236092}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.bg-blue-50{background-color:#eff6ff}.bg-blue-600{background-color:#2563eb}.bg-blue-700{background-color:#1d4ed8}.bg-blue-800{background-color:#1e40af}.bg-indigo-100{background-color:#e0e7ff}.bg-indigo-600{background-color:#4f46e5}.bg-indigo-700{background-color:#4338ca}.bg-red-50{background-color:#fef2f2}.bg-red-200{background-color:#fecaca}.bg-green-500{background-color:#22c55e}.bg-green-600{background-color:#16a34a}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from: #eff6ff;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(239, 246, 255, 0))}.to-indigo-100{--tw-gradient-to: #e0e7ff}.from-blue-600{--tw-gradient-from: #2563eb;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0))}.to-indigo-600{--tw-gradient-to: #4f46e5}.from-blue-700{--tw-gradient-from: #1d4ed8;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0))}.to-indigo-700{--tw-gradient-to: #4338ca}.from-gray-400{--tw-gradient-from: #9ca3af;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0))}.to-gray-500{--tw-gradient-to: #6b7280}.text-white{color:#fff}.text-dark-blue{color:#236092}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-blue-100{color:#dbeafe}.text-blue-400{color:#60a5fa}.text-blue-600{color:#2563eb}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-red-800{color:#991b1b}.text-green-500{color:#22c55e}.text-green-600{color:#16a34a}.text-yellow-400{color:#facc15}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-medium{font-weight:500}.leading-tight{line-height:1.25}.border{border-width:1px}.border-gray-300{border-color:#d1d5db}.border-red-200{border-color:#fecaca}.border-dark-blue{border-color:#236092}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.w-full{width:100%}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.h-16{height:4rem}.w-16{width:4rem}.w-32{width:8rem}.h-32{height:8rem}.max-w-md{max-width:28rem}.max-w-7xl{max-width:80rem}.grid{display:grid}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-6{gap:1.5rem}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.object-cover{object-fit:cover}img{max-width:480px;height:auto}.overflow-hidden{overflow:hidden}.aspect-square{aspect-ratio:1 / 1}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.hover\:bg-blue-400:hover{background-color:#60a5fa}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.hover\:from-blue-700:hover{--tw-gradient-from: #1d4ed8;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(29, 78, 216, 0))}.hover\:to-indigo-700:hover{--tw-gradient-to: #4338ca}.focus\:ring-2:focus{box-shadow:0 0 0 2px #3b82f680}.focus\:ring-blue-500:focus{--tw-ring-color: #3b82f6}.focus\:border-blue-500:focus{border-color:#3b82f6}.focus-within\:ring-2:focus-within{box-shadow:0 0 0 2px #3b82f680}.focus-within\:ring-blue-500:focus-within{--tw-ring-color: #3b82f6}.focus-within\:border-blue-500:focus-within{border-color:#3b82f6}.outline-none{outline:2px solid transparent;outline-offset:2px}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disabled\:from-gray-400:disabled{--tw-gradient-from: #9ca3af;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(156, 163, 175, 0))}.disabled\:to-gray-500:disabled{--tw-gradient-to: #6b7280}.bg-white\/20{background-color:#fff3}.centered{display:flex;align-items:center;justify-content:center}.vertical{flex-direction:column}.horizontal{flex-direction:row}nav{background-color:#236092;display:flex;position:relative;overflow:visible}nav ul{display:flex;list-style:none;margin:0;padding:0}nav ul li{margin:0 12px;display:flex;align-items:center}nav ul li a{color:#f0f8ff;text-decoration:none;padding:8px 0;white-space:nowrap}nav ul li a:hover{color:gold}.centered{align-items:center;justify-content:center}.flex{display:flex}.logo{width:72px;height:72px;object-fit:contain;display:block;position:relative;z-index:1002}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:999}@media (min-width: 768px){.mobile-overlay{display:none}}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:8px;z-index:1001;position:relative}.hamburger-line{width:25px;height:3px;background-color:#fff;margin:3px 0;transition:all .3s ease}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width: 768px){nav{margin:0;padding:.75rem 1rem;flex-wrap:wrap;overflow:visible}.hamburger{display:flex}.nav-links{position:fixed;top:0;right:-100%;background:#236092;width:70%;max-width:300px;height:100vh;flex-direction:column;padding:80px 20px 20px;gap:0;display:flex;transition:right .3s ease;z-index:1001;box-shadow:-2px 0 10px #0000004d}.nav-links.show{right:0}.nav-links li{margin:0;width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.nav-links li a{display:block;width:100%;padding:15px 0;font-size:1.1rem}.logo{width:60px;height:60px;z-index:1002;position:relative;display:block}nav>div:first-child{position:relative;z-index:1002}nav>div:first-child a{display:block;position:relative;z-index:1002}}@media (max-width: 480px){nav{padding:.5rem}.nav-links{width:85%}}.cart-link{position:relative;display:inline-block;text-decoration:none;transition:opacity .2s}.cart-link:hover{opacity:.8}.cart-icon{width:32px;height:32px;color:#fff;display:block}.cart-badge{position:absolute;top:-8px;right:-8px;background-color:#ef4444;color:#fff;font-size:12px;font-weight:700;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.cart-badge-empty{background-color:#6b7280}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.display_none{display:none}.centered{text-align:center}.gallery-container{display:flex;justify-content:center;width:100%}.gallery-grid-wrapper{width:100%;max-width:1280px;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:1fr;gap:1rem;width:100%}.gallery-grid>div{width:100%;max-width:320px;margin:0 auto}.cart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,320px));gap:1.5rem;width:100%;justify-content:center}.cart-item-card{width:100%}@media (max-width: 639px){.gallery-grid{gap:1rem}.gallery-grid>div{max-width:100%}}@media (min-width: 640px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}}@media (min-width: 768px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}}@media (min-width: 1024px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}}@media (min-width: 1280px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}}.gallery-text{color:#236092;transition:color .3s ease,font-weight .3s ease}.gallery-item-link:hover .gallery-text{color:#236092;font-weight:700}.gallery-hover-text{transition:color .3s ease,font-weight .3s ease}.product-detail-images{display:flex;flex-direction:column;width:100%;gap:0;justify-content:center}.product-detail-image-item{position:relative;width:100%;aspect-ratio:1;background-color:#fff;overflow:hidden;border-top:1px solid #e5e7eb}.product-detail-image-item:first-child{border-top:none}.product-detail-image-item:last-child{border-bottom:1px solid #e5e7eb}@media (min-width: 1024px){.product-detail-images{flex-direction:row;flex-wrap:wrap;gap:.75rem}.product-detail-image-item{flex:0 0 auto;width:calc(33.333% - .5rem);max-width:calc(33.333% - .5rem);aspect-ratio:1;border:1px solid #e5e7eb;border-radius:.5rem}.product-detail-image-item:first-child,.product-detail-image-item:last-child{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}}.home-categories-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%}@media (min-width: 1024px){.home-categories-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.product-card{background:#fff;width:100%;margin:0;display:flex;flex-direction:column;height:100%}.product-image-container{width:100%;min-height:300px;padding:1.5rem;background:#236092;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image{width:100%;height:auto;max-height:300px;object-fit:contain;object-position:center;transition:transform .3s ease}.product-card:hover .product-image{transform:scale(1.03)}.product-content{padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;text-align:center}@media (min-width: 768px){.product-image-container{min-height:400px;padding:2.25rem}.product-image{max-height:375px}.product-content{padding:2rem}}@media (min-width: 1024px){.product-image-container{min-height:450px;padding:3rem}.product-image{max-height:400px}}.notification{position:fixed;top:90px;right:20px;z-index:9999;min-width:300px;max-width:500px;background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.notification-show{opacity:1;transform:translateY(0);pointer-events:auto}.notification-content{display:flex;align-items:center;padding:16px 20px;gap:12px}.notification-success{border-left:4px solid #16a34a}.notification-error{border-left:4px solid #dc2626}.notification-icon{flex-shrink:0;color:#16a34a;width:24px;height:24px}.notification-error .notification-icon{color:#dc2626}.notification-message{flex:1;color:#1f2937;font-size:.9375rem;font-weight:500;line-height:1.5}.notification-close{flex-shrink:0;background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease,color .2s ease}.notification-close:hover{background-color:#f3f4f6;color:#1f2937}.notification-close:focus{outline:2px solid #236092;outline-offset:2px}@media (max-width: 640px){.notification{top:80px;right:10px;left:10px;min-width:auto;max-width:none}.notification-content{padding:14px 16px;gap:10px}.notification-message{font-size:.875rem}}