.color-options{display: flex;gap: 10px;flex-wrap: wrap}.color-item{cursor: pointer;text-align: center}.color-item input{display: none}.color-box{width: 40px;height: 40px;border: 2px solid #ccc;display: inline-block}.color-item input:checked .color-box{border: 2px solid black}.color-item input:disabled .color-box{opacity: 0.3}.text-orange{color: #f3943a}.product-order-img{width: 64px}.announcement-bar{position: relative;width: 100%;color: #fff;overflow: hidden;height: 46px;display: flex;align-items: center}.announcement-wrapper{flex: 1;overflow: hidden}.announcement-marquee{display: flex;align-items: center;width: max-content;animation: marquee 18s linear infinite;will-change: transform}.announcement-marquee span{white-space: nowrap;padding-right: 80px;font-size: 15px;font-weight: 500;letter-spacing: 0.3px;font-family: "Segoe UI", sans-serif}.announcement-bar:hover .announcement-marquee{animation-play-state: paused}@keyframes marquee{from{transform: translate3d(0, 0, 0)}to{transform: translate3d(-33.333%, 0, 0)}}.close-btn{flex-shrink: 0;margin-right: 10px;width: 28px;height: 28px;border: none;border-radius: 50%;background: rgba(255, 255, 255, 0.08);color: rgba(255, 255, 255, 0.7);cursor: pointer;transition: 0.2s ease;display: flex;align-items: center;justify-content: center}.close-btn:hover{background: rgba(255, 255, 255, 0.16);color: #fff}@media (max-width: 768px){.announcement-bar{height: 42px}.announcement-marquee{animation-duration: 12s}.announcement-marquee span{font-size: 13px;padding-right: 50px}.close-btn{width: 24px;height: 24px;margin-right: 8px;font-size: 12px}}.admin-banner{background: #1f2937;border-bottom: 1px solid rgba(255, 255, 255, 0.08);padding: 10px 0}.admin-btn{color: #fff;text-decoration: none;background: rgba(255, 255, 255, 0.1);padding: 8px 14px;border-radius: 10px;transition: 0.2s ease;display: inline-flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 500}.admin-btn:hover{background: rgba(255, 255, 255, 0.1);color: #fff}.order-icon{width: 38px;height: 38px;border-radius: 10px;background: #2563eb;display: flex;align-items: center;justify-content: center;color: #fff;text-decoration: none;transition: 0.2s}.order-icon:hover{background: #1d4ed8;color: #fff}.question-btn{background: #10b981}.question-btn:hover{background: #059669 !important}.offcanvas-body{flex-grow: 1;padding: 10px}.my-bottom-bar{position: fixed;bottom: 0;left: 0;width: 100%;background: #ffffff;box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.06), 0 -1px 0 rgba(0, 0, 0, 0.05);border-top: 1px solid rgba(0, 0, 0, 0.06);padding: 8px 20px calc(10px env(safe-area-inset-bottom));z-index: 2000;display: none}.my-bottom-nav-container{max-width: 500px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between}.my-nav-item{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;text-decoration: none;background: transparent;border: none;transition: all 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);cursor: pointer;padding: 6px 4px 4px;border-radius: 14px;color: #8e9aaf;font-weight: 500;gap: 4px}.my-nav-item i{font-size: 20px;transition: transform 0.2s ease, color 0.2s ease}.my-nav-item span{font-size: 0.68rem;font-weight: 600;letter-spacing: 0.2px}.my-nav-item.active{color: #f97316;background: #1f293714}.my-nav-item.active i{transform: translateY(-1px)}.my-icon-wrapper{position: relative;display: inline-flex;align-items: center;justify-content: center}.my-badge-count{position: absolute;top: -8px;right: -13px;background: #ef4444;color: white;font-size: 0.65rem;font-weight: 700;padding: 1px 6px;min-width: 17px;height: 17px;border-radius: 30px;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 6px rgba(239, 68, 68, 0.3);font-family: inherit}.my-nav-item:active{transform: scale(0.94)}@media (max-width: 768px){.my-bottom-bar{display: block}body{padding-bottom: 63px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.my-bottom-bar{padding-bottom: calc(12px env(safe-area-inset-bottom))}}.custom-search-input{height: 48px;border-radius: 999px;border: 1px solid #333;color: #fff;padding-left: 45px}.search-icon{position: absolute;left: 18px;top: 50%;transform: translateY(-50%);color: #aaa}.search-overlay{position: fixed;inset: 0;background: #fff;z-index: 99999;opacity: 0;visibility: hidden;transition: 0.25s ease;display: flex;flex-direction: column}.search-overlay.active{opacity: 1;visibility: visible}.search-header{padding: 15px;border-bottom: 1px solid #eee;display: flex;align-items: center;gap: 12px;position: sticky;top: 0;background: #fff;z-index: 20}.search-box{flex: 1;position: relative}.search-box i{position: absolute;left: 16px;top: 50%;transform: translateY(-50%);color: #999}.search-box input{width: 100%;height: 48px;border: none;outline: none;background: #f5f5f5;border-radius: 999px;padding: 0 20px 0 45px;font-size: 16px;color: #7d7d7d}.close-search{border: none;background: none;color: #222934;font-weight: 500;font-size: 16px}.search-content{flex: 1;overflow-y: auto;padding: 20px 15px 120px}.search-section{margin-bottom: 35px}.section-title{font-size: 14px;font-weight: 700;margin-bottom: 15px}.search-tags{display: flex;flex-wrap: wrap;gap: 10px}.search-tag{padding: 10px 16px;border-radius: 999px;background: #f7f7f7;text-decoration: none;color: #222;font-size: 14px}.product-scroll{display: flex;gap: 14px;overflow-x: auto;padding-bottom: 5px;scrollbar-width: none}.product-scroll::-webkit-scrollbar{display: none}.search-product-card{min-width: 160px;max-width: 160px;border: 1px solid #eee;border-radius: 18px;padding: 10px;text-decoration: none;color: #111;background: #fff}.search-product-card img{width: 100%;height: 150px;object-fit: cover;border-radius: 12px}.product-title{font-size: 14px;margin-top: 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 42px}.product-price{color: #222934;font-size: 18px;font-weight: 700;margin-top: 8px}.see-all{text-decoration: none;color: #ff6600;font-weight: 600}.ty2-card{background: #fff;border-radius: 5px;overflow: hidden;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);transition: box-shadow 0.2s ease, transform 0.2s ease;height: 100%;display: flex;flex-direction: column}.ty2-card:hover{box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);transform: translateY(-2px)}.ty2-media{position: relative;aspect-ratio: 244/255;background: #f6f7f8}.ty2-media__link{display: block;width: 100%;height: 100%}.ty2-media__img{width: 100%;height: 100%;object-fit: cover;display: block}.ty2-badge{position: absolute;top: 17px;left: 10px;z-index: 2;display: inline-flex;align-items: center;gap: 4px;background: linear-gradient(135deg, #7b2ff7, #f107a3);color: #fff;font-size: 9px;font-weight: 700;letter-spacing: 0.2px;padding: 5px 9px;border-radius: 20px;line-height: 1}.ty2-badge__icon{font-size: 10px}.ty2-fav{position: absolute;top: 10px;right: 10px;z-index: 2;width: 32px;height: 32px;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.18);text-decoration: none}.ty2-body{padding: 10px 12px 12px;display: flex;flex-direction: column;gap: 6px;flex: 1}.ty2-title{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: 13px;font-weight: 500;color: #1a1a1a;line-height: 1.35;min-height: 35px;text-decoration: none}.ty2-title:hover{color: #f27a1a}.ty2-rating{display: flex;align-items: center;gap: 6px}.ty2-rating__stars{font-size: 11px;color: #ffb800;display: flex;gap: 1px}.ty2-rating__count{font-size: 11px;color: #8b8f94}.ty2-price{display: flex;align-items: baseline;gap: 8px;margin-top: 2px}.ty2-price__old{font-size: 11px;color: #9a9d a1;color: #9a9da1;text-decoration: line-through}.ty2-price__new{font-size: 16px;font-weight: 700;color: #f27a1a}.ty2-foot{margin-top: auto}.ty2-pill{display: inline-flex;align-items: center;gap: 4px;font-size: 11px;font-weight: 500;padding: 4px 8px;border-radius: 20px}.ty2-pill--viewer{background: #fff4e5;color: #f27a1a}.ty2-stock--ok{background: #e8f7ee;color: #1fa855}.ty2-stock--warn{background: #fff4e5;color: #e08e00}.ty2-stock--danger{background: #fdecec;color: #e0322f}.ty2-stock--off{background: #f2f2f2;color: #8b8f94}.ty2-fav--form{border: none;padding: 0;cursor: pointer}.ty2-fav__btn{width: 100%;height: 100%;border: none;background: transparent;display: flex;align-items: center;justify-content: center;cursor: pointer;color: #e0322f}@media (max-width: 576px){.ty2-price{flex-direction: column;align-items: flex-start;gap: 2px}.ty2-price__old{font-size: 10.5px}.ty2-price__new{font-size: 15px}}.ty3-card{background: #fff;border-radius: 5px;overflow: hidden;height: 100%;display: flex;flex-direction: column}.ty3-media{position: relative;background: #f6f7f8}.ty3-media__link{display: block;width: 100%;height: 100%}.ty3-media__img{width: 100%;height: 100%;object-fit: cover;display: block}.ty3-badge{position: absolute;top: 10px;left: 10px;z-index: 2;background: #fff;color: #1a1a1a;font-size: 11px;font-weight: 500;padding: 4px 10px;border-radius: 4px;border-left: 3px solid #e0322f;line-height: 1.3}.ty3-fav{position: absolute;top: 8px;right: 8px;z-index: 2;width: 30px;height: 30px;border-radius: 50%;background: #fff;border: 1px solid #ececec;display: flex;align-items: center;justify-content: center;text-decoration: none}.ty3-body{padding: 12px 14px 14px;display: flex;flex-direction: column;gap: 6px;flex: 1}.ty3-title{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: 13px;font-weight: 400;color: #1a1a1a;line-height: 1.4;min-height: 36px;text-decoration: none}.ty3-title:hover{color: #1a1a1a;text-decoration: none}.ty3-rating{display: flex;align-items: center;gap: 5px}.ty3-rating__star{font-size: 12px;color: #e08e00}.ty3-rating__value{font-size: 12px;font-weight: 500;color: #1a1a1a}.ty3-rating__count{font-size: 12px;color: #8b8f94}.ty3-price{display: flex;align-items: baseline;gap: 8px;flex-wrap: wrap}.ty3-price__old{font-size: 12px;color: #a0a3a8;text-decoration: line-through}.ty3-price__new{font-size: 17px;font-weight: 500;color: #1a1a1a}.ty3-foot{margin-top: auto;border-top: 1px solid #ececec;padding-top: 8px}.ty3-status{display: inline-flex;align-items: center;gap: 4px;font-size: 11px;font-weight: 500}.ty3-status i{font-size: 13px}.ty3-status--viewer{color: #0d6efd}.ty3-status--ok{color: #1fa855}.ty3-status--warn{color: #e08e00}.ty3-status--danger{color: #e0322f}.ty3-status--off{color: #8b8f94}@media (max-width: 576px){.ty3-price{flex-direction: column;align-items: flex-start;gap: 2px}}