.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: .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: .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,.08);padding: 10px 0}.admin-btn{color: #fff;text-decoration: none;background: rgba(255,255,255,.1);padding: 8px 14px;border-radius: 10px;transition: .2s ease;display: inline-flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 500}.admin-btn:hover{background: rgba(255,255,255,.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: .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 .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:.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,.04);transition:box-shadow .2s ease, transform .2s ease;height:100%;display:flex;flex-direction:column}.ty2-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.10);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:.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,.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;aspect-ratio:244/255;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}}