:root{font-size:max(12px,min(5.33333vw,24px))}html,body,#root{word-break:break-word;max-width:100vw;overflow-x:hidden}.container{width:100%;max-width:var(--container-mobile);padding-left:var(--spacing-md);padding-right:var(--spacing-md);margin-left:auto;margin-right:auto}@media (min-width:768px){.container{max-width:var(--container-tablet);padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (min-width:1024px){.container{max-width:var(--container-desktop);padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}.safe-area-top{padding-top:var(--safe-area-top)}.safe-area-bottom{padding-bottom:var(--safe-area-bottom)}.safe-area-left{padding-left:var(--safe-area-left)}.safe-area-right{padding-right:var(--safe-area-right)}.safe-area-horizontal{padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.safe-area-vertical{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.hide-on-mobile{display:none!important}@media (min-width:768px){.hide-on-mobile{display:block!important}.hide-on-tablet{display:none!important}}@media (min-width:1024px){.hide-on-tablet{display:block!important}.hide-on-desktop{display:none!important}}.mt-mobile-sm{margin-top:var(--spacing-sm)}.mb-mobile-sm{margin-bottom:var(--spacing-sm)}.p-mobile-sm{padding:var(--spacing-sm)}@media (min-width:768px){.mt-tablet-md{margin-top:var(--spacing-md)}.mb-tablet-md{margin-bottom:var(--spacing-md)}.p-tablet-md{padding:var(--spacing-md)}}@media (min-width:1024px){.mt-desktop-lg{margin-top:var(--spacing-lg)}.mb-desktop-lg{margin-bottom:var(--spacing-lg)}.p-desktop-lg{padding:var(--spacing-lg)}}.text-responsive-heading{font-size:var(--font-size-xl);line-height:var(--line-height-tight)}@media (min-width:768px){.text-responsive-heading{font-size:var(--font-size-xxl)}}@media (min-width:1024px){.text-responsive-heading{font-size:var(--font-size-xxxl)}}.responsive-grid{gap:var(--spacing-md);grid-template-columns:repeat(1,1fr);display:grid}@media (min-width:480px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.responsive-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.responsive-grid{gap:var(--spacing-xl);grid-template-columns:repeat(4,1fr)}}.responsive-image{max-width:100%;height:auto;display:block}.responsive-image-fluid{width:100%;height:auto}.btn-responsive{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);border-radius:var(--radius-md);justify-content:center;align-items:center;min-height:44px;display:inline-flex}@media (min-width:768px){.btn-responsive{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);min-height:48px}}.responsive-sidebar-layout{gap:var(--spacing-md);flex-direction:column;display:flex}@media (min-width:768px){.responsive-sidebar-layout{flex-direction:row}.responsive-sidebar-layout>:first-child{flex:0 0 250px}.responsive-sidebar-layout>:last-child{flex:1}}.mobile-scroll-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto;overflow-y:hidden}.mobile-scroll-container::-webkit-scrollbar{display:none}@media (max-width:479px){.xs-only{display:block!important}.not-xs{display:none!important}}.txt-h1{color:#333;font-size:22px;font-weight:700;line-height:1.4}.txt-h2{color:#333;font-size:18px;font-weight:600;line-height:1.4}.txt-h3{color:#333;font-size:16px;font-weight:600;line-height:1.4}.txt-body{color:#333;font-size:14px;font-weight:400;line-height:1.5}.txt-sm{color:#666;font-size:13px;font-weight:400;line-height:1.5}.txt-caption{color:#999;font-size:12px;font-weight:400;line-height:1.4}.txt-tiny{color:#999;font-size:11px;font-weight:400;line-height:1.3}.txt-price{color:#ff5722;font-size:18px;font-weight:700;line-height:1.3}.txt-shop-name{color:#333;font-size:15px;font-weight:600;line-height:1.4}.txt-product-name{color:#333;font-size:15px;font-weight:500;line-height:1.4}.txt-tag{font-size:11px;font-weight:500;line-height:1.3}.txt-bold{font-weight:700}.txt-semibold{font-weight:600}.txt-medium{font-weight:500}.txt-primary{color:#333}.txt-secondary{color:#666}.txt-hint{color:#999}.txt-brand{color:#00bfa5}.txt-orange{color:#ff6b35}.txt-danger{color:#ff4d4f}.txt-white{color:#fff}@media (min-width:480px) and (max-width:767px){.sm-only{display:block!important}.not-sm{display:none!important}}@media (min-width:768px) and (max-width:1023px){.md-only{display:block!important}.not-md{display:none!important}}@media (min-width:1024px){.lg-only{display:block!important}.not-lg{display:none!important}}:root{--brand-primary:#667eea;--brand-secondary:#764ba2;--brand-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--brand-light:#eef1ff;--brand-btn-text:#fff;--brand-card-shadow:0 2px 8px rgba(102,126,234,.15);--brand-header-height:180px}.brand-header{color:#fff!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important}.brand-btn{color:#fff!important;background:#667eea!important;border:none!important;border-radius:8px!important}.brand-btn-outline{color:#667eea!important;background:0 0!important;border:1px solid #667eea!important;border-radius:8px!important}.brand-stat-card{border-radius:12px!important;box-shadow:0 2px 8px rgba(102,126,234,.15)!important}.brand-tab-active{color:#667eea!important;border-bottom:2px solid #667eea!important}.brand-link{color:#667eea!important}