.main-header{position:fixed;top:0;left:0;right:0;z-index:99999;width:100%;box-sizing:border-box;background-color:#fff}.search-wrapper{display:flex;justify-content:center;margin:10px 10px 5px}.search-container{display:flex;justify-content:center;width:100%}.input-wrapper{position:relative;width:100%;max-width:400px}.input-wrapper input{width:98%;padding:10px 80px 10px 15px;border:1px solid #ccc;border-radius:25px;font-size:16px;outline:none;box-sizing:border-box}.clear-icon{position:absolute;right:50px;top:0%;transform:translateY(-50%);width:30px;height:30px;border:none;background:#f0f0f0;border-radius:50%;font-size:18px;cursor:pointer;color:#666;padding:0;display:flex;justify-content:center;align-items:center}.search-icon{position:absolute;right:10px;top:0%;transform:translateY(-50%);width:30px;height:30px;border:none;background:#525252;color:#fff;border-radius:50%;cursor:pointer;padding:0;display:flex;justify-content:center;align-items:center}.styled-suggestion-list{position:absolute;top:50px;left:50%;transform:translate(-50%);width:50%;min-width:400px;background-color:#fff;box-shadow:0 4px 8px #00000026;list-style:none;padding:0;margin:0;z-index:9999}.styled-suggestion-list li{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #eee}.styled-suggestion-list li:hover{background-color:#f9f9f9}.suggestion-icon{margin-right:10px;color:#333;font-size:18px}.suggestion-text{font-size:12px;color:#000}button{width:100%;margin-top:20px;padding:12px 20px;font-size:16px;border:none;background-color:#ff5722;color:#fff;border-radius:6px;cursor:pointer}button:disabled{background-color:#ccc;cursor:not-allowed}.main-footer.rn-footer{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;align-items:center;height:60px;background:#fff;border-top:1px solid #ccc;box-shadow:0 -1px 5px #0000000f;z-index:100}.footer-item{flex:1;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#333;transition:all .25s ease;border-radius:10px;position:relative;margin-bottom:10px;text-decoration:none}.footer-icon{font-size:22px;line-height:1;border-radius:50%;transition:all .25s ease;background-color:transparent}.footer-label{font-size:11px;line-height:1;text-decoration:none;border-bottom:none;font-weight:600}.footer-item:hover .footer-icon{color:#ff466b;text-decoration:none}.footer-item.active{color:#ff466b;border-bottom:none;text-decoration:none}.footer-item.active .footer-icon{color:#ff466b;transform:scale(1.1);text-decoration:none}.footer-item:after{content:none!important;text-decoration:none}.footer-item:focus-visible{outline:none;text-decoration:none}.cart-icon-container{position:relative}.cart-count-badge{position:absolute;top:-4px;right:-10px;background:#ff466b;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:50%}@media (max-width:480px){.main-footer.rn-footer{height:62px}.footer-icon{font-size:20px}.footer-label{font-size:12px;text-decoration:none}}:root{--eg-pink:#ff2c55;--text:#111827;--muted:#6b7280;--chip:#f4f5f7}.top-slide-category{position:relative;display:flex;align-items:center;gap:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:10px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 8px 18px #0000000f;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.top-slide-category::-webkit-scrollbar{display:none}.top-slide-category:before,.top-slide-category:after{content:"";position:absolute;top:0;bottom:0;width:18px;pointer-events:none;z-index:0}.top-slide-category:before{left:0;background:linear-gradient(90deg,#fff,#fff0)}.top-slide-category:after{right:0;background:linear-gradient(270deg,#fff,#fff0)}.category-item{flex:0 0 auto;scroll-snap-align:start;position:relative;z-index:1;text-decoration:none;padding:8px 14px;border-radius:999px;background:var(--chip);color:#111827d9;font-size:13px;font-weight:800;letter-spacing:.2px;-webkit-user-select:none;user-select:none;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease,border-color .16s ease,color .16s ease}@media (hover:hover){.category-item:hover{transform:translateY(-1px);background:#eeeeef;border-color:#0000001a;box-shadow:0 10px 18px #0000001a;color:#111827f2;text-decoration:none}}.category-item.active{background:var(--eg-pink);color:#fff;border-color:#ff2c558c;box-shadow:0 14px 22px #ff2c5538;text-decoration:none}.category-item:focus-visible{outline:2px solid rgba(255,44,85,.35);outline-offset:2px;text-decoration:none}.category-skeleton-chip{flex:0 0 auto;height:34px;min-width:68px;border-radius:999px;position:relative;overflow:hidden;background:linear-gradient(90deg,#f1f2f4,#e7e9ee,#f8f9fb,#e7e9ee 60%,#f1f2f4);background-size:300% 100%;animation:categoryShimmer 1.3s ease-in-out infinite;border:1px solid rgba(0,0,0,.04);box-shadow:0 4px 10px #0000000a}.category-skeleton-chip:nth-child(1){width:62px}.category-skeleton-chip:nth-child(2){width:92px}.category-skeleton-chip:nth-child(3){width:78px}.category-skeleton-chip:nth-child(4){width:110px}.category-skeleton-chip:nth-child(5){width:85px}.category-skeleton-chip:nth-child(6){width:95px}.category-skeleton-chip:nth-child(7){width:72px}@keyframes categoryShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width: 480px){.top-slide-category{gap:8px;padding:9px 8px}.category-item{font-size:12px}.category-skeleton-chip{height:32px}}html,body{height:100%;margin:0;padding:0}.initial-page-loader{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:10px;background:#f9f9f9;color:#444;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.initial-page-loader__spinner{width:28px;height:28px;border:3px solid #dedede;border-top-color:#222;border-radius:50%;animation:initial-page-loader-spin .75s linear infinite}.initial-page-loader__label{font-size:14px}@keyframes initial-page-loader-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.initial-page-loader__spinner{animation:none}}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.main-content{flex:1;padding:50px 2px 72px;background-color:#f9f9f9;overflow-y:auto}.main-content-without-product-page{flex:1;padding:0 2px 72px;background-color:#f9f9f9;overflow-y:auto}.main-footer{display:flex;justify-content:space-around;align-items:center;height:60px;background-color:#fff;border-top:1px solid #ccc;position:sticky;bottom:0;width:100%;z-index:100;box-shadow:0 -1px 4px #0000000d}.main-footer div{text-align:center;font-size:12px;color:#333;display:flex;flex-direction:column;align-items:center}.main-footer svg{font-size:22px;margin-bottom:4px;color:#555}@media (max-width: 600px){.main-footer{height:56px}}.campaign-modal-layer{display:contents}.campaign-modal-layer--fallback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;display:grid;place-items:center;background:#0f172a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.campaign-modal{position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid #e2e8f0;border-radius:26px;background:#fff;color:#0f172a;box-shadow:0 30px 100px #0004;font-family:inherit}.campaign-modal::backdrop{background:#0f172a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.campaign-modal[open]{animation:campaign-enter .24s ease-out}.campaign-modal__content{position:relative;padding:42px 30px 28px;text-align:center;background:radial-gradient(ellipse at top,#eaf0f980,transparent 65%)}.campaign-modal__close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:36px;height:36px;margin:0;padding:0;border:1px solid #e2e8f0;border-radius:50%;background:#ffffffb3;color:#64748b;cursor:pointer;font-size:19px}.campaign-modal__logo{display:block;width:112px;height:112px;object-fit:contain;margin:0 auto 18px;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 8px 24px #0f172a0a}.campaign-modal p{margin:0;color:#64748b;font-size:15px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}.campaign-modal__actions{display:grid;grid-template-columns:60px minmax(0,1fr);gap:10px;margin-top:24px;align-items:stretch}.campaign-modal .campaign-modal__install,.campaign-modal .campaign-modal__ok{box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;min-height:44px;margin:0;padding:10px 16px;border:1px solid transparent;border-radius:12px;font:inherit;font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap;word-break:normal;overflow-wrap:normal;text-decoration:none;cursor:pointer}.campaign-modal .campaign-modal__install{background:#0f172a;color:#fff}.campaign-modal__install span{white-space:nowrap}.campaign-modal__install svg{flex-shrink:0}.campaign-modal .campaign-modal__install:hover{background:#1e293b}.campaign-modal .campaign-modal__ok{padding-inline:8px;border-color:#e2e8f0;background:#fff;color:#334155}.campaign-modal .campaign-modal__ok:hover,.campaign-modal__close:hover{background:#f1f5f9}.campaign-modal :focus-visible{outline:3px solid #64748b;outline-offset:3px}@keyframes campaign-enter{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.campaign-modal[open]{animation:none}}@media (max-width: 360px){.campaign-modal__content{padding:42px 20px 24px}}
