body{font-size:16px!important;line-height:1.6!important;color:#2c3e50!important;background-color:#faf7f2!important}[data-theme=dark] body,.theme-dark body,.dark-mode body{color:#faf7f2;background-color:#1a2332}p{font-size:16px!important;line-height:1.6!important;color:#2c3e50!important}[data-theme=dark] p,.theme-dark p,.dark-mode p{color:#e8ddd4}.text-base{font-size:16px!important}.text-sm{font-size:14px!important}.text-xs{font-size:12px!important}.text-gray-900{color:#111827!important}.text-gray-800{color:#1f2937!important}.text-gray-700{color:#2c3e50!important}[data-theme=dark] .text-gray-700,.theme-dark .text-gray-700,.dark-mode .text-gray-700{color:#e8ddd4!important}.text-gray-600{color:#4b5563!important}.autoprefixer-test{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(90deg,#ff6a00,#ee0979)}.autoprefixer-test-container{display:inline-block;padding:12px;border:1px dashed #999}.skip-link{position:absolute!important;top:-9999px!important;left:0!important;background:#2c3e50!important;color:#fff!important;padding:8px 16px!important;text-decoration:none!important;z-index:10000!important;border-radius:0 0 4px!important;font-weight:600!important;transition:top .2s ease!important;clip:rect(0,0,0,0)!important;width:1px!important;height:1px!important;overflow:hidden!important;display:block!important;visibility:hidden!important}.skip-link:focus{top:0!important;left:0!important;clip:auto!important;width:auto!important;height:auto!important;overflow:visible!important;visibility:visible!important;outline:3px solid #4a5568!important;outline-offset:2px!important}*:focus-visible{outline:3px solid #4a5568;outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #4a5568;outline-offset:2px}*:focus:not(:focus-visible){outline:none}.btn-primary,button[type=submit].btn-primary,a.btn-primary{padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;transition:all .2s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-primary:active{transform:translateY(0)}.product-card,article.bg-white.rounded-lg.shadow-md{transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.product-card:hover,article.bg-white.rounded-lg.shadow-md:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 25px #00000026}@media (min-width: 768px){nav .space-x-8[class*="md:flex"]{display:flex!important;gap:2rem}nav .space-x-8[class*="md:flex"] a{display:inline-flex;align-items:center;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:#0a1e40;text-decoration:none;border-radius:.375rem;transition:all .15s ease-in-out}nav .space-x-8[class*="md:flex"] a:hover{color:#4a5568;background-color:#f9fafb}nav .space-x-8[class*="md:flex"] a.text-blue-600{color:#4a5568;font-weight:600}nav div[class*="md:hidden"].flex.items-center.space-x-2{display:none!important}nav div[class*="md:hidden"].py-3{display:none!important}nav div[class*="md:hidden"].border-t{display:none!important}nav [class*="md:hidden"]{display:none!important}}@media (max-width: 767px){nav .space-x-8[class*="md:flex"],nav div[class*="md:flex"].absolute,nav div[class*="md:flex"].items-center{display:none!important}nav [class*=hidden][class*="md:flex"]{display:none!important}}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0 80px);background-size:200px 100%;animation:skeleton-loading 1.5s infinite}.dark .skeleton{background:linear-gradient(90deg,#374151,#4b5563,#374151 80px);background-size:200px 100%}.skeleton-product-card{height:400px;border-radius:.5rem}.skeleton-image{height:192px;border-radius:.5rem .5rem 0 0}.skeleton-text{height:1rem;border-radius:.25rem;margin-bottom:.5rem}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-button{height:2.5rem;border-radius:.5rem;margin-top:1rem}