:root{--color-primary:#7a5a3a;--color-primary-dark:#5c442a;--color-accent:#f59e0b;--color-success:#22c55e;--color-danger:#ef4444;--font-sans:'Inter',ui-sans-serif,system-ui,-apple-system,sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-sans);-webkit-tap-highlight-color:transparent}button,a,input[type="button"],input[type="submit"],select{min-height:48px}button,a{min-width:48px}.skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:0.375rem}.skeleton-text{height:1rem;margin-bottom:0.5rem;width:80%}.skeleton-title{height:1.5rem;width:60%;margin-bottom:0.75rem}.skeleton-image{width:100%;height:200px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:0}.carousel::-webkit-scrollbar{display:none}.carousel-item{flex:0 0 100%;scroll-snap-align:start}.carousel-item img{width:100%;height:250px;object-fit:cover}.date-picker-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.date-picker-modal.open{opacity:1;visibility:visible}.date-picker-modal .modal-content{width:100%;max-height:85vh;background:white;border-radius:1rem 1rem 0 0;padding:1.5rem;transform:translateY(100%);transition:transform 0.3s ease;overflow-y:auto}.date-picker-modal.open .modal-content{transform:translateY(0)}@keyframes slide-in{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.animate-slide-in{animation:slide-in 0.3s ease-out}.sticky-bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:30;padding:0.75rem 1rem;background:white;box-shadow:0 -2px 10px rgba(0,0,0,0.1)}.sticky-bottom-bar .btn-cta{width:100%;min-height:48px;font-size:1rem;font-weight:600}.checkout-mode nav,.checkout-mode footer{display:none !important}.otp-input{width:3rem;height:3.5rem;text-align:center;font-size:1.5rem;font-weight:700;border:2px solid #d1d5db;border-radius:0.5rem;outline:none;transition:border-color 0.2s}.otp-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(122,90,58,0.2)}@media (min-width:768px){.carousel-item img{height:350px}}@media print{.sticky-bottom-bar,#back-to-top,nav,.no-print{display:none !important}}