html,body{background:#f5f7fb;width:100%;margin:0;padding:0}#root{width:100%;min-height:100vh}.container{width:80%;max-width:80%;margin:0 auto;padding:24px 40px}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#111827;--secondary:#6b7280;--bg:#f5f7fb;--card:#fff;--border:#e5e7eb;--success:#16a34a;--danger:#dc2626;--shadow:0 10px 30px #0000000f;--radius:18px}html{scroll-behavior:smooth}body{color:var(--primary);background:linear-gradient(#f9fafb,#eef2ff);min-height:100vh;margin:0;font-family:Inter,Arial,sans-serif}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100vw;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:16px;width:380px;max-width:90%;padding:25px;animation:.25s pop;position:relative;box-shadow:0 20px 60px #00000040}.modal-close-btn{cursor:pointer;background:#f3f3f3;border:none;border-radius:50%;width:32px;height:32px;font-size:16px;transition:all .2s;position:absolute;top:10px;right:12px}.modal-close-btn:hover{color:#fff;background:#e11d48}.modal-card h2{text-align:center;color:#111;margin-bottom:18px;font-size:22px}.modal-card input{border:1px solid #ddd;border-radius:10px;outline:none;width:100%;margin-bottom:12px;padding:12px;font-size:14px;transition:all .2s}.modal-card input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;width:100%;margin-top:5px;padding:12px;font-weight:600;transition:all .2s}.primary-btn:hover{opacity:.95;transform:translateY(-1px)}.switch{text-align:center;color:#555;cursor:pointer;margin-top:12px;font-size:13px}.switch:hover{color:#111}.forgot-link{text-align:right;color:#6366f1;cursor:pointer;margin:-5px 0 10px;font-size:12px}.forgot-link:hover{text-decoration:underline}.success-msg{color:green;text-align:center;margin-bottom:10px;font-size:13px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.desktop-header{z-index:1000;background:#ffe005;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.desktop-header .container{box-sizing:border-box;align-items:center;gap:15px;width:100%;margin:0 auto;padding:10px 15px;display:flex}.logo{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.logo img{object-fit:contain;width:auto;height:42px;display:block}.logo-text{flex-direction:column;line-height:1.1;display:flex}.logo-text p{color:#777;letter-spacing:.3px;margin:0;font-size:11px;font-weight:500}.desktop-header .search-box{background:#fff;border:1px solid #e6e6e6;border-radius:30px;flex:1;align-items:center;max-width:650px;height:46px;margin:0 auto;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000a}.desktop-header .search-box:hover{border-color:#cfd8dc;box-shadow:0 4px 12px #0000000f}.desktop-header .search-box:focus-within{border-color:#2874f0;box-shadow:0 0 0 3px #2874f026}.desktop-header .search-box input{color:#333;background:0 0;border:none;outline:none;flex:1;height:100%;padding:0 16px;font-size:14px}.desktop-header .search-box input::placeholder{color:#999}.desktop-header .search-box button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2874f0,#1f65d6);border:none;height:100%;padding:0 20px;font-weight:600;transition:all .2s}.desktop-header .search-box button:hover{filter:brightness(1.05)}.desktop-header .search-box button:active{transform:scale(.96)}.desktop-header .nav-icons{align-items:center;gap:10px;display:flex}.currency-select{color:#111827;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:78px;height:38px;padding:0 34px 0 12px;font-size:14px;font-weight:500}.desktop-header .currency-select{border:1px solid #ddd;border-radius:8px;padding:8px 10px}.desktop-header .icon{cursor:pointer;background:#f1f3f6;border-radius:50%;padding:10px}.desktop-header .categories-wrapper{background:#fff;border-top:1px solid #eee;position:relative}.desktop-header .categories-scroll{scrollbar-width:none;overflow-x:auto}.desktop-header .categories-scroll::-webkit-scrollbar{display:none}.desktop-header .categories{gap:20px;width:max-content;padding:10px 50px;display:flex}.desktop-header .category{cursor:pointer;white-space:nowrap;background-color:gold;border-radius:10px;padding:2px 14px;font-size:14px}.desktop-header .cat-arrow{z-index:10;cursor:pointer;background:#fff;border:none;border-radius:50%;width:34px;height:34px;position:absolute;box-shadow:0 2px 10px #00000026}.desktop-header .cat-arrow.left{top:5px;left:5px}.desktop-header .cat-arrow.right{top:5px;right:5px}.desktop-header .mega-dropdown{z-index:99999;background:#fff;border-radius:10px;gap:30px;padding:20px;display:flex;position:absolute;top:100%;left:20px;box-shadow:0 10px 30px #00000026}.desktop-header .mega-col{min-width:180px}.desktop-header .mega-title{margin-bottom:10px;font-weight:700}.desktop-header .mega-item{cursor:pointer;padding:6px 0}.desktop-header .mega-item:hover{color:#27ae60}.mobile-header{z-index:1000;background:#ffe005;border-bottom:1px solid #eee;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;position:fixed;top:0;overflow:visible}.mobile-header .mobile-row-1{justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.mobile-header .logo{white-space:nowrap;font-size:18px;font-weight:700}.logo-text h1{margin:0;font-size:20px;font-weight:700}.logo-dark{color:#111}.logo-orange{color:#fe5d01}.mobile-header .nav-icons{align-items:center;gap:10px;display:flex}.mobile-header .icon{cursor:pointer;background:#f1f3f6;border-radius:50%;padding:8px;font-size:18px;transition:all .2s}.mobile-header .icon:active{transform:scale(.95)}.mobile-header .currency-select{background:#fff;border:1px solid #ddd;border-radius:6px;padding:4px 6px;font-size:12px}.mobile-header .mobile-row-2{align-items:center;gap:10px;padding:0 12px 10px;display:flex}.mobile-category-select{position:relative}.mobile-header .mobile-category{flex:.4}.mobile-header .mobile-category-select button{text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;width:100%;padding:10px;font-size:13px;overflow:hidden}.mobile-header .mobile-category-select button:after{content:"▾";color:#000;margin-left:5px;font-size:12px}.mobile-header .search-box{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex:1;align-items:center;height:42px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000a}.mobile-header .search-box input{color:#222;background:0 0;border:none;outline:none;flex:1;height:100%;padding:0 12px;font-size:13px}.mobile-header .search-box input::placeholder{color:#999}.mobile-header .search-box button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2874f0,#1f65d6);border:none;justify-content:center;align-items:center;width:46px;height:100%;font-size:16px;transition:all .2s;display:flex}.mobile-header .search-box button:active{transform:scale(.96)}.mobile-dropdown{z-index:9999;background:#fff;border:1px solid #eee;border-radius:10px;max-height:60vh;padding:10px;position:fixed;top:110px;left:12px;right:12px;overflow-y:auto;box-shadow:0 10px 30px #00000026}.mobile-dropdown details{border-bottom:1px solid #f1f1f1;padding:6px 0}.mobile-dropdown summary{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 8px;font-size:14px;font-weight:600;list-style:none;display:flex}.mobile-dropdown summary::-webkit-details-marker{display:none}.mobile-dropdown summary:after{content:"›";color:#888;font-size:18px;transition:all .2s}.mobile-dropdown details[open] summary:after{color:#2874f0;transform:rotate(90deg)}.mobile-dropdown details details{border:none;margin-left:10px}.mobile-dropdown div{cursor:pointer;color:#444;border-radius:8px;margin-left:18px;padding:10px 12px;font-size:13px;transition:all .2s}.mobile-dropdown div{cursor:pointer;border-radius:6px;padding:6px 10px;font-size:13px}.mobile-dropdown div:hover{color:#2874f0;background:#f5f5f5}@media (width>=769px){.mobile-header{display:none}}.footer{color:#e5e5e5;background:#111;margin-top:40px;padding:40px 20px 20px}.footer-container{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;max-width:1200px;margin:auto;display:grid}.footer-section h3,.footer-section h4{color:#e5e5e5;margin-bottom:12px;font-size:16px}.footer-section p{color:#b5b5b5;font-size:14px}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section ul li{margin:6px 0;font-size:14px}.footer-link{color:#b5b5b5;font-size:14px;text-decoration:none;transition:all .2s;display:inline-block}.footer-link:hover{color:#fff}.footer-bottom{text-align:center;color:#b5b5b5;border-top:1px solid #2a2a2a;margin-top:30px;padding-top:15px;font-size:13px}.home{color:#111;background:#f6f7fb;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}@media (width<=768px){.hero{text-align:center;flex-direction:column}.hero-image{order:-1;max-width:100vw}.hero-image img{width:100%;max-width:100vw}}@media (width<=480px){.hero-image img{max-width:100vw}}.hero-actions button{color:#fff;cursor:pointer;background:#ff6a00;border:none;border-radius:10px;padding:12px 28px;font-size:16px;transition:all .2s}.hero-actions button:hover{background:#ff7a1a;transform:translateY(-2px)}.section{max-width:80vw;margin:40px auto;padding:0 16px}.section h2{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:22px;font-weight:700}.section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.view-all-btn{color:#007bff;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:500}.view-all-btn:hover{text-decoration:underline}.features{grid-template-columns:repeat(4,1fr);gap:15px;max-width:1200px;margin:50px auto;padding:0 16px;display:grid}.feature{text-align:center;background:#fff;border-radius:12px;padding:18px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #0000000f}.feature:hover{transform:translateY(-3px)}@media (width<=700px){.features{grid-template-columns:repeat(2,1fr)}}.newsletter{color:#fff;text-align:center;background:linear-gradient(135deg,#111827,#1f2937);margin-top:60px;padding:60px 20px}.newsletter h2{margin-bottom:10px;font-size:26px}.newsletter p{opacity:.8}.newsletter-form{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.newsletter-form input{border:none;border-radius:8px;outline:none;width:260px;padding:12px}.newsletter-form button{color:#fff;cursor:pointer;background:#ff6a00;border:none;border-radius:8px;padding:12px 20px;transition:all .2s}.newsletter-form button:hover{background:#ff7a1a}.related-loading{text-align:center;color:#666;padding:30px;font-size:14px}.loader-container{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:220px;padding:40px 20px;display:flex}.loader-logo-wrapper{justify-content:center;align-items:center;width:84px;height:84px;display:flex;position:relative}.loader-logo{z-index:2;object-fit:contain;width:52px;height:52px;animation:1.4s ease-in-out infinite logoPulse;position:relative}.loader-ring{border:3px solid #e5e7eb;border-top-color:#111827;border-radius:50%;width:64px;height:64px;padding:5px;animation:.8s linear infinite spinner;position:absolute}.loader-text{color:#6b7280;letter-spacing:.2px;margin-top:18px;font-size:14px;font-weight:500}@keyframes spinner{to{transform:rotate(360deg)}}@keyframes logoPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}body{background:#f5f5f5;margin:0;font-family:Arial,sans-serif}.page{padding:20px}.top-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.top-bar input,.top-bar select{border:1px solid #ddd;border-radius:6px;flex:1;min-width:140px;padding:10px}.top-bar button,.filter-btn{color:#fff;cursor:pointer;background:#2874f0;border:none;border-radius:6px;padding:10px 15px}.layout{align-items:flex-start;gap:20px;display:flex}.sidebar{background:#fff;border-radius:10px;width:270px;height:fit-content;padding:15px;position:sticky;top:130px;box-shadow:0 2px 10px #0000000d}.sidebar-section{margin-bottom:20px}.sidebar-section h4{color:#111;margin-bottom:10px;font-size:14px}.sort-wrapper{flex-direction:column;gap:8px;min-width:220px;display:flex}.sort-label{color:#6b7280;letter-spacing:.3px;font-size:13px;font-weight:600}.sort-select-box{position:relative}.sort-select{color:#111827;cursor:pointer;appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:14px;outline:none;width:100%;height:48px;padding:0 46px 0 16px;font-size:15px;font-weight:500;transition:border-color .2s,box-shadow .2s,transform .15s}.sort-select:hover{border-color:#cbd5e1}.sort-select:focus{border-color:#111827;box-shadow:0 0 0 4px #11182714}.sort-arrow{pointer-events:none;color:#6b7280;font-size:12px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}@media (width<=768px){.sort-wrapper{width:100%}}.filters{background:#fff;border-radius:8px;width:250px;height:fit-content;padding:15px}.filters label{color:#333;margin-top:10px;font-size:12px;font-weight:600;display:block}.filters input,.filters select{border:1px solid #ddd;border-radius:6px;outline:none;width:100%;margin-top:5px;padding:9px;transition:all .2s}.filters input:focus,.filters select:focus{border-color:#2874f0}.apply-btn{color:#fff;cursor:pointer;background:#fb641b;border:none;border-radius:6px;width:100%;margin-top:15px;padding:10px;font-weight:600}.apply-btn:hover{opacity:.9}.close-btn{display:none}.filter-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin:14px 0 20px;padding-bottom:12px;display:flex}.filter-header h3{color:#111;letter-spacing:.3px;margin:0;font-size:22px;font-weight:700}.clear-btn{cursor:pointer;color:#444;background:#f5f5f5;border:none;border-radius:999px;outline:none;margin-top:10px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .25s}.clear-filters-btn:hover{color:#fff;background:#111;transform:translateY(-1px)}.clear-filters-btn:active{transform:scale(.96)}.filters label{margin-top:10px;font-size:13px;display:block}.filters input,.filters select{border:1px solid #ddd;border-radius:4px;width:100%;margin-top:5px;padding:8px}.apply-btn{color:#fff;cursor:pointer;background:#fb641b;border:none;border-radius:6px;width:100%;margin-top:15px;padding:10px}.products{flex:1;width:100%}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:stretch;gap:18px;display:grid}.card{cursor:pointer;background:#fff;border:1px solid #edf0f5;border-radius:18px;flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:#dbe4ff;transform:translateY(-4px);box-shadow:0 10px 30px #00000014}.card img{aspect-ratio:1;object-fit:cover;background:#f8fafc;width:100%;transition:transform .3s}.card{color:inherit;text-decoration:none;display:block}.card:hover,.card:focus,.card:active,.card:visited{color:inherit;text-decoration:none}.card:hover img{transform:scale(1.03)}.card-content{flex-direction:column;flex:1;padding:14px;display:flex}.card h3{color:#111827;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:42px;margin:0 0 10px;font-size:14px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.card .price{color:#e53935;letter-spacing:-.3px;margin-top:auto;font-size:20px;font-weight:700}.card .meta{color:#6b7280;margin-top:4px;font-size:12px}.card-badge{color:#fff;z-index:2;background:#111827;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:600;position:absolute;top:10px;left:10px}@media (width<=768px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{border-radius:14px}.card-content{padding:10px}.card h3{min-height:38px;font-size:13px}.card .price{font-size:17px}}@media (width<=480px){.grid{gap:10px}.card h3{font-size:12px}.card .price{font-size:16px}}.filter-btn{display:none}@media (width<=900px){.layout{flex-direction:column}.top-bar{flex-flow:wrap;gap:8px}.top-bar input,.top-bar select{flex:48%}.filter-btn{display:inline-block}.sidebar{display:none}.filters.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.close-btn{color:#fff;cursor:pointer;background:#ff4d4f;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex;position:absolute;top:10px;right:10px}.grid{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1440px){.grid{grid-template-columns:repeat(5,1fr)}}#mobileSort{display:none}@media (width<=768px){#mobileSort{display:block}#desktopSort{width:80%}}.mobile-action-bar{display:none}.mobile-modal{z-index:999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:10px;width:90%;max-width:400px;padding:15px;position:relative}.close-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:50%;width:32px;height:32px;position:absolute;top:10px;right:10px}@media (width<=900px){.sidebar{display:none}.mobile-action-bar{justify-content:space-between;gap:10px;padding:10px;display:flex}.mobile-action-bar button{color:#fff;background:#2874f0;border:none;border-radius:6px;flex:1;padding:10px;font-weight:600}}.products-loader{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px 0;display:flex}.loader{border:4px solid #e5e5e5;border-top-color:#111;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.imageBox{width:100%}.mainImageContainer{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:100%;height:420px;display:flex;position:relative;overflow:hidden}.mainImageContainer img,.mainImageContainer video{object-fit:contain;max-width:100%;max-height:100%;display:block}.galleryArrow{color:#fff;cursor:pointer;z-index:2;background:#0006;border:none;border-radius:50%;width:38px;height:38px;font-size:18px;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.galleryArrow:hover{background:#0009}.left{left:10px}.right{right:10px}.thumbnailWrapper{align-items:center;gap:6px;margin-top:10px;display:flex}.thumbnailRow{scroll-behavior:smooth;gap:8px;padding:4px;display:flex;overflow-x:auto}.thumbnailRow::-webkit-scrollbar{display:none}.thumb{cursor:pointer;box-sizing:border-box;background:#f5f5f5;border:2px solid #0000;border-radius:6px;flex:none;justify-content:center;align-items:center;width:76px;height:76px;display:flex;overflow:hidden}.active{border-color:#111}.thumb img,.thumb video{object-fit:cover;width:100%;height:100%;display:block}.videoThumb{color:#fff;background:#000;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;display:flex}.thumbArrow{cursor:pointer;background:#0000001a;border:none;border-radius:4px;flex:none;width:30px;height:76px}.thumbArrow:hover{background:#0003}.star-wrapper{line-height:1;display:inline-flex;position:relative}.star-empty{color:#dcdcdc}.star-filled{white-space:nowrap;color:#f5a623;position:absolute;top:0;left:0;overflow:hidden}.product-rating-summary{cursor:pointer;background:#fff;border:1px solid #ececec;border-radius:999px;align-items:center;gap:10px;width:fit-content;max-width:max-content;margin-top:8px;padding:8px 14px;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:0 2px 10px #0000000a}.product-rating-summary:hover{border-color:#ddd;transform:translateY(-1px);box-shadow:0 8px 20px #0000000f}.product-rating-summary .stars,.product-rating-summary div{align-items:center;gap:2px;display:flex}.product-rating-score{color:#111;letter-spacing:-.2px;font-size:14px;font-weight:700}.product-rating-count{color:#777;white-space:nowrap;font-size:13px;font-weight:500}.product-rating-summary span{line-height:1}@media (width<=768px){.product-rating-summary{gap:8px;padding:7px 12px}.product-rating-score{font-size:13px}.product-rating-count{font-size:12px}}.reviews-wrapper{margin-top:32px}.reviews-summary-card{background:#fff;border:1px solid #ececec;border-radius:20px;margin-bottom:24px;padding:24px;box-shadow:0 4px 18px #0000000a}.reviews-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.write-review-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#111827,#1f2937);border:none;border-radius:12px;outline:none;padding:10px 16px;font-size:14px;font-weight:600;transition:transform .2s,opacity .2s,box-shadow .2s;box-shadow:0 8px 20px #0000001f}.write-review-btn:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 12px 24px #00000029}.write-review-btn:active{transform:scale(.98)}.review-notice{color:#4b5563;background:#d7e7f7;border:1px solid #e5e7eb;border-radius:12px;margin-top:14px;padding:12px 14px;font-size:14px;line-height:1.5}.reviews-title{color:#111;margin-bottom:18px;font-size:24px;font-weight:700}.review-stars{align-items:center;gap:3px;display:flex}.review-star{color:#d8d8d8;font-size:18px;transition:all .2s}.review-star.filled{color:#ffb400}.reviews-breakdown{flex-direction:column;gap:12px;margin-top:24px;display:flex}.breakdown-row{grid-template-columns:40px 1fr 45px;align-items:center;gap:12px;display:grid}.breakdown-label{color:#444;font-size:14px;font-weight:600}.breakdown-bar{background:#f1f1f1;border-radius:999px;width:100%;height:10px;overflow:hidden}.breakdown-fill{background:linear-gradient(90deg,#ffb400,#ff8a00);border-radius:999px;height:100%;transition:width .4s}.breakdown-percent{color:#777;text-align:right;font-size:13px}.review-card{background:#fff;border:1px solid #ececec;border-radius:18px;margin-bottom:16px;padding:18px 20px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 10px #00000008}.review-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000000f}.verified-badge{color:#047857;letter-spacing:.2px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:6px;width:fit-content;margin-top:10px;padding:5px 10px;font-size:11px;font-weight:700;display:flex}.verified-badge svg{flex-shrink:0}.review-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.review-user{color:#111;font-size:15px;font-weight:700}.review-country{color:#666;background:#fafafa;border:1px solid #eee;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:flex}.review-flag{object-fit:cover;border-radius:2px;width:18px;height:12px}.review-comment{color:#333;text-align:left;margin-top:10px;font-size:15px;line-height:1.7}.review-date{color:#999;margin-top:14px;font-size:12px}.reviews-footer{justify-content:center;margin-top:24px;display:flex}.reviews-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#111,#2b2b2b);border:none;border-radius:14px;outline:none;padding:14px 24px;font-size:14px;font-weight:600;transition:transform .2s,opacity .2s,box-shadow .2s;box-shadow:0 8px 20px #00000026}.reviews-btn:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 12px 28px #0003}.reviews-btn:active{transform:scale(.98)}.reviews-loading,.reviews-empty{text-align:center;color:#777;padding:32px 20px;font-size:15px}@media (width<=768px){.reviews-summary-card{padding:20px}.reviews-title{font-size:20px}.review-card{padding:16px}.review-header{flex-direction:column;align-items:flex-start}.breakdown-row{grid-template-columns:36px 1fr 40px;gap:8px}.reviews-btn{width:100%}}.product-page{box-sizing:border-box;background:#f5f7fb;width:100%;max-width:1400px;min-height:100vh;margin:0 auto;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif}.top-section{background:#fff;border-radius:20px;grid-template-columns:58% 42%;gap:28px;padding:24px;display:grid;box-shadow:0 4px 20px #0000000d}.image-box{flex-direction:column;gap:14px;display:flex}.main-image-container{background:#fff;border:1px solid #edf0f5;border-radius:18px;justify-content:center;align-items:center;width:100%;height:560px;display:flex;position:relative;overflow:hidden}.main-image-container img{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:20px}.gallery-arrow{cursor:pointer;z-index:10;background:#fffffff2;border:none;border-radius:50%;width:42px;height:42px;font-size:18px;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0000001f}.gallery-arrow:hover{transform:translateY(-50%)scale(1.06)}.gallery-arrow.left{left:14px}.gallery-arrow.right{right:14px}.thumbnail-wrapper{align-items:center;display:flex;position:relative}.thumbnail-row{scroll-behavior:smooth;scrollbar-width:none;flex:1;gap:12px;padding:4px 44px;display:flex;overflow-x:auto}.thumbnail-row::-webkit-scrollbar{display:none}.thumb{object-fit:cover;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:14px;flex-shrink:0;width:76px;height:76px;transition:all .2s}.thumb:hover{border-color:#2874f0}.thumb.active{border-color:#2874f0;box-shadow:0 0 0 3px #2874f026}.thumb-arrow{cursor:pointer;z-index:20;background:#fff;border:none;border-radius:50%;width:34px;height:34px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #0000001f}.thumb-arrow.left{left:0}.thumb-arrow.right{right:0}.product-info{flex-direction:column;gap:18px;display:flex}.title{text-align:left;color:#111;font-size:30px;font-weight:700;line-height:1.45}.price-box{align-items:center;gap:12px;display:flex}.price{color:#2874f0;font-size:34px;font-weight:700}.qty-box button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:12px;width:42px;height:42px;font-size:18px;transition:all .2s}.qty-box button:hover{border-color:#2874f0}.qty-box input{text-align:center;border:1px solid #ddd;border-radius:12px;width:70px;height:42px;font-size:15px}.variant-section{width:100%}.variant-title{margin-bottom:12px;font-size:14px;font-weight:600}.variant-wrapper{align-items:center;gap:10px;width:100%;display:flex}.variant-box{scroll-behavior:smooth;scrollbar-width:none;flex:1;gap:12px;padding-bottom:6px;display:flex;overflow:auto hidden}.variant-box::-webkit-scrollbar{display:none}.variant-item{cursor:pointer;flex-shrink:0;min-width:90px}.variant-arrow{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;transition:all .2s;display:flex}.variant-arrow:hover{transform:scale(1.05)}.variant-box::-webkit-scrollbar-thumb{background:#d0d7e2;border-radius:20px}.variant-item{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-width:95px;padding:10px 8px;transition:all .2s;display:flex}.variant-item img{object-fit:cover;border-radius:10px;width:52px;height:52px}.variant-item span{color:#333;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:500;display:-webkit-box;overflow:hidden}.variant-item:hover{border-color:#2874f0;transform:translateY(-2px)}.variant-item.active{background:#f4f8ff;border-color:#2874f0;box-shadow:0 0 0 2px #2874f01f}.stock-warning{color:#b91c1c;text-align:left;background:#fff5f5;border:1px solid #fecaca;border-radius:10px;margin:10px 0;padding:10px 12px;font-size:13px}.stock-warning small{line-height:1.4;display:block}.shipping-section{background:#fafbfd;border:1px solid #edf0f5;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.ship-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.ship-row label{font-size:14px;font-weight:500}.ship-row select{background:#fff;border:1px solid #ddd;border-radius:10px;min-width:180px;height:40px;padding:0 12px}.shipping-cost{font-size:18px;font-weight:800}.shipping-message{text-align:left;background:#f5f7ff;border:1px solid #dbe4ff;border-radius:10px;margin-top:10px;padding:10px 12px}.shipping-message small{color:#334155;font-size:12px;line-height:1.5;display:block}.shipping-message b{color:#1e3a8a}.actions{gap:14px;margin-top:6px;padding:5px 10px;display:flex}.btn{cursor:pointer;border:none;border-radius:14px;flex:1;height:54px;font-size:16px;font-weight:700;transition:all .2s}.btn-cart{color:#fff;background:#ff9f00}.btn-buy{color:#fff;background:#2874f0}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.section{background:#fff;border-radius:20px;margin-top:24px;padding:24px;box-shadow:0 4px 16px #0000000a}.section h2{margin-bottom:18px;font-size:22px;font-weight:700}.section img{border-radius:12px;max-width:100%;height:auto;margin:16px auto;display:block}.related{margin-top:20px}.section{background:#fff;border:1px solid #eef2f7;border-radius:20px;margin-top:40px;padding:24px;box-shadow:0 4px 20px #0f172a0a}.section h2{color:#0f172a;text-align:center;margin:0 0 20px;font-size:24px;font-weight:700}.related .product-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.related .product-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0f172a14}@media (width<=768px){.section{border-radius:16px;margin-top:24px;padding:16px}.section h2{font-size:20px}}.loader{border:4px solid #e5e7eb;border-top-color:#2874f0;border-radius:50%;width:42px;height:42px;margin:0 auto;animation:.8s linear infinite spin}@media (width<=768px){html,body{overflow-x:hidden}*{box-sizing:border-box}.product-page{width:100%;max-width:100%;padding:10px;overflow-x:hidden}.top-section{border-radius:14px;flex-direction:column;gap:16px;width:100%;max-width:100%;padding:12px;display:flex;overflow:hidden}.product-info{gap:14px;width:100%;max-width:100%;overflow:hidden}.title{word-break:break-word;font-size:20px;line-height:1.5}.price{font-size:28px}.qty-box{width:100%}.qty-box button{flex-shrink:0;width:42px;height:42px}.qty-box input{width:70px;height:42px}.variant-section{width:100%}.variant-title{margin-bottom:10px;font-size:14px;font-weight:600}.variant-box{scroll-behavior:smooth;scrollbar-width:thin;gap:10px;padding-bottom:8px;display:flex;overflow:auto hidden}.variant-box::-webkit-scrollbar{height:6px}.variant-box::-webkit-scrollbar-thumb{background:#d0d7e2;border-radius:20px}.variant-item{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-width:95px;padding:10px 8px;transition:all .2s;display:flex}.variant-item img{object-fit:cover;border-radius:10px;width:52px;height:52px}.variant-item span{color:#333;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:500;display:-webkit-box;overflow:hidden}.variant-item:hover{border-color:#2874f0;transform:translateY(-2px)}.variant-item.active{background:#f4f8ff;border-color:#2874f0;box-shadow:0 0 0 2px #2874f01f}.shipping-section{width:100%;max-width:100%;overflow:hidden}.ship-row{flex-direction:column;align-items:flex-start;gap:6px}.ship-row select{width:100%;max-width:100%}.shipping-cost{word-break:break-word;line-height:1.5}.actions{flex-direction:column;width:100%}.btn{border-radius:12px;width:100%;height:52px;min-height:52px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;filter:grayscale(.3)}.section{border-radius:14px;width:100%;max-width:100%;margin-top:16px;padding:14px;overflow:hidden}.section h2{font-size:18px}.section img{max-width:100%;height:auto;display:block}.section table{width:100%;display:block;overflow-x:auto}.related{grid-template-columns:repeat(2,1fr);gap:10px;width:100%}}body{color:#1f2937;background:#f5f7fb;margin:0;font-family:Inter,Segoe UI,Roboto,sans-serif}.cart .container{max-width:80vw;margin:auto;padding:24px}h1{color:#111827;font-size:32px;font-weight:700}.cart-layout{grid-template-columns:2fr 1fr;align-items:start;gap:24px;display:grid}.cart-items{background:#fff;border:1px solid #eef0f4;border-radius:20px;padding:24px;box-shadow:0 6px 24px #0f172a0d}.item{border-bottom:1px solid #f1f3f6;gap:18px;padding:22px 0;display:flex}.item:last-child{border-bottom:none}.item img{object-fit:contain;background:#f9fafb;border:1px solid #edf0f3;border-radius:16px;flex-shrink:0;width:110px;height:110px;padding:10px}.item-details{flex-direction:column;flex:1;display:flex}.item-title{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:14px;font-size:17px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.top-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.item .price{color:#dc2626;font-size:24px;font-weight:700}.remove{color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.remove:hover{color:#dc2626}.qty-box{align-items:center;gap:10px;display:flex}.qty-box button{cursor:pointer;background:#f3f4f6;border:none;border-radius:12px;width:38px;height:38px;font-size:18px;font-weight:700;transition:all .2s}.qty-box button:hover{background:#e5e7eb}.qty-box input{text-align:center;background:#fff;border:1px solid #dbe1e8;border-radius:12px;outline:none;width:60px;height:38px;font-size:15px;font-weight:600}.summary{background:#fff;border:1px solid #eef0f4;border-radius:20px;padding:24px;box-shadow:0 6px 24px #0f172a0d}.summary h2{color:#111827;margin-bottom:20px;font-size:24px}.row{color:#374151;justify-content:space-between;margin-bottom:14px;font-size:15px;display:flex}.total{color:#111827;border-top:1px solid #eceff3;justify-content:space-between;margin-top:18px;padding-top:18px;font-size:22px;font-weight:700;display:flex}.shipping-box h3{margin-bottom:18px;font-size:18px}.ship-field select{background:#fff;border:1px solid #dbe1e8;border-radius:12px;outline:none;width:100%;height:46px;padding:0 14px;font-size:14px;transition:all .2s}.ship-field select:focus{border-color:#2563eb}.shipping-price-row{color:#111827;margin-top:14px;font-size:15px;font-weight:600}.checkout{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:14px;width:100%;height:52px;margin-top:24px;font-size:16px;font-weight:600;transition:all .25s}.checkout:hover{transform:translateY(-1px);box-shadow:0 10px 20px #2563eb40}@media (width<=768px){.container{padding:14px}h1{margin-bottom:18px;font-size:26px}.cart-layout{grid-template-columns:1fr;gap:18px}.cart-items,.summary{border-radius:16px;padding:18px}.item{gap:14px;padding:18px 0}.item img{border-radius:12px;width:82px;height:82px}.item-title{margin-bottom:10px;font-size:15px}.item .price{font-size:20px}.top-row{margin-bottom:12px}.qty-box button{border-radius:10px;width:34px;height:34px}.qty-box input{width:52px;height:34px}.summary{position:static}.total{font-size:20px}.checkout{border-radius:12px;height:48px}}.empty-cart{text-align:center;padding:60px 20px}.empty-cart h2{margin-bottom:10px;font-size:22px}.empty-cart p{color:#666;margin-bottom:20px}.shop-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:6px;padding:10px 18px}.shop-btn:hover{opacity:.85}.checkout .container{background:#f6f7fb;width:100%;margin:0 auto;padding:24px 16px;font-family:Inter,system-ui,-apple-system,sans-serif}.page-title{color:#111827;margin-bottom:18px;font-size:26px;font-weight:700}.checkout-layout{grid-template-columns:.4fr .6fr;align-items:start;gap:24px;display:grid}.checkout-left{flex-direction:column;gap:16px;display:flex}.checkout-right{flex-direction:column;display:flex}.step-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px;box-shadow:0 2px 6px #0000000a}.step-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.step-number{color:#fff;background:#111827;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.step-title{color:#111827;font-size:16px;font-weight:700}.checkout-form.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:22px;box-shadow:0 6px 18px #0000000a}.checkout-form h2{color:#111827;margin-bottom:16px;font-size:18px;font-weight:700}.checkout-form{flex-direction:column;gap:14px;display:flex}.checkout-form input,.checkout-form select,.checkout-form textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.checkout-form input:focus,.checkout-form select:focus,.checkout-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.checkout-form input::placeholder,.checkout-form textarea::placeholder{color:#9ca3af}.checkout-form textarea{resize:vertical;min-height:90px}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.checkout-form label{color:#374151;margin-bottom:4px;font-size:13px;font-weight:600}.checkout-form select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg,#0000 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}@media (width<=768px){.grid-2{grid-template-columns:1fr}.checkout-form.card{padding:16px}}.summary{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.summary-title{margin-bottom:12px;font-size:16px;font-weight:700}.summary-item{color:#374151;justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.summary-total{color:#111827;border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px;font-size:16px;font-weight:700}.grand-total{color:#111827;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;font-size:16px;font-weight:700;display:flex}.grand-total span:first-child{color:#374151;font-size:15px;font-weight:600}.grand-total span:last-child{color:#111827;font-size:18px;font-weight:800}.summary-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:15px;display:flex}.summary-row span:first-child{color:#666;font-weight:500}.summary-row span:last-child{color:#111;font-weight:600}.cart-item{border-bottom:1px solid #f3f4f6;gap:10px;padding:10px 0;display:flex}.cart-item img{object-fit:cover;border-radius:6px;width:48px;height:48px}.cart-item-title{color:#111827;font-size:13px;font-weight:600}.cart-item-meta{color:#6b7280;font-size:12px}.shipping-box{border-top:1px solid #e5e7eb;margin-top:14px;padding-top:14px}.ship-field{margin-bottom:12px}.ship-field label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.ship-field select{border:1px solid #d1d5db;border-radius:8px;width:100%;height:42px;padding:0 10px}.btn-primary{color:#111827;cursor:pointer;background:#ffd814;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-top:12px;padding:13px;font-size:15px;font-weight:700;display:flex}.btn-primary:hover{background:#f7ca00}.btn-primary:disabled{cursor:not-allowed;background:#e5e7eb}@media (width<=900px){.checkout-layout{grid-template-columns:1fr}.checkout-right{order:-1}}@media (width<=768px){.checkout-layout{flex-direction:column;gap:16px;display:flex}.checkout-right{order:-1}.checkout-left{flex-direction:column;gap:16px;width:100%;display:flex}.page-title{text-align:center;margin-bottom:14px;font-size:22px}.checkout .container{padding:14px 12px}.step-card,.summary,.checkout-form.card{border-radius:12px;padding:14px}.grid-2{grid-template-columns:1fr;gap:10px}.checkout-form input,.checkout-form select,.checkout-form textarea{padding:12px;font-size:15px}.btn-primary{z-index:999;border-radius:0;margin:0;padding:16px;font-size:16px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000026}.checkout .container{padding-bottom:80px}}.shipping-select{width:100%;position:relative}.shipping-trigger{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:12px 14px;transition:all .2s;display:flex}.shipping-trigger:after{content:"▾";color:#6b7280;margin-left:auto;font-size:20px}.shipping-trigger:hover{border-color:#9ca3af}.shipping-trigger .muted{color:#6b7280;font-size:12px}.shipping-trigger .placeholder{color:#9ca3af}.shipping-dropdown{z-index:99999;background:#fff;border:1px solid #e5e7eb;border-radius:12px;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px #00000014}.shipping-header{color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;grid-template-columns:1.5fr 1fr 1fr;padding:10px 12px;font-size:12px;font-weight:700;display:grid}.shipping-option-row{cursor:pointer;border-bottom:1px solid #f1f5f9;grid-template-columns:40px 1.5fr 1fr 1fr;align-items:center;padding:12px;font-size:13px;transition:all .2s;display:grid}.shipping-option-row:hover{background:#f9fafb}.shipping-option-row.active{background:#eef2ff}.shipping-option-row input[type=radio]{accent-color:#4f46e5;cursor:pointer;width:16px;height:16px}.ship-name{color:#111827;font-weight:600}.ship-days{color:#6b7280;text-align:center}.ship-price{text-align:right;color:#111827;font-weight:700}@media (width<=768px){.shipping-header,.shipping-row{grid-template-columns:1fr;gap:4px}.shipping-header{display:none}}.os-page{background:linear-gradient(135deg,#f8fafc,#eef2ff);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.os-bg-circle{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.os-bg-circle-1{background:#60a5fa;width:320px;height:320px;top:-100px;left:-100px}.os-bg-circle-2{background:#34d399;width:280px;height:280px;bottom:-100px;right:-100px}.os-card{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#ffffffbf;border:1px solid #fff6;border-radius:28px;width:100%;max-width:560px;padding:42px 32px;animation:.5s osFadeUp;position:relative;box-shadow:0 20px 60px #00000014}.os-success-icon{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 22px;font-size:42px;font-weight:700;display:flex;box-shadow:0 10px 30px #22c55e4d}.os-card h1{color:#111827;margin-bottom:12px;font-size:34px;font-weight:800}.os-subtitle{color:#6b7280;margin-bottom:30px;font-size:15px;line-height:1.7}.os-info-box{background:#fff;border:1px solid #f1f5f9;border-radius:20px;margin-bottom:24px;padding:22px}.os-info-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.os-info-row:last-child{border-bottom:none}.os-info-row span{color:#6b7280;font-size:15px}.os-info-row b{color:#111827;font-size:15px}.os-status{color:#16a34a;text-transform:capitalize}.os-price{font-weight:800;font-size:22px!important}.os-message{margin-bottom:30px}.os-message p{color:#4b5563;margin:8px 0;font-size:14px}.os-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.os-btn{cursor:pointer;border:none;border-radius:14px;padding:14px 22px;font-size:15px;font-weight:600;transition:all .25s}.os-btn-primary{color:#fff;background:linear-gradient(135deg,#111827,#000);box-shadow:0 10px 25px #00000026}.os-btn-primary:hover{transform:translateY(-2px)}.os-btn-secondary{color:#111827;background:#fff;border:1px solid #e5e7eb}.os-btn-secondary:hover{background:#f9fafb}@keyframes osFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.os-card{padding:32px 22px}.os-card h1{font-size:28px}.os-actions{flex-direction:column}.os-btn{width:100%}}.account-layout{background:#f5f7fb;min-height:100vh;font-family:Arial,sans-serif;display:flex}.account-sidebar{color:#fff;background:#111827;width:260px;padding:20px}.profile-box{align-items:center;gap:12px;margin-bottom:30px;display:flex}.avatar{background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-weight:700;display:flex}.menu{flex-direction:column;gap:10px;display:flex}.menu button{color:#ddd;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px}.menu button:hover{background:#ffffff1a}.menu .active{color:#fff;background:#6366f1}.menu .logout{color:#fff;background:#ef4444;margin-top:20px}.account-main{flex:1;padding:25px}#dashboard.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;display:grid}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 5px 15px #0000000d}.panel{background:#fff;border-radius:12px;padding:20px}.info-card{background:#f3f4f6;border-radius:8px;margin-top:10px;padding:12px}.empty{text-align:center;color:#888;padding:40px}.orders-list{flex-direction:column;gap:16px;display:flex}.order-card{background:#fff;border:1px solid #eee;border-radius:16px;padding:18px;transition:all .2s;box-shadow:0 6px 18px #0000000a}.order-card:hover{transform:translateY(-2px)}.order-top{justify-content:space-between;align-items:center;display:flex}.order-top h4{margin:0;font-size:16px}.order-top p{color:#777;font-size:12px}.status{text-transform:capitalize;border-radius:20px;padding:4px 10px;font-size:12px}.status.processing{color:#d48806;background:#fff7e6}.status.paid{color:#08979c;background:#e6fffb}.status.completed{color:#52c41a;background:#f6ffed}.order-middle{justify-content:space-between;margin:12px 0;font-size:14px;display:flex}.order-card button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:10px;width:100%;padding:10px}@media (width<=768px){.account-layout{flex-direction:column}.account-sidebar{width:100%}}.od-page{background:#f6f7fb;justify-content:center;min-height:100vh;padding:24px;display:flex}.od-container{width:100%;max-width:900px}.od-header{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:18px;display:flex}.od-header h2{margin:0}.od-header p{color:#777;margin:4px 0 0;font-size:13px}.od-status{text-transform:capitalize;background:#eee;border-radius:20px;padding:6px 12px;font-size:12px}.od-status.processing{color:#856404;background:#fff3cd}.od-status.paid{color:#0c5460;background:#d1ecf1}.od-status.completed{color:#155724;background:#d4edda}.od-card{background:#fff;border-radius:12px;margin-bottom:16px;padding:18px}.od-row{border-bottom:1px solid #eee;justify-content:space-between;padding:10px 0;display:flex}.od-row.total{border-top:2px solid #eee;border-bottom:none;font-size:18px;font-weight:700}.od-item{border-bottom:1px solid #eee;justify-content:space-between;padding:10px 0;display:flex}.od-actions{justify-content:flex-start;display:flex}.od-actions button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;padding:10px 16px}.contact-page{background:radial-gradient(circle at 100% 0,#fff7bf 0%,#0000 30%),radial-gradient(circle at 0 100%,#ffe98a 0%,#0000 25%),linear-gradient(to bottom right,#f8fafc,#fff);min-height:100vh;overflow:hidden}.contact-container,.contact-section{width:80%;max-width:1400px;margin:0 auto}.contact-card{-webkit-backdrop-filter:blur(18px);background:#ffffffbf;border:1px solid #ffffff80;border-radius:28px;transition:transform .35s,box-shadow .35s,border-color .35s;box-shadow:0 10px 30px #0000000d,inset 0 1px 1px #fff9}.contact-card:hover{border-color:#ffd70066;transform:translateY(-8px);box-shadow:0 20px 45px #00000014,0 0 0 1px #ffd7001a}.contact-icon{background:linear-gradient(135deg,#ffe600,#fc0);border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;transition:transform .3s,rotate .3s;display:flex;box-shadow:0 8px 18px #ffdd0059}.contact-card:hover .contact-icon{transform:scale(1.08)rotate(-6deg)}.contact-title{letter-spacing:-2px;color:#0f172a;font-size:clamp(38px,5vw,68px);font-weight:900;line-height:1.05}.contact-subtitle{color:#64748b;max-width:720px;margin-top:24px;font-size:18px;line-height:1.8}.contact-link{color:#ca8a04;align-items:center;gap:10px;margin-top:20px;font-weight:700;transition:color .25s,transform .25s;display:inline-flex}.contact-link:hover{color:#a16207;transform:translate(4px)}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;display:grid}.contact-hero{padding:100px 0 80px;position:relative}.support-box{background:linear-gradient(135deg,#facc15,#fde047,#fff7bf);border-radius:32px;padding:60px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000014}.support-box:before{content:"";filter:blur(40px);background:#fff6;border-radius:50%;width:420px;height:420px;position:absolute;top:-180px;right:-180px}@media (width<=768px){.contact-hero{padding:70px 0 50px}.contact-title{font-size:38px;line-height:1.15}.contact-subtitle{font-size:16px}.support-box{padding:28px}.contact-card{border-radius:24px;padding:24px}}.about-page{background:radial-gradient(circle at 100% 0,#fff7bf 0%,#0000 30%),radial-gradient(circle at 0 100%,#ffe98a 0%,#0000 25%),linear-gradient(to bottom right,#f8fafc,#fff);min-height:100vh;overflow:hidden}.about-container,.about-section{width:min(1400px,92%);margin:0 auto}.about-hero{padding:110px 0 80px;position:relative}.about-overlay{background:radial-gradient(circle at 100% 0,#ffffffb3,#0000 35%);position:absolute;inset:0}.about-badge{color:#854d0e;background:#fff7bf;border:1px solid #fde047;border-radius:999px;padding:8px 18px;font-weight:700;display:inline-flex}.about-title{letter-spacing:-3px;color:#0f172a;max-width:900px;margin-top:28px;font-size:clamp(42px,6vw,74px);font-weight:900;line-height:1.05}.about-subtitle{color:#64748b;max-width:760px;margin-top:26px;font-size:18px;line-height:1.9}.about-section{padding-bottom:90px}.about-grid{grid-template-columns:1.5fr 1fr;gap:30px;display:grid}.about-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #ffffffb3;border-radius:32px;padding:42px;box-shadow:0 10px 30px #0000000d}.about-card h2{color:#0f172a;margin-top:18px;font-size:38px;line-height:1.2}.about-card p{color:#64748b;margin-top:20px;line-height:1.9}.section-tag{color:#92400e;background:#fef3c7;border-radius:999px;padding:7px 16px;font-size:14px;font-weight:700;display:inline-flex}.stats{flex-direction:column;gap:20px;display:flex}.stat-box{background:linear-gradient(135deg,#fde047,#fff7bf);border-radius:24px;flex-direction:column;flex:1;justify-content:center;padding:30px;display:flex}.stat-box h3{color:#0f172a;font-size:44px;font-weight:900}.stat-box p{color:#475569;margin-top:10px}.feature-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.feature-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #ffffffb3;border-radius:28px;padding:36px;transition:transform .35s,box-shadow .35s}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.feature-icon{background:linear-gradient(135deg,#fde047,#facc15);border-radius:24px;justify-content:center;align-items:center;width:70px;height:70px;font-size:30px;display:flex}.feature-card h3{color:#0f172a;margin-top:24px;font-size:24px}.feature-card p{color:#64748b;margin-top:14px;line-height:1.8}.about-cta{background:linear-gradient(135deg,#facc15,#fde047,#fff7bf);border-radius:36px;padding:70px;position:relative;overflow:hidden}.about-cta:before{content:"";filter:blur(40px);background:#ffffff59;border-radius:50%;width:400px;height:400px;position:absolute;top:-180px;right:-100px}.cta-content{z-index:2;max-width:700px;position:relative}.cta-content h2{color:#0f172a;margin-top:24px;font-size:52px;line-height:1.1}.cta-content p{color:#334155;margin-top:24px;line-height:1.9}.about-btn{color:#fff;background:#0f172a;border-radius:18px;justify-content:center;align-items:center;height:58px;margin-top:34px;padding:0 34px;font-weight:700;text-decoration:none;transition:transform .3s,opacity .3s;display:inline-flex}.about-btn:hover{opacity:.92;transform:translateY(-3px)}@media (width<=992px){.about-grid,.feature-grid{grid-template-columns:1fr}.about-title{font-size:48px}.about-card h2,.cta-content h2{font-size:34px}.about-cta{padding:40px 28px}.feature-card,.about-card{padding:28px}}