.container-responsive {width: 100%;margin: 0 auto;padding: 0 var(--space-sm)}@media (max-width: 479px) {.container-responsive {max-width: 100%;padding: 0 var(--space-xs)}}@media (min-width: 480px) {.container-responsive {max-width: 460px;padding: 0 var(--space-sm)}}@media (min-width: 768px) {.container-responsive {max-width: 720px;padding: 0 var(--space-md)}}@media (min-width: 1024px) {.container-responsive {max-width: 960px}}@media (min-width: 1200px) {.container-responsive {max-width: 1140px}}@media (min-width: 1400px) {.container-responsive {max-width: 1320px}}.grid-responsive {display: grid;gap: var(--space-sm);grid-template-columns: 1fr}.grid-2-responsive {display: grid;gap: var(--space-sm);grid-template-columns: 1fr}@media (min-width: 768px) {.grid-2-responsive {grid-template-columns: repeat(2, 1fr);gap: var(--space-md)}}.grid-3-responsive {display: grid;gap: var(--space-sm);grid-template-columns: 1fr}@media (min-width: 768px) {.grid-3-responsive {grid-template-columns: repeat(2, 1fr);gap: var(--space-md)}}@media (min-width: 1024px) {.grid-3-responsive {grid-template-columns: repeat(3, 1fr)}}.grid-4-responsive {display: grid;gap: var(--space-sm);grid-template-columns: 1fr}@media (min-width: 480px) {.grid-4-responsive {grid-template-columns: repeat(2, 1fr)}}@media (min-width: 768px) {.grid-4-responsive {grid-template-columns: repeat(3, 1fr);gap: var(--space-md)}}@media (min-width: 1024px) {.grid-4-responsive {grid-template-columns: repeat(4, 1fr)}}.grid-products-responsive {display: grid;gap: var(--space-sm);grid-template-columns: 1fr}@media (min-width: 480px) {.grid-products-responsive {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: var(--space-md)}}@media (min-width: 768px) {.grid-products-responsive {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))}}@media (min-width: 1024px) {.grid-products-responsive {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))}}.grid-shop-products {display: grid;gap: var(--space-sm);grid-template-columns: 1fr}@media (min-width: 480px) {.grid-shop-products {grid-template-columns: repeat(2, 1fr);gap: var(--space-md)}}@media (min-width: 768px) {.grid-shop-products {grid-template-columns: repeat(3, 1fr)}}@media (min-width: 1024px) {.grid-shop-products {grid-template-columns: repeat(4, 1fr)}}@media (min-width: 1200px) {.grid-shop-products {grid-template-columns: repeat(5, 1fr)}}.grid-content-sidebar {display: grid;gap: var(--space-md);grid-template-columns: 1fr}@media (min-width: 1024px) {.grid-content-sidebar {grid-template-columns: 2fr 1fr;gap: var(--space-lg)}}.grid-hero {display: grid;gap: var(--space-md);grid-template-columns: 1fr;align-items: center}@media (min-width: 768px) {.grid-hero {grid-template-columns: 1fr 1fr;gap: var(--space-lg)}}.grid-gallery {display: grid;gap: var(--space-xs);grid-template-columns: repeat(2, 1fr)}@media (min-width: 480px) {.grid-gallery {grid-template-columns: repeat(3, 1fr);gap: var(--space-sm)}}@media (min-width: 768px) {.grid-gallery {grid-template-columns: repeat(4, 1fr)}}@media (min-width: 1024px) {.grid-gallery {grid-template-columns: repeat(6, 1fr)}}.grid-testimonials {display: grid;gap: var(--space-md);grid-template-columns: 1fr}@media (min-width: 768px) {.grid-testimonials {grid-template-columns: repeat(2, 1fr)}}@media (min-width: 1200px) {.grid-testimonials {grid-template-columns: repeat(3, 1fr)}}.grid-features {display: grid;gap: var(--space-md);grid-template-columns: 1fr}@media (min-width: 480px) {.grid-features {grid-template-columns: repeat(2, 1fr)}}@media (min-width: 1024px) {.grid-features {grid-template-columns: repeat(3, 1fr)}}.grid-masonry {display: grid;gap: var(--space-sm);grid-template-columns: 1fr}@media (min-width: 768px) {.grid-masonry {grid-template-columns: repeat(2, 1fr);gap: var(--space-md)}}@media (min-width: 1024px) {.grid-masonry {grid-template-columns: repeat(3, 1fr)}}@supports (grid-template-rows: masonry) {.grid-masonry {grid-template-rows: masonry}}.grid-dashboard {display: grid;gap: var(--space-md);grid-template-columns: 1fr}@media (min-width: 768px) {.grid-dashboard {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))}}@media (min-width: 1200px) {.grid-dashboard {grid-template-columns: repeat(auto-fit, minmax(350px, 1fr))}}.col-span-1 { grid-column: span 1; }.col-span-2 { grid-column: span 2; }.col-span-3 { grid-column: span 3; }.col-span-4 { grid-column: span 4; }.col-span-5 { grid-column: span 5; }.col-span-6 { grid-column: span 6; }.col-span-full { grid-column: 1 / -1; }.row-span-1 { grid-row: span 1; }.row-span-2 { grid-row: span 2; }.row-span-3 { grid-row: span 3; }.row-span-4 { grid-row: span 4; }.row-span-full { grid-row: 1 / -1; }.col-start-1 { grid-column-start: 1; }.col-start-2 { grid-column-start: 2; }.col-start-3 { grid-column-start: 3; }.col-start-4 { grid-column-start: 4; }.col-start-auto { grid-column-start: auto; }.col-end-1 { grid-column-end: 1; }.col-end-2 { grid-column-end: 2; }.col-end-3 { grid-column-end: 3; }.col-end-4 { grid-column-end: 4; }.col-end-auto { grid-column-end: auto; }.justify-self-auto { justify-self: auto; }.justify-self-start { justify-self: start; }.justify-self-end { justify-self: end; }.justify-self-center { justify-self: center; }.justify-self-stretch { justify-self: stretch; }.align-self-auto { align-self: auto; }.align-self-start { align-self: start; }.align-self-end { align-self: end; }.align-self-center { align-self: center; }.align-self-stretch { align-self: stretch; }.gap-xs { gap: var(--space-xs); }.gap-sm { gap: var(--space-sm); }.gap-md { gap: var(--space-md); }.gap-lg { gap: var(--space-lg); }.gap-xl { gap: var(--space-xl); }.gap-x-xs { column-gap: var(--space-xs); }.gap-x-sm { column-gap: var(--space-sm); }.gap-x-md { column-gap: var(--space-md); }.gap-x-lg { column-gap: var(--space-lg); }.gap-x-xl { column-gap: var(--space-xl); }.gap-y-xs { row-gap: var(--space-xs); }.gap-y-sm { row-gap: var(--space-sm); }.gap-y-md { row-gap: var(--space-md); }.gap-y-lg { row-gap: var(--space-lg); }.gap-y-xl { row-gap: var(--space-xl); }.grid-auto-fit-xs {display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: var(--space-sm)}.grid-auto-fit-sm {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: var(--space-sm)}.grid-auto-fit-md {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: var(--space-md)}.grid-auto-fit-lg {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: var(--space-md)}.grid-auto-fit-xl {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: var(--space-lg)}.grid-auto-fill-sm {display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: var(--space-sm)}.grid-auto-fill-md {display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: var(--space-md)}.grid-auto-fill-lg {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: var(--space-md)}.grid-square {display: grid;gap: var(--space-sm)}.grid-square > * {aspect-ratio: 1}.grid-rectangle {display: grid;gap: var(--space-sm)}.grid-rectangle > * {aspect-ratio: 16/9}@media (min-width: 480px) {.sm\:grid-cols-1 { grid-template-columns: repeat(1, 1fr); }.sm\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); }.sm\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); }.sm\:grid-cols-4 { grid-template-columns: repeat(4, 1fr); }.sm\:col-span-1 { grid-column: span 1; }.sm\:col-span-2 { grid-column: span 2; }.sm\:col-span-3 { grid-column: span 3; }.sm\:col-span-4 { grid-column: span 4; }.sm\:col-span-full { grid-column: 1 / -1; }}@media (min-width: 768px) {.md\:grid-cols-1 { grid-template-columns: repeat(1, 1fr); }.md\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); }.md\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); }.md\:grid-cols-4 { grid-template-columns: repeat(4, 1fr); }.md\:grid-cols-5 { grid-template-columns: repeat(5, 1fr); }.md\:grid-cols-6 { grid-template-columns: repeat(6, 1fr); }.md\:col-span-1 { grid-column: span 1; }.md\:col-span-2 { grid-column: span 2; }.md\:col-span-3 { grid-column: span 3; }.md\:col-span-4 { grid-column: span 4; }.md\:col-span-5 { grid-column: span 5; }.md\:col-span-6 { grid-column: span 6; }.md\:col-span-full { grid-column: 1 / -1; }}@media (min-width: 1024px) {.lg\:grid-cols-1 { grid-template-columns: repeat(1, 1fr); }.lg\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); }.lg\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); }.lg\:grid-cols-4 { grid-template-columns: repeat(4, 1fr); }.lg\:grid-cols-5 { grid-template-columns: repeat(5, 1fr); }.lg\:grid-cols-6 { grid-template-columns: repeat(6, 1fr); }.lg\:grid-cols-8 { grid-template-columns: repeat(8, 1fr); }.lg\:grid-cols-12 { grid-template-columns: repeat(12, 1fr); }.lg\:col-span-1 { grid-column: span 1; }.lg\:col-span-2 { grid-column: span 2; }.lg\:col-span-3 { grid-column: span 3; }.lg\:col-span-4 { grid-column: span 4; }.lg\:col-span-5 { grid-column: span 5; }.lg\:col-span-6 { grid-column: span 6; }.lg\:col-span-8 { grid-column: span 8; }.lg\:col-span-12 { grid-column: span 12; }.lg\:col-span-full { grid-column: 1 / -1; }}@media (min-width: 1200px) {.xl\:grid-cols-1 { grid-template-columns: repeat(1, 1fr); }.xl\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); }.xl\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); }.xl\:grid-cols-4 { grid-template-columns: repeat(4, 1fr); }.xl\:grid-cols-5 { grid-template-columns: repeat(5, 1fr); }.xl\:grid-cols-6 { grid-template-columns: repeat(6, 1fr); }.xl\:grid-cols-8 { grid-template-columns: repeat(8, 1fr); }.xl\:grid-cols-12 { grid-template-columns: repeat(12, 1fr); }.xl\:col-span-1 { grid-column: span 1; }.xl\:col-span-2 { grid-column: span 2; }.xl\:col-span-3 { grid-column: span 3; }.xl\:col-span-4 { grid-column: span 4; }.xl\:col-span-5 { grid-column: span 5; }.xl\:col-span-6 { grid-column: span 6; }.xl\:col-span-8 { grid-column: span 8; }.xl\:col-span-12 { grid-column: span 12; }.xl\:col-span-full { grid-column: 1 / -1; }}.flex-responsive {display: flex;flex-direction: column;gap: var(--space-sm)}@media (min-width: 768px) {.flex-responsive {flex-direction: row;gap: var(--space-md)}}.flex-wrap-responsive {display: flex;flex-wrap: wrap;gap: var(--space-sm)}@media (min-width: 768px) {.flex-wrap-responsive {gap: var(--space-md)}}.heading-responsive-xl {font-size: var(--font-size-2xl);line-height: 1.2}@media (min-width: 768px) {.heading-responsive-xl {font-size: var(--font-size-3xl)}}@media (min-width: 1024px) {.heading-responsive-xl {font-size: var(--font-size-4xl)}}.heading-responsive-lg {font-size: var(--font-size-xl);line-height: 1.3}@media (min-width: 768px) {.heading-responsive-lg {font-size: var(--font-size-2xl)}}@media (min-width: 1024px) {.heading-responsive-lg {font-size: var(--font-size-3xl)}}.heading-responsive-md {font-size: var(--font-size-lg);line-height: 1.4}@media (min-width: 768px) {.heading-responsive-md {font-size: var(--font-size-xl)}}@media (min-width: 1024px) {.heading-responsive-md {font-size: var(--font-size-2xl)}}.text-responsive {font-size: var(--font-size-sm);line-height: 1.6}@media (min-width: 768px) {.text-responsive {font-size: var(--font-size-base)}}@media (min-width: 1024px) {.text-responsive {font-size: var(--font-size-lg)}}.padding-responsive-sm {padding: var(--space-sm)}@media (min-width: 768px) {.padding-responsive-sm {padding: var(--space-md)}}.padding-responsive-md {padding: var(--space-md)}@media (min-width: 768px) {.padding-responsive-md {padding: var(--space-lg)}}@media (min-width: 1024px) {.padding-responsive-md {padding: var(--space-xl)}}.padding-responsive-lg {padding: var(--space-lg)}@media (min-width: 768px) {.padding-responsive-lg {padding: var(--space-xl)}}@media (min-width: 1024px) {.padding-responsive-lg {padding: var(--space-2xl)}}.margin-responsive-sm {margin: var(--space-sm) 0}@media (min-width: 768px) {.margin-responsive-sm {margin: var(--space-md) 0}}.margin-responsive-md {margin: var(--space-md) 0}@media (min-width: 768px) {.margin-responsive-md {margin: var(--space-lg) 0}}@media (min-width: 1024px) {.margin-responsive-md {margin: var(--space-xl) 0}}@media (max-width: 479px) {.hide-xs { display: none !important; }}@media (max-width: 767px) {.hide-sm { display: none !important; }}@media (max-width: 1023px) {.hide-md { display: none !important; }}@media (max-width: 1199px) {.hide-lg { display: none !important; }}@media (max-width: 1399px) {.hide-xl { display: none !important; }}@media (min-width: 480px) {.show-xs { display: none !important; }}@media (max-width: 479px), (min-width: 768px) {.show-sm { display: none !important; }}@media (max-width: 767px), (min-width: 1024px) {.show-md { display: none !important; }}@media (max-width: 1023px), (min-width: 1200px) {.show-lg { display: none !important; }}@media (max-width: 1199px), (min-width: 1400px) {.show-xl { display: none !important; }}@media (max-width: 1399px) {.show-xxl { display: none !important; }}.header-responsive {padding: var(--space-sm) 0}@media (min-width: 768px) {.header-responsive {padding: var(--space-md) 0}}.nav-responsive {display: flex;flex-direction: column;gap: var(--space-sm)}@media (min-width: 768px) {.nav-responsive {flex-direction: row;gap: var(--space-md)}}.logo-responsive {max-width: 120px;height: auto}@media (min-width: 768px) {.logo-responsive {max-width: 150px}}@media (min-width: 1024px) {.logo-responsive {max-width: 180px}}.btn-responsive {padding: var(--space-sm) var(--space-md);font-size: var(--font-size-sm);min-height: 44px}@media (min-width: 768px) {.btn-responsive {padding: var(--space-md) var(--space-lg);font-size: var(--font-size-base);min-height: 48px}}.btn-mobile-full {width: 100%}@media (min-width: 768px) {.btn-mobile-full {width: auto}}.input-responsive {padding: var(--space-sm);font-size: var(--font-size-sm);min-height: 44px}@media (min-width: 768px) {.input-responsive {padding: var(--space-md);font-size: var(--font-size-base);min-height: 48px}}.form-responsive {display: flex;flex-direction: column;gap: var(--space-sm)}@media (min-width: 768px) {.form-responsive {gap: var(--space-md)}}.card-responsive {padding: var(--space-md);border-radius: var(--border-radius-md)}@media (min-width: 768px) {.card-responsive {padding: var(--space-lg);border-radius: var(--border-radius-lg)}}.img-responsive {width: 100%;height: auto;max-width: 100%;object-fit: cover}.img-aspect-responsive {width: 100%;aspect-ratio: 16/9;object-fit: cover}@media (min-width: 768px) {.img-aspect-responsive {aspect-ratio: 4/3}}@media (min-width: 1024px) {.img-aspect-responsive {aspect-ratio: 16/9}}.modal-responsive {width: 95%;max-width: 500px;margin: var(--space-sm)}@media (min-width: 768px) {.modal-responsive {width: 80%;max-width: 600px;margin: var(--space-md)}}@media (min-width: 1024px) {.modal-responsive {width: 60%;max-width: 800px;margin: var(--space-lg)}}.text-center-mobile {text-align: center}@media (min-width: 768px) {.text-center-mobile {text-align: left}}.stack-mobile {display: flex;flex-direction: column;gap: var(--space-sm)}@media (min-width: 768px) {.stack-mobile {flex-direction: row;gap: var(--space-md)}}.order-first-mobile {order: -1}@media (min-width: 768px) {.order-first-mobile {order: 0}}.order-last-mobile {order: 1}@media (min-width: 768px) {.order-last-mobile {order: 0}}.scroll-mobile {overflow-x: auto;-webkit-overflow-scrolling: touch}@media (min-width: 768px) {.scroll-mobile {overflow-x: visible}}@media (hover: none) and (pointer: coarse) {.hover-effect {}}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {.high-dpi-optimized {}}@media (max-width: 767px) {button, .btn-responsive,a[role="button"],input[type="button"],input[type="submit"] {min-height: 44px;min-width: 44px}}@media (max-width: 767px) {.touch-friendly {padding: var(--space-md);margin: var(--space-sm) 0}}@media print {.hide-print { display: none !important; }.container-responsive,.grid-responsive,.flex-responsive {max-width: none !important;margin: 0 !important;padding: 0 !important}.card-responsive {border: 1px solid #000 !important;box-shadow: none !important}}