.image-fit-cover{-o-object-fit:cover;object-fit:cover}.image-fit-contain,.image-fit-cover{-o-object-position:center;object-position:center;width:100%;height:100%}.image-fit-contain{-o-object-fit:contain;object-fit:contain}.image-fit-fill{-o-object-fit:fill;object-fit:fill;width:100%;height:100%}.image-container-square{aspect-ratio:1/1}.image-container-square,.image-container-video{overflow:hidden;position:relative;background-color:hsl(var(--muted))}.image-container-video{aspect-ratio:16/9}.image-container-photo{aspect-ratio:4/3;overflow:hidden;position:relative;background-color:hsl(var(--muted))}.image-loading{opacity:0;transition:opacity .3s ease-in-out}.image-loaded{opacity:1}.image-hover-zoom{transition:transform .3s ease-in-out}.image-hover-zoom:hover{transform:scale(1.05)}.image-hover-zoom-large:hover{transform:scale(1.1)}.thumbnail-container{width:4rem;height:4rem;border-radius:.375rem;overflow:hidden;position:relative;border:2px solid transparent;transition:border-color .2s ease-in-out;cursor:pointer}.thumbnail-container.active{border-color:hsl(var(--primary))}.thumbnail-container:hover{border-color:hsl(var(--primary)/.5)}.product-image-container{position:relative;overflow:hidden;border-radius:.5rem;background-color:hsl(var(--muted))}.product-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.product-image:hover{transform:scale(1.05)}.modal-image-container{aspect-ratio:16/9;background-color:#000;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:.5rem}.modal-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.loading-overlay,.modal-image{transition:opacity .3s ease-in-out}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:hsl(var(--muted));z-index:1}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-spinner{width:2rem;height:2rem;border:2px solid transparent;border-top:2px solid hsl(var(--primary));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-error{display:flex;align-items:center;justify-content:center;background-color:hsl(var(--muted));color:hsl(var(--muted-foreground));font-size:.875rem;text-align:center;padding:1rem}.image-badge{position:absolute;top:.5rem;z-index:2}.image-badge.top-left{left:.5rem}.image-badge.top-right{right:.5rem}@media (max-width:768px){.thumbnail-container{width:3rem;height:3rem}.loading-spinner{width:1.5rem;height:1.5rem}}@media (min-resolution:192dpi){.modal-image,.product-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-color-scheme:dark){.modal-image-container{background-color:#1a1a1a}}.image-focus:focus{outline:2px solid hsl(var(--primary));outline-offset:2px}@media print{.image-hover-zoom,.loading-overlay{transform:none!important;opacity:1!important}}.order-progress-smooth,.order-progress-smooth *{transition:all .6s cubic-bezier(.25,.46,.45,.94)!important}.animate-pulse{animation:none!important;transform:scale(1.05);box-shadow:0 4px 12px rgba(59,130,246,.15);transition:transform .6s ease-in-out,box-shadow .6s ease-in-out!important}.progress-bar-smooth{transition:width 1s cubic-bezier(.4,0,.2,1)!important}.tabs-smooth [data-state=active]{transition:all .4s cubic-bezier(.25,.46,.45,.94)!important}.refresh-smooth{transition:transform .3s ease-in-out!important}.refresh-smooth:hover{transform:rotate(0deg) scale(1.05)!important}@media (prefers-reduced-motion:reduce){.order-progress-smooth,.order-progress-smooth *,.progress-bar-smooth,.refresh-smooth,.tabs-smooth *{animation:none!important;transition:none!important}.animate-pulse{animation:none!important;transform:none!important}}@keyframes smoothFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.smooth-fade-in{animation:smoothFadeIn .5s cubic-bezier(.25,.46,.45,.94) forwards}.status-badge-smooth{transition:background-color .6s ease-in-out,color .6s ease-in-out,border-color .6s ease-in-out!important}.hover-smooth:hover{transition:all .3s cubic-bezier(.25,.46,.45,.94)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body,html{overflow-x:hidden;max-width:100vw}@media only screen and (max-width:474px){body{font-size:14px}.checkout-step-full-text{display:none!important}.checkout-step-short-text{display:inline!important}h1{font-size:1.75rem;line-height:2rem}h2{font-size:1.5rem;line-height:1.875rem}h3{font-size:1.25rem;line-height:1.625rem}h4,h5,h6{font-size:1rem;line-height:1.5rem}.container{padding-left:.75rem!important;padding-right:.75rem!important}.grid:not(.single-column){grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.btn,button{width:100%;min-height:44px}}@media only screen and (min-width:475px) and (max-width:639px){body{font-size:15px}h1{font-size:2rem;line-height:2.25rem}h2{font-size:1.625rem;line-height:2rem}.container{padding-left:1rem!important;padding-right:1rem!important}}@media only screen and (max-width:767px){nav{padding:.75rem 1rem}.hero-section{padding:2rem 1rem;min-height:auto}.hero-title{font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.2}.hero-subtitle{font-size:clamp(.875rem,3vw,1.125rem)}.product-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}form input,form select,form textarea{width:100%;font-size:16px}[role=dialog]{width:95vw!important;max-width:95vw!important;margin:1rem}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}footer .grid{grid-template-columns:1fr;text-align:center}img{max-width:100%;height:auto}.clickable,a,button{min-height:44px;min-width:44px;padding:.75rem 1rem}.desktop-only{display:none!important}.mobile-only{display:block!important}}@media only screen and (min-width:768px) and (max-width:1023px){.container{padding-left:1.5rem;padding-right:1.5rem}.product-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.hero-title{font-size:2.5rem}nav{padding:1rem 1.5rem}}@media only screen and (max-height:640px) and (orientation:landscape){section{padding-top:2rem!important;padding-bottom:2rem!important}.hero-section{min-height:auto;padding:1.5rem 1rem}nav{padding:.5rem 1rem}[role=dialog]{max-height:90vh;overflow-y:auto}}@media (hover:none) and (pointer:coarse){.clickable,a,button,input[type=button],input[type=submit],label{min-height:44px;min-width:44px}.clickable:hover,a:hover,button:hover{transform:none}.clickable:active,a:active,button:active{opacity:.7;transform:scale(.98)}*{cursor:default!important}select{font-size:16px;min-height:44px}}@supports (padding:env(safe-area-inset-top)){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.fixed-top,header{padding-top:calc(env(safe-area-inset-top) + 1rem)}.fixed-bottom,footer{padding-bottom:calc(env(safe-area-inset-bottom) + 1rem)}}@media only screen and (max-width:767px){nav .flex.items-center.justify-between{display:grid!important;grid-template-columns:1fr 2fr 1fr;align-items:center}nav .flex.items-center.justify-between>:nth-child(2){justify-self:center}nav .flex.items-center.justify-between>:nth-child(3){justify-self:end}.mobile-menu-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:.5rem}.mobile-nav{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-nav.active{opacity:1;visibility:visible}.mobile-nav-content{position:absolute;top:0;right:0;width:80%;max-width:320px;height:100%;background:white;transform:translateX(100%);transition:transform .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-nav.active .mobile-nav-content{transform:translateX(0)}.mobile-nav-item{display:block;padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;font-size:1rem;color:#333;text-decoration:none;transition:background-color .2s ease}.mobile-nav-item:active{background-color:#f5f5f5}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px!important}button,input,select,textarea{width:100%;max-width:100%}form>*+*{margin-top:1rem}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-width:20px;min-height:20px}label{display:block;margin-bottom:.5rem;font-weight:500}.card{border-radius:.75rem;padding:1rem;margin-bottom:1rem}.flex-grid{gap:1rem}.flex-grid,.product-card{display:flex;flex-direction:column}.product-card{width:100%}.product-image{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover}h1{font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.2}h2{font-size:clamp(1.5rem,4vw,2rem);line-height:1.3}h3{font-size:clamp(1.25rem,3.5vw,1.75rem);line-height:1.4}h4{font-size:clamp(1.125rem,3vw,1.5rem)}p{font-size:clamp(.875rem,2.5vw,1rem);line-height:1.6}.text-sm,small{font-size:.875rem}.order-carousel-indicators button{min-width:44px;min-height:44px;padding:8px}.order-tracking-tabs [role=tablist]{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}}@media only screen and (max-width:767px){.order-tracking-tabs [role=tablist]::-webkit-scrollbar{display:none}.order-details-card{padding:1rem;margin-bottom:1rem}.order-progress-mobile{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:1rem}.order-action-button{min-height:44px;padding:12px 16px;font-size:14px}}.mobile-only{display:none}.desktop-only{display:block}@media only screen and (max-width:767px){.mobile-only{display:block!important}.desktop-only,.mobile-hidden{display:none!important}.mobile-visible{display:block!important}.mobile-flex-col{flex-direction:column!important}.mobile-text-center{text-align:center!important}.mobile-w-full{width:100%!important}.mobile-p-4{padding:1rem!important}.mobile-mt-4{margin-top:1rem!important}img{max-width:100%;height:auto;display:block}.hero-image,.product-image{width:100%;-o-object-fit:cover;object-fit:cover}.bg-image{background-size:cover;background-position:50%}*,.scroll-container{-webkit-overflow-scrolling:touch}.scroll-container{overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}}@media only screen and (max-width:767px){.scroll-container::-webkit-scrollbar{display:none}body.modal-open{overflow:hidden;position:fixed;width:100%}}@media only screen and (max-width:767px){@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.animated{will-change:transform;transform:translateZ(0);backface-visibility:hidden}:focus{outline:2px solid hsl(var(--primary));outline-offset:2px}.skip-to-main{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:8px;text-decoration:none;z-index:10000}.skip-to-main:focus{top:0}}@media print{.no-print,footer,header,nav{display:none!important}body{font-size:12pt;line-height:1.5;color:#000;background:#fff}a[href]:after{content:" (" attr(href) ")"}}@media only screen and (max-width:768px){.admin-card{padding:1rem!important;margin-bottom:1rem}.admin-card-header{padding:1rem 1rem .5rem!important}.admin-card-content{padding:.5rem 1rem 1rem!important}.admin-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:.5rem;border:1px solid hsl(var(--border))}.admin-table{min-width:600px}.admin-form-grid{display:flex!important;flex-direction:column!important;gap:1rem!important}.admin-form-field{width:100%!important}.admin-form-field label{display:block;margin-bottom:.5rem;font-weight:500}.admin-form-field input,.admin-form-field select,.admin-form-field textarea{width:100%;min-height:44px;font-size:16px;padding:.75rem}.admin-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.admin-actions .btn{width:100%;min-height:44px;justify-content:center}.admin-search-container{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.admin-search-input{width:100%!important;margin-bottom:1rem}.admin-filters-row{display:flex;flex-direction:column;gap:1rem}.admin-breadcrumb{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.admin-breadcrumb-item{font-size:.875rem}.admin-dialog-content{width:95vw!important;max-width:none!important;margin:1rem;max-height:85vh;overflow-y:auto}.admin-dialog-header{padding:1rem 1rem .5rem}.admin-dialog-body{padding:1rem}.admin-dialog-footer{padding:.5rem 1rem 1rem;flex-direction:column;gap:.5rem}.admin-dialog-footer .btn{width:100%}.admin-stats-grid{grid-template-columns:1fr!important;gap:1rem!important}.admin-stat-card{padding:1rem!important}.admin-stat-icon{width:2rem!important;height:2rem!important}.admin-stat-value{font-size:1.5rem!important}.admin-stat-label{font-size:.75rem!important}}@media only screen and (max-width:480px){.admin-header{padding:.75rem!important}.admin-header-title{font-size:1.25rem!important}.admin-card{padding:.75rem!important;margin-bottom:.75rem}.admin-button{padding:.5rem .75rem!important;font-size:.875rem!important}.admin-button-icon{width:1rem!important;height:1rem!important}.admin-form-grid{gap:.75rem!important}.admin-form-field input,.admin-form-field select,.admin-form-field textarea{padding:.5rem}}@media only screen and (max-height:640px) and (orientation:landscape){.admin-dialog-content{max-height:95vh}.admin-header{padding:.5rem 1rem!important}.admin-stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (hover:none) and (pointer:coarse){.admin-button,.admin-dropdown-trigger,.admin-link,.admin-tab{min-height:44px;min-width:44px;padding:.75rem}.admin-table-row{min-height:56px}.admin-form-field input:focus,.admin-form-field select:focus,.admin-form-field textarea:focus{outline:2px solid hsl(var(--ring));outline-offset:2px}}