.sticky-header{position:sticky;top:60px;z-index:40;background:#fefbebf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 0;margin-bottom:8px;border-bottom:1px solid #e5e7eb}.sticky-header-high{position:sticky;top:60px;z-index:45;background:#fefbebf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 0;margin-bottom:8px;border-bottom:1px solid #e5e7eb}.header-content{display:flex;align-items:center;gap:8px;padding:0 16px}.back-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:none;border:none;cursor:pointer;padding:2px 6px;text-decoration:none;color:#1a1a2e;font-size:1.15rem;font-weight:600;line-height:1;min-width:28px;min-height:28px;border-radius:6px;transition:background-color .2s}.back-button:hover{background:#1a1a2e14}.back-button:active{background:#1a1a2e1f}.header-title-row{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.header-title-row h1{margin-bottom:0}.header-content-between{justify-content:space-between;flex-wrap:wrap}.back-button-small{background:none;border:none;cursor:pointer;padding:4px 8px;color:#111;font-size:.9rem}.back-link{background:none;border:none;cursor:pointer;padding:4px;text-decoration:none;color:#111;font-size:1.5rem;font-weight:700;line-height:1}.card-centered{max-width:900px;margin:0 auto}.card-wide{max-width:1200px;margin:0 auto}.card-narrow{max-width:520px;margin:0 auto}.card-centered-text{text-align:center}.card-success{border-color:#34d399;background:#ecfdf5;color:#065f46}.card-error{border-color:#fca5a5;background:#fef2f2;color:#991b1b}.card-full-width{grid-column:1 / -1}.card-pink{border:1px solid #fce4ec}.card-modal{max-width:700px;width:100%;background:#fff;margin:auto;max-height:90vh;overflow-y:auto}.card-modal-small{max-width:500px;width:90%;background:#fff}.btn-gray{background:#f3f4f6;border:1px solid #e5e7eb;color:#111;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.875rem}.btn-gray:hover{background:#e5e7eb}.btn-red{background:#dc2626;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;border:none;font-size:.875rem}.btn-red:hover{background:#b91c1c}.btn-green{background:#16a34a;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;border:none;font-size:.875rem}.btn-green:hover{background:#15803d}.btn-blue{background:#2563eb;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;border:none;font-size:.875rem}.btn-blue:hover{background:#1d4ed8}.btn-small{padding:4px 8px;font-size:.75rem}.btn-large{padding:12px 24px;font-size:1rem}.btn-full{width:100%}.btn-outline{background:transparent;border:1px solid #e5e7eb;color:#111;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.875rem}.btn-outline:hover{background:#f3f4f6}.input-full{width:100%}.input-small{padding:6px 12px;font-size:.75rem}.input-large{padding:12px 16px;font-size:1rem}.textarea{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;resize:vertical;min-height:80px}.select{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer}.checkbox,.radio{width:18px;height:18px;cursor:pointer}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-weight:500;font-size:.875rem}.form-grid{display:grid;gap:12px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.grid-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.grid-gap-small{gap:8px}.grid-gap-medium{gap:16px}.grid-gap-large{gap:24px}.grid-custom-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-custom-3{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.flex-start{display:flex;justify-content:flex-start;align-items:center}.flex-end{display:flex;justify-content:flex-end;align-items:center}.flex-gap-small{gap:8px}.flex-gap-medium{gap:12px}.flex-gap-large{gap:16px}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-shrink{flex-shrink:0}.flex-grow{flex-grow:1}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}@media(max-width:640px){.container{padding:12px 16px}body{font-size:.75rem}h1{font-size:1rem!important}h2{font-size:.875rem!important}h3{font-size:.8rem!important}p,span,div,a{font-size:.75rem!important}.sticky-header,.sticky-header-high{padding:8px 0;margin-bottom:6px}.header-content{padding:0 12px;gap:6px}.back-button{font-size:1rem;min-width:26px;min-height:26px;padding:2px 4px}.header-title-row{gap:6px}.back-button-small{font-size:.75rem;padding:2px 6px}.back-link{font-size:1rem;padding:2px}.header-content form input[type=search]{font-size:.75rem!important;padding:8px 32px 8px 12px!important}.header-content form button{width:24px!important;height:24px!important}.header-content form button svg{width:16px!important;height:16px!important}.shop-header input,.shop-header button{font-size:.75rem!important;padding:8px 12px!important}header{padding:2px 12px!important;margin-bottom:2px!important}header .text-lg{font-size:.875rem!important}header .nav-link{font-size:.75rem!important;padding:2px 6px!important}header .btn{font-size:.75rem!important;padding:6px 10px!important}header button{padding:4px!important;width:28px!important;height:28px!important}header button svg{width:18px!important;height:18px!important}#mobileMenu nav{width:100%;flex-direction:column;align-items:stretch;gap:8px}#mobileMenu nav a,#mobileMenu nav .nav-link{width:100%;justify-content:flex-start;padding:12px 16px;font-size:.95rem}#mobileMenu nav form button{width:100%;text-align:left;padding:12px 16px;font-size:.95rem}.cart-float{width:50px;height:50px;font-size:1.3rem;bottom:16px;right:16px}.unread-help-badge{bottom:16px;right:16px;left:16px;text-align:center;padding:12px 16px;font-size:.85rem}#productGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:12px!important}.product-card h2,.product-card h3{font-size:.9rem!important}.product-card p{font-size:.85rem!important}form[method=GET][action*="shop.index"]{flex-direction:column;width:100%}form[method=GET][action*="shop.index"] input,form[method=GET][action*="shop.index"] select{width:100%!important}form[method=GET][action*="shop.index"] button{width:100%}div[style*="flex-wrap:wrap"][style*="gap:6px"]{gap:8px}.card>div[style*="grid-template-columns: 1.1fr 0.9fr"],.card>div[style*="grid-template-columns: 1.2fr 0.8fr"]{grid-template-columns:1fr!important;gap:16px!important}button[onclick*=changeSlide]{width:32px!important;height:32px!important;font-size:1rem!important}button[onclick*=changeSlide][id=prevBtn]{left:8px!important}button[onclick*=changeSlide][id=nextBtn]{right:8px!important}#thumbnailStrip div[style*="width:80px"]{width:60px!important;height:60px!important}div[style*="display:flex"][style*="align-items:center"]{flex-wrap:wrap}div[style*="display:flex"][style*="align-items:center"]>div:first-child{width:60px!important;height:60px!important}div[style*="display:flex"][style*="align-items:center"][style*="gap:12px"][style*="padding:12px 16px"]{flex-wrap:wrap}div[style*="display:flex"][style*="align-items:center"][style*="gap:12px"][style*="padding:12px 16px"]>div:first-child{width:48px!important;height:48px!important}div[style*="display:flex"][style*="gap:10px"][style*="flex-wrap:wrap"]{width:100%;justify-content:flex-start}form[method=GET][action*="admin.products.index"]{flex-direction:column}form[method=GET][action*="admin.products.index"]>div{width:100%!important;min-width:100%!important}table{font-size:.8rem}th,td{padding:8px 10px!important}.card[style*="max-width:500px"]{width:95%!important;padding:20px 16px!important}p[style*="font-size:1.7rem"],p[id=productPrice],h1{font-size:1.3rem!important}h2{font-size:1.1rem!important}h3{font-size:1rem!important}div[style*="justify-content:space-between"][style*="align-items:center"][style*="flex-wrap:wrap"]{flex-direction:column;align-items:stretch!important;text-align:center}div[style*="justify-content:space-between"][style*="align-items:center"][style*="flex-wrap:wrap"]>div:last-child{width:100%;flex-direction:column}div[style*="justify-content:space-between"][style*="align-items:center"][style*="flex-wrap:wrap"]>div:last-child a,div[style*="justify-content:space-between"][style*="align-items:center"][style*="flex-wrap:wrap"]>div:last-child button{width:100%}button[class*=color-pill]{padding:6px 14px!important;font-size:.85rem!important}.grid-3{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:12px!important}div[style*="display:flex"][style*="justify-content:space-between"][style*="align-items:center"][style*="gap:8px"][style*="flex-wrap:wrap"]{flex-direction:column;align-items:flex-start!important}div[style*="overflow-x:auto"]{margin:0 -16px;padding:0 16px}div[style*="margin-top:6px"] p{font-size:1rem!important}}@media(min-width:641px)and (max-width:1024px){.container{padding:14px 20px}#productGrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:16px!important}.card>div[style*="grid-template-columns: 1.1fr 0.9fr"]{grid-template-columns:1fr!important;gap:20px!important}div[style*="display:flex"][style*="align-items:center"][style*="gap:14px"][style*="padding:14px"]{gap:12px}div[style*="display:flex"][style*="align-items:center"][style*="gap:12px"][style*="padding:12px 16px"]{gap:10px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}}@media(min-width:1025px)and (max-width:1280px){.container{max-width:1000px}#productGrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}}@media(min-width:1536px){.container{max-width:1400px}#productGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}}@media(max-width:640px)and (orientation:landscape){.container{padding:10px 16px}.unread-help-badge{position:fixed;bottom:10px;right:10px;left:auto;width:auto}}@media(max-width:360px){.container{padding:10px 12px}#productGrid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.product-card h2,.product-card h3{font-size:.85rem!important}button[class*=color-pill]{padding:5px 12px!important;font-size:.8rem!important}.btn{padding:8px 16px;font-size:.85rem}}img{max-width:100%;height:auto}body{overflow-x:hidden;min-width:320px}@media(max-width:640px){a,button,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}input[type=checkbox],input[type=radio]{min-height:18px;min-width:18px}button,.btn,a.btn{padding:12px 20px}input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],select,textarea{font-size:16px;padding:14px 16px}}@media print{.cart-float,.unread-help-badge,nav,button{display:none!important}body{background:#fff;color:#000}.card{border:1px solid #ccc;box-shadow:none}}