@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{display:none}.App{margin:5px 0;text-align:center}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bottom-nav{background-color:#fff;border-top:1px solid #ddd;bottom:0;box-shadow:0 -2px 6px #0000001a;height:60px;left:0;position:fixed;right:0;z-index:1000}.bottom-nav ul{height:100%;justify-content:space-around;list-style:none;margin:0;padding:0}.bottom-nav ul,.nav-link{align-items:center;display:flex}.nav-link{color:#555;flex-direction:column;font-size:12px;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:tomato}.nav-link .icon{font-size:20px;margin-bottom:4px}.nav-link.active{color:tomato}.cart-count{background-color:tomato}.topNavBar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:0;box-shadow:0 2px 20px #0000000d;display:flex;font-weight:500;justify-content:space-between;padding:.2rem 1rem;position:relative;transition:all .3s ease;z-index:1}.topNavBar:hover{box-shadow:0 4px 30px #00000014}.left-side{gap:15px}.left-side,.logo-wrapper{align-items:center;display:flex}.logo-wrapper{border-radius:50px;cursor:pointer;padding:4px;position:relative;text-decoration:none;transition:all .3s ease}.logo-wrapper:hover{transform:scale(1.05)}.logo-wrapper:hover .logo-image{filter:drop-shadow(0 8px 25px rgba(255,99,71,.4));transform:rotate(-5deg) scale(1.05)}.logo-wrapper:active{transform:scale(.95)}.logo-image{animation:logoFloat 3s ease-in-out infinite;display:block;filter:drop-shadow(0 4px 12px rgba(255,99,71,.2));height:150px;object-fit:contain;transition:all .5s cubic-bezier(.34,1.56,.64,1);width:150px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.navbar-menu{cursor:pointer;display:flex;font-size:25px;gap:20px;list-style:none;margin:0;padding:0}.navbar-menu,.navbar-menu a{color:rgba(174,129,216,.411)}.navbar-menu a{padding:5px 0;position:relative;text-decoration:none;transition:all .3s ease}.navbar-menu a:hover{color:#4f46e5}.navbar-menu .active{border-bottom:2px solid #bfcc09;color:#4f46e5}.right-div{align-items:center;display:flex;gap:1.5rem}.cart-icon,.menu-icon,.profile-icon,.search-image{cursor:pointer;height:22px;object-fit:contain;transition:all .3s ease;width:22px}.cart-icon:hover,.menu-icon:hover,.profile-icon:hover,.search-image:hover{filter:drop-shadow(0 2px 8px rgba(79,70,229,.3));transform:scale(1.1) rotate(-5deg)}.cart-link{display:inline-block;position:relative;transition:all .3s ease}.cart-link:hover{transform:scale(1.05)}.cart-count{animation:cartBounce 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6347e3,#ff4757);border-radius:50%;color:#fff;font-size:8px;font-weight:700;height:18px;line-height:22px;position:absolute;right:-5px;text-align:center;top:5px;width:18px}@keyframes cartBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.profile-component{display:inline-block;position:relative}.dropdown-menu{animation:dropdownFade .3s ease;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:none;min-width:150px;padding:10px;position:absolute;right:0;top:50px;z-index:100}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-component:hover .dropdown-menu{display:block}.dropdown-menu p{border-radius:4px;color:#000;cursor:pointer;margin:0;padding:8px 12px;transition:all .3s ease}.dropdown-menu p:hover{background-color:#f0f0f0;color:#4f46e5;transform:translateX(5px)}.dropdown-menu hr{border:none;border-top:1px solid #eee;margin:5px 0}.bouton-toggle{background:none;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:28px;padding:5px;transition:all .3s ease}.bouton-toggle:hover{background:#ff63471a;color:tomato;transform:rotate(90deg)}.nav-link{-webkit-tap-highlight-color:transparent}.logo-wrapper{animation:logoAppear .8s cubic-bezier(.34,1.56,.64,1)}@keyframes logoAppear{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:1024px){.logo-image{height:130px;width:130px}}@media (max-width:768px){.cart-link,.navbar-menu,.profile-component{display:none}.logo-image{height:100px;width:100px}.logo-wrapper{padding:2px}.topNavBar{padding:.2rem .5rem}.right-div{gap:.8rem}.search-image{height:18px;width:18px}}@media (max-width:480px){.logo-image{height:75px;width:75px}.topNavBar{padding:.1rem .3rem}.left-side{gap:8px}.bouton-toggle{font-size:22px}.right-div{gap:.5rem}.cart-count,.search-image{height:16px;width:16px}.cart-count{font-size:7px;line-height:20px;right:-4px;top:4px}}@media (max-width:360px){.logo-image{height:60px;width:60px}.bouton-toggle{font-size:18px}.left-side{gap:5px}}@media (min-width:1440px){.logo-image{height:180px;width:180px}}.sidebar{animation:sidebarOpen .4s ease forwards;background:linear-gradient(180deg,#fff,#f5f5f5);box-shadow:2px 0 12px #00000026;height:100vh;left:0;padding:0;position:fixed;top:0;transform:translateX(-100%);width:260px;z-index:999}.sidebar-content{height:100%;overflow-y:auto;padding:130px 20px 20px}@keyframes sidebarOpen{to{transform:translateX(0)}}.category-menu{display:flex;flex-direction:column;gap:1rem}.category-block{border-bottom:1px solid #eee;padding-bottom:.5rem}.category-title{align-items:center;color:#222;cursor:pointer;display:flex;font-weight:700;justify-content:space-between;margin-bottom:.3rem;transition:color .3s ease}.category-title:hover{color:#f60}.subcategory-list{max-height:0;opacity:0;overflow:hidden;padding-left:30px;transform:translateY(-10px);transition:all .4s ease}.subcategory-list.open{max-height:300px;opacity:1;transform:translateY(0)}.subcategory-list a{border-bottom:1px solid #e0e0e0;color:#444;display:block;font-size:1.05rem;padding:10px 0;text-decoration:none;transition:all .3s ease}.subcategory-list a:last-child{border-bottom:none}.subcategory-list a:hover{color:#f60;padding-left:5px}.subcategory-list a.active{color:tomato;font-weight:700}.footer{background:#0a2a33;color:#cfd8dc;font-family:Roboto,sans-serif;padding:20px 8vw;text-align:left}.footer-container{grid-gap:60px;align-items:flex-start;display:grid;gap:60px;grid-template-columns:2fr 1fr 1fr}.footer-section{display:flex;flex-direction:column;gap:15px}.footer-section h2{color:#fff;font-size:18px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin:8px 0}.footer-section ul li a{color:#cfd8dc;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#fff}.logoName{color:tomato;font-family:Saira Stencil One,sans-serif;font-size:28px}.footer-socials{align-items:center;display:flex}.footer-socials a{align-items:center;color:#cfd8dc;display:inline-flex;font-size:24px;justify-content:center;margin-right:15px;transition:color .3s,transform .3s}.footer-socials a:hover{color:#fff;transform:scale(1.1)}.footer-socials a:last-child{margin-right:0}hr{background:#455a64;border:none;height:1px;margin:40px 0}.footer-copyright{color:#90a4ae;font-size:14px;text-align:center}@media (max-width:768px){.footer-container{gap:40px;grid-template-columns:1fr;text-align:center}.footer-section{align-items:center}.footer-socials a img{margin:0 10px}}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-cyrillic-ext-400-normal.31476620b88eec076438.woff2) format("woff2"),url(/static/media/roboto-cyrillic-ext-400-normal.321b38d23bba744ca0fd.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-cyrillic-400-normal.86d5c52f4588f9f221d7.woff2) format("woff2"),url(/static/media/roboto-cyrillic-400-normal.04775d6b2de959deebb8.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-greek-ext-400-normal.2d5875b032a1cca91eb2.woff2) format("woff2"),url(/static/media/roboto-greek-ext-400-normal.85384e1ce5cc0ef0c609.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-greek-400-normal.98a717d5a38e77c0f657.woff2) format("woff2"),url(/static/media/roboto-greek-400-normal.2f08145252e27538e659.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-math-400-normal.b60d9fba1e21da7497e6.woff2) format("woff2"),url(/static/media/roboto-math-400-normal.14e522c73b1cba795cb9.woff) format("woff");unicode-range:u+0302-0303,u+0305,u+0307-0308,u+0310,u+0312,u+0315,u+031a,u+0326-0327,u+032c,u+032f-0330,u+0332-0333,u+0338,u+033a,u+0346,u+034d,u+0391-03a1,u+03a3-03a9,u+03b1-03c9,u+03d1,u+03d5-03d6,u+03f0-03f1,u+03f4-03f5,u+2016-2017,u+2034-2038,u+203c,u+2040,u+2043,u+2047,u+2050,u+2057,u+205f,u+2070-2071,u+2074-208e,u+2090-209c,u+20d0-20dc,u+20e1,u+20e5-20ef,u+2100-2112,u+2114-2115,u+2117-2121,u+2123-214f,u+2190,u+2192,u+2194-21ae,u+21b0-21e5,u+21f1-21f2,u+21f4-2211,u+2213-2214,u+2216-22ff,u+2308-230b,u+2310,u+2319,u+231c-2321,u+2336-237a,u+237c,u+2395,u+239b-23b7,u+23d0,u+23dc-23e1,u+2474-2475,u+25af,u+25b3,u+25b7,u+25bd,u+25c1,u+25ca,u+25cc,u+25fb,u+266d-266f,u+27c0-27ff,u+2900-2aff,u+2b0e-2b11,u+2b30-2b4c,u+2bfe,u+3030,u+ff5b,u+ff5d,u+1d400-1d7ff,u+1ee??}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-symbols-400-normal.bb5b5d1459beb07bd3d5.woff2) format("woff2"),url(/static/media/roboto-symbols-400-normal.f8a68c83623eea3fc76a.woff) format("woff");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ad,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f7??,u+1f800-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fa89,u+1fa8f-1fac6,u+1face-1fadc,u+1fadf-1fae9,u+1faf0-1faf8,u+1fb??}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-vietnamese-400-normal.b1b8baa94fbcaa57d098.woff2) format("woff2"),url(/static/media/roboto-vietnamese-400-normal.0bfe7bd2087f81ea5ed4.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-latin-ext-400-normal.0f86a30ca7e981fcfc99.woff2) format("woff2"),url(/static/media/roboto-latin-ext-400-normal.4f3ddb9e14638e56a2dd.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/media/roboto-latin-400-normal.df1be0be92f6f19b8115.woff2) format("woff2"),url(/static/media/roboto-latin-400-normal.ea471dac4203763adb05.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Saira Stencil One;font-style:normal;font-weight:400;src:url(/static/media/saira-stencil-one-vietnamese-400-normal.af59f1211210280093d3.woff2) format("woff2"),url(/static/media/saira-stencil-one-vietnamese-400-normal.7e801093bfe4910b1460.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Saira Stencil One;font-style:normal;font-weight:400;src:url(/static/media/saira-stencil-one-latin-ext-400-normal.2b9afb1a3d4d3bb635a9.woff2) format("woff2"),url(/static/media/saira-stencil-one-latin-ext-400-normal.e1305dec4d089271f659.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Saira Stencil One;font-style:normal;font-weight:400;src:url(/static/media/saira-stencil-one-latin-400-normal.529866e5bec4d3628afb.woff2) format("woff2"),url(/static/media/saira-stencil-one-latin-400-normal.2716a659ee05e1078f6f.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.search-container{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;padding:1rem 0;text-align:center}.search-box{align-items:center;border:1px solid #9ca3af;border-radius:9999px;display:inline-flex;justify-content:center;margin:.2rem .75rem;max-width:400px;padding:1rem .5rem;width:75%}.search-input{background-color:inherit;border:none;flex:1 1;font-size:.875rem;outline:none;padding:0 .5rem}.search-icon{width:1rem}.close-icon{cursor:pointer;display:inline;margin-top:1rem;width:.75rem}.header-container{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:300px;overflow:hidden;position:relative;width:100%}.slides-container{display:flex;height:100%;transition:transform .8s ease-in-out}.slide{height:100%;min-width:100%;position:relative}.slide img{height:100%;object-fit:cover;object-position:center;width:100%}.chevron{background-color:#ffffffb3;border-radius:50%;box-shadow:0 1px 4px #0000001a;cursor:pointer;padding:6px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:10}.chevron:hover{background-color:#ffffffe6}.chev-left{left:15px}.chev-right{right:15px}.slide.active{animation:fadeIn .8s ease-in-out}.header-container{user-select:none;-webkit-user-select:none}.slides-container{overscroll-behavior-x:contain}.slide img{pointer-events:none}@media (max-width:768px){.header-container{height:400px}.chevron{height:20px;padding:4px;width:20px}}.title{display:inline-flex;font-size:1.1rem;gap:.5rem}.my-text{color:#6b7280}.latest-collections-container{margin:.3rem auto;max-width:14 0}.product-item{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:inherit;display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.image-wrapper{background:#f8f8f8;overflow:hidden;padding-top:100%;position:relative;width:100%}.image-wrapper img{height:100%;left:0;object-fit:cover;object-position:center;position:absolute;top:0;transition:transform .3s ease;width:100%}.new-badge{animation:badgePulse 1.3s ease-in-out infinite;background:linear-gradient(135deg,#ff2d53b9,#ff6a00);border-radius:25px;box-shadow:0 4px 12px #00000040;color:#fff;font-size:11px;font-weight:700;left:10px;letter-spacing:.8px;padding:6px 14px;position:absolute;text-transform:uppercase;top:10px;z-index:5}@keyframes badgePulse{0%{box-shadow:0 0 0 #ff2d5566;transform:scale(1)}50%{box-shadow:0 0 18px #ff2d55b3;transform:scale(1.15)}to{box-shadow:0 0 0 #ff2d5566;transform:scale(1)}}.product-info{display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:16px}.product-name{font-size:.9rem;margin:0 0 8px;text-overflow:ellipsis;white-space:nowrap}.product-price{font-size:.9rem;margin:0}.product-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.product-item:hover .image-wrapper img{transform:scale(1.05)}.best-seller-container{margin:2rem auto;max-width:1200px;padding:0 1rem}.home-page-container{margin:auto;max-width:1400px;padding:1rem}.latest-collections-container{margin:2rem 0;padding:0 1rem}.title-wrapper{align-items:center;display:flex;justify-content:space-between}.category-title{font-size:1.4rem;font-weight:600}.view-all-button{background-color:tomato;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.4rem 1rem;transition:background .3s}.view-all-button:hover{background-color:#e5533d}.products-container{grid-gap:.1rem;gap:.1rem}.about-container{align-items:center;background:linear-gradient(135deg,#f0f4ff,#e6f0ff);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.about-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;max-width:900px;overflow:hidden}.profile-image-container{background:#f8fafc;height:300px;justify-content:center;overflow:hidden;width:100%}.profile-image{border-radius:12px 12px 0 0;max-height:100%;max-width:100%;object-fit:contain}.about-content{padding:2rem}.about-subtitle{color:#4f46e5;font-size:.875rem;font-weight:600;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.about-title{color:#1e293b;font-size:2rem;font-weight:800;margin-bottom:1.5rem}.about-text{color:#475569;line-height:1.6;margin-bottom:2rem}.about-text p{margin-bottom:1rem}.skills-section h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.skills-container{display:flex;flex-wrap:wrap;gap:.5rem}.skill-badge{background:#e0e7ff;border-radius:9999px;color:#4f46e5;font-size:.875rem;font-weight:500;padding:.5rem 1rem}@media (min-width:768px){.about-card{flex-direction:row}.profile-image-container{flex-shrink:0;height:auto;width:300px}.profile-image{border-radius:12px 0 0 12px;height:100%;object-fit:cover;width:100%}}.collection{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.25rem;padding-top:2.5rem}@media (min-width:640px){.collection{flex-direction:row;gap:2.5rem}}.filter-wrapper{min-width:15rem}.filter-title{align-items:center;cursor:pointer;display:flex;font-size:1.25rem;gap:.5rem;margin:.5rem 0}.category-filter{border:1px solid #d1d5db;margin-top:1.5rem;padding:.75rem 0 .75rem 1.25rem}.category-title{font-size:.875rem;font-weight:500;margin-bottom:.75rem}.category-options{color:#6b7280;display:flex;flex-direction:column;font-size:.875rem;font-weight:300;gap:.3rem}.category-options p{align-items:center;display:flex;gap:.5rem}.checkbox{height:1rem;width:1rem}.hidden{display:none}.dropdown-icon{cursor:pointer;display:none;height:1.5rem;transition:transform .3s ease}@media (max-width:639px){.dropdown-icon{display:inline-block}}.rotated{transform:rotate(90deg)}.right-side{display:flex;flex:1 1;flex-direction:column;padding:1rem}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.header h1{color:#333;font-size:2rem;font-weight:700}.sort-select{background-color:#fff;border:2px solid #e5e7eb;cursor:pointer;font-size:.875rem;padding:.25rem .5rem}.sort-select:focus{border-color:#2563eb;outline:none}.products-container{grid-gap:1rem;gap:1rem;margin-top:1rem}.product-image-container{align-items:center;aspect-ratio:1/1;background:#f8f8f8;display:flex;justify-content:center;padding:.5rem;position:relative;width:100%}.product-image-container img{max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease}.product-info{padding:.75rem;text-align:center}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#555;display:-webkit-box;font-size:.875rem;line-height:1.4;margin-bottom:.5rem;min-height:2.5rem;overflow:hidden}.product-price{color:#222;font-size:.875rem;font-weight:600}.product-item-wrapper:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.product-item-wrapper:hover img{transform:scale(1.03)}@media (min-width:640px){.products-container{gap:1.2rem}}@media (min-width:768px){.products-container{grid-template-columns:repeat(3,1fr)}.product-image-container{padding:1rem}}@media (min-width:1024px){.products-container{gap:1.5rem;grid-template-columns:repeat(4,1fr)}}.product-container{animation:fadeIn .6s ease-in;border-top:0 solid #eee;margin:auto;max-width:1200px;padding:.2rem 0}.product-main{display:flex;flex-direction:column;gap:2rem}@media (min-width:768px){.product-main{flex-direction:row;gap:3rem}}.product-images{display:flex;flex-direction:column-reverse;gap:.5rem;margin-bottom:0;width:100%}.thumbnails{display:flex;gap:.5rem;overflow-x:auto}.thumbnail{border:2px solid #0000;border-radius:.5rem;cursor:pointer;height:60px;object-fit:cover;transition:border .3s;width:60px}.active-thumbnail{border-color:#f60}.main-image-container{overflow:hidden;position:relative;touch-action:pan-y;width:100%}.image-track{display:flex;height:100%;transition:transform .3s cubic-bezier(.25,.46,.45,.94);width:100%}.image-track.swiping{transition:none}.image-slide{min-width:100%;position:relative}.main-image{-webkit-user-drag:none;animation:smoothAppear .3s ease-out;height:auto;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%}.main-image,.main-image.active{display:block}@keyframes smoothAppear{0%{opacity:.8;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.image-nav-dots{bottom:20px;display:flex;gap:8px;justify-content:center;left:0;position:absolute;right:0;z-index:10}.nav-dot{background-color:#ffffff80;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.nav-dot.active-dot{background-color:#f60;transform:scale(1.3)}.product-details{background-color:#fff;border-radius:1rem;box-shadow:0 10px 30px #00000014;color:#333;display:flex;flex:1 1;flex-direction:column;gap:1.25rem;padding:1.5rem 2rem 2rem;text-align:left;transition:all .3s ease}.product-name2{color:#1a1a1a;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin:0}.product-price{color:#ff4c00;font-size:1.3rem;font-weight:700;letter-spacing:.01em}.product-price span{background:#ff4c0014;border-radius:6px;display:inline-block;padding:.3rem .8rem}.product-descriptionn{color:#666;font-size:.97rem;font-weight:400;line-height:1.65}.product-sizes p{color:#555;font-size:.9rem;font-weight:700;letter-spacing:.05em;margin-bottom:.6rem;text-transform:uppercase}.size-options{display:flex;flex-wrap:wrap;gap:.6rem}.size-button{background-color:#f5f5f5;border:2px solid #ddd;border-radius:.5rem;color:#444;cursor:pointer;font-size:.9rem;font-weight:600;padding:.55rem 1.1rem;transition:all .2s ease-in-out}.size-button:hover{background-color:#ececec;border-color:#bbb}.active-size{background-color:#f60;border-color:#f60;color:#fff}.action-buttons{align-items:stretch;display:flex;flex-direction:row;gap:.75rem;margin-top:.5rem}.add-to-cart{align-items:center;background-color:#ff6347d9;border:none;border-radius:.65rem;color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:.75rem;font-weight:700;gap:0;justify-content:center;letter-spacing:.02em;padding:.75rem .25rem;transition:background .25s ease,transform .15s ease;white-space:nowrap}.add-to-cart:hover{background-color:tomato;transform:translateY(-1px)}.add-to-cart:active{transform:translateY(0)}.add-to-cart:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.whatsapp-button{align-items:center;animation:whatsappColorShift 4s ease infinite;background:linear-gradient(135deg,#25d366,#128c7e,#25d366,#34b853,#1ebe5d);background-size:300% 300%;border-radius:.65rem;color:#fff;cursor:pointer;display:inline-flex;flex:1.65 1;font-family:Nunito,sans-serif;font-size:.15rem;font-weight:700;gap:.2rem;justify-content:center;letter-spacing:.01em;overflow:hidden;padding:.75rem .93rem;position:relative;text-decoration:none;transition:transform .15s ease,box-shadow .25s ease;white-space:nowrap}@keyframes whatsappColorShift{0%{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:50% 0}75%{background-position:0 100%}to{background-position:0 50%}}.whatsapp-button:before{animation:whatsappShimmer 3.5s ease infinite;background:#ffffff26;content:"";height:200%;left:-75%;pointer-events:none;position:absolute;top:-50%;transform:skewX(-20deg);width:50%}@keyframes whatsappShimmer{0%{left:-75%}60%{left:130%}to{left:130%}}.whatsapp-button:hover{box-shadow:0 6px 18px #25d36673;transform:translateY(-2px)}.whatsapp-button:active{box-shadow:none;transform:translateY(0)}.whatsapp-icon{flex-shrink:0;height:20px;width:20px}.whatsapp-label{font-size:.9rem;font-weight:700}.favorite-icon{align-items:center;background-color:#ffffff0d;border:none;border-radius:50%;bottom:15px;box-shadow:0 2px 8px #0003;color:#ffffff61;cursor:pointer;display:flex;font-size:1.4rem;justify-content:center;padding:.7rem;position:absolute;right:15px;transition:transform .2s ease,background .2s ease,color .2s ease}.favorite-icon:hover{background:#ffeaea1c;transform:scale(.9)}.favorite-icon.favorited{color:red}@media (max-width:480px){.product-name2{font-size:1.4rem}.action-buttons{flex-direction:row}.add-to-cart,.whatsapp-button{justify-content:center;width:100%}.whatsapp-label{font-size:.88rem}}.related-section{background-color:#fff;border-top:1px solid #eee;padding:2rem 1rem}.related-title{margin-bottom:1.5rem;text-align:center}.related-scroll-container{-webkit-overflow-scrolling:touch;display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.related-product-card{flex-shrink:0;max-width:190px;min-width:190px;scroll-snap-align:start}.product-item-image{border-radius:10px;display:block;height:190px;object-fit:cover;width:190px}.related-section .product-price{font-size:.7rem}.product-tabs{background:linear-gradient(135deg,#fff,#fef9f5);border-radius:24px;box-shadow:0 8px 32px #0000000f,0 1px 2px #00000005;margin-top:48px;overflow:hidden}.tabs-header{background:#fffffff2;border-bottom:1px solid #ff66001a;display:flex;flex-wrap:wrap;gap:0;padding:0 8px;position:relative}.tab-btn{background:#0000;border:none;color:#8b8b8b;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.3px;overflow:hidden;padding:18px 28px;position:relative}.tab-btn,.tab-btn:after{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.tab-btn:after{background:linear-gradient(90deg,#f60,#ff8c42);border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:0}.tab-btn:hover{background:#ff66000a;color:#f60}.tab-btn.active{background:linear-gradient(180deg,#0000,#ff660008);color:#f60}.tab-btn.active:after{width:80%}.tab-content{background:#0000;min-height:280px;padding:32px 28px;position:relative}.tab-content>div{animation:slideUpFade .5s cubic-bezier(.2,.9,.4,1.1)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-text{color:#4a4a4a;font-size:15px;line-height:1.85;white-space:pre-line}.product-text p{animation:fadeInUp .5s ease-out forwards;line-height:1.85;margin:0 0 16px;opacity:0}.product-text p:first-child{animation-delay:.05s}.product-text p:nth-child(2){animation-delay:.1s}.product-text p:nth-child(3){animation-delay:.15s}.product-text p:nth-child(4){animation-delay:.2s}.product-text p:nth-child(5){animation-delay:.25s}.product-text p:nth-child(6){animation-delay:.3s}.product-text p:nth-child(7){animation-delay:.35s}.product-text p:nth-child(8){animation-delay:.4s}.product-text p:nth-child(9){animation-delay:.45s}.product-text p:nth-child(10){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.reviews-placeholder{animation:fadeInScale .5s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9;border-radius:20px;padding:40px 20px;text-align:center}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.reviews-icon{animation:gentleBounce 2s ease-in-out infinite;font-size:56px;margin-bottom:20px;opacity:.7}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.reviews-title{color:#333;font-size:18px;font-weight:600;margin-bottom:10px}.reviews-subtitle{color:#999;font-size:14px;line-height:1.6}.product-text ol,.product-text ul{animation:fadeInUp .5s ease-out .1s forwards;margin:12px 0 16px;opacity:0;padding-left:24px}.product-text li{animation:fadeInLeft .4s ease-out forwards;line-height:1.7;margin:8px 0;opacity:0}.product-text li:first-child{animation-delay:.1s}.product-text li:nth-child(2){animation-delay:.15s}.product-text li:nth-child(3){animation-delay:.2s}.product-text li:nth-child(4){animation-delay:.25s}.product-text li:nth-child(5){animation-delay:.3s}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.product-text strong{color:#f60;font-weight:600}.product-text h1,.product-text h2,.product-text h3{animation:fadeInUp .5s ease-out forwards;color:#2c2c2c;font-weight:600;margin:24px 0 12px;opacity:0}.product-text h1{animation-delay:.05s;font-size:22px}.product-text h2{animation-delay:.08s;font-size:19px}.product-text h3{animation-delay:.1s;font-size:17px}.product-text hr{background:linear-gradient(90deg,#0000,#fca,#0000);border:none;height:1px;margin:24px 0}.product-text blockquote{animation:fadeInUp .5s ease-out .1s forwards;background:#ff660008;border-left:3px solid #f60;border-radius:0 12px 12px 0;color:#5a5a5a;font-style:italic;margin:16px 0;opacity:0;padding:12px 20px}.tab-content.loading{overflow:hidden;position:relative}.tab-content.loading:before{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#0000,#ff66000d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.tabs-header.sticky{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;position:sticky;top:0;z-index:10}@media (max-width:768px){.product-tabs{border-radius:20px;margin-top:32px}.tabs-header{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0;scrollbar-width:thin}.tabs-header::-webkit-scrollbar{height:3px}.tabs-header::-webkit-scrollbar-track{background:#f1f1f1}.tabs-header::-webkit-scrollbar-thumb{background:#fca;border-radius:3px}.tab-btn{font-size:14px;padding:14px 20px;white-space:nowrap}.tab-content{min-height:240px;padding:24px 20px}.product-text{font-size:14px;line-height:1.75}.reviews-placeholder{padding:30px 16px}.reviews-icon{font-size:48px}}@media (max-width:480px){.tab-btn{font-size:13px;padding:12px 16px}.tab-content{padding:20px 16px}.product-text{font-size:13.5px}}.tab-btn.active{text-shadow:0 0 1px #ff66004d}.tab-btn:before{background:radial-gradient(circle at center,#ff660008,#0000);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.tab-btn:hover:before{opacity:1}.cart-container{max-width:100%;padding:15px}.cart-title{margin-bottom:20px}.cart-empty{color:#666;padding:40px 0;text-align:center}.cart-items-list{display:flex;flex-direction:column;gap:15px}.cart-item{align-items:center;background:#fff;border:1px solid #eee;border-radius:8px;display:flex;gap:12px;padding:12px}.cart-item-image{border-radius:4px;height:60px;object-fit:cover;width:60px}.cart-item-details{flex:1 1;min-width:0}.cart-item-name{font-size:14px;font-weight:500;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-meta{display:flex;gap:10px}.cart-item-price{font-size:14px;font-weight:700}.cart-item-size{background:#f5f5f5;border-radius:4px;font-size:12px;padding:2px 8px}.cart-item-controls{align-items:center;display:flex;gap:8px}.cart-item-quantity{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px;text-align:center;width:45px}.cart-item-remove{background:none;border:none;cursor:pointer;padding:0}.cart-item-remove img{height:16px;width:16px}.cart-flex-container{justify-content:center;margin-top:2rem}.cart-inner-wrapper{max-width:400px}.checkout-button-container{text-align:end;width:100%}.checkout-button{background-color:tomato;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;margin:2rem 0;padding:.75rem 1.5rem}@media (min-width:600px){.cart-item-image{height:80px;width:80px}.cart-item-name,.cart-item-price{font-size:16px}.cart-item-quantity{padding:8px;width:60px}.cart-item-remove img{height:18px;width:18px}}@media (min-width:900px){.cart-container{margin:0 auto;max-width:1200px;padding:30px}.cart-item{padding:15px 20px}}.cart-flex-container{display:flex;justify-content:flex-end;margin-bottom:5rem;margin-top:5rem}.cart-inner-wrapper{width:100%}@media (min-width:640px){.cart-inner-wrapper{width:450px}}.cart-total-container{width:100%}.cart-total-title{font-size:1.5rem;margin-bottom:1rem}.cart-total-details{display:flex;flex-direction:column;font-size:.875rem;gap:.5rem}.cart-total-row{align-items:center;display:flex;justify-content:space-between}.login-modal-overlay{align-items:center;animation:fadeIn .4s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0a0a1ea6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.login-modal{animation:popup .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#fff,#fafaff);border:1px solid #ffffff4d;border-radius:28px;box-shadow:0 40px 80px #0003,0 10px 30px #00000014,inset 0 1px 0 #ffffffe6;max-width:440px;overflow:hidden;padding:48px 38px 42px;position:relative;text-align:center;width:100%}.login-modal:before{animation:gradientMove 3s ease infinite;background:linear-gradient(90deg,#ff6b4a,#ff8f72,#ff6b4a);background-size:200% 100%;content:"";height:5px;left:0;position:absolute;right:0;top:0}.login-modal-icon{animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#ff6b4a,#ff8f72);border-radius:50%;box-shadow:0 8px 30px #ff6b4a4d;display:inline-block;font-size:60px;height:88px;line-height:88px;margin-bottom:20px;position:relative;width:88px}.login-modal-icon span{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.login-modal h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a2e,#2d2d44);-webkit-background-clip:text;background-clip:text;color:#1a1a2e;font-size:29px;font-weight:700;letter-spacing:-.3px;margin-bottom:12px}.login-modal p{color:#5a5a72;font-size:15.5px;font-weight:400;line-height:1.8;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:330px}.login-modal-buttons{display:flex;flex-direction:column;gap:14px}.login-btn{background:linear-gradient(135deg,#ff6b4a,#e85535);border:none;border-radius:16px;box-shadow:0 6px 25px #ff6b4a59;color:#fff;cursor:pointer;font-size:16.5px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:16px 24px;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.login-btn:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.login-btn:hover{background:linear-gradient(135deg,#ff7555,#e85535);box-shadow:0 10px 40px #ff6b4a73;transform:translateY(-3px) scale(1.02)}.login-btn:hover:before{left:100%}.login-btn:active{transform:scale(.97)}.cancel-btn{background:#0000;border:2px solid #e4e4ed;border-radius:16px;color:#6a6a82;font-size:15px;font-weight:500;letter-spacing:.3px;padding:14px 24px;position:relative}.cancel-btn:hover{background:#f5f5fe;border-color:#c8c8dd;box-shadow:0 6px 20px #0000000f;color:#4a4a62;transform:translateY(-2px)}.cancel-btn:active{transform:scale(.97)}@keyframes popup{0%{opacity:0;transform:scale(.7) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gradientMove{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (max-width:480px){.login-modal{border-radius:22px;padding:38px 28px 32px}.login-modal-icon{font-size:48px;height:74px;line-height:74px;width:74px}.login-modal h2{font-size:25px}.login-modal p{font-size:14.5px}.login-btn{font-size:15px;padding:14px 20px}.cancel-btn{font-size:14px;padding:12px 20px}}.place-order-container{border-top:1px solid #e5e5e5;display:flex;flex-direction:column;gap:2rem;min-height:80vh;padding:2rem 1rem}@media (min-width:768px){.place-order-container{flex-direction:row;justify-content:space-between}}.info-section{display:flex;flex:1 1;flex-direction:column;gap:.5rem;max-width:480px;min-width:280px}.title-wrapper{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.input-group{gap:.1rem}.input-field{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.7rem 1rem;transition:border .2s;width:100%}.input-field:focus{border-color:#333;outline:none}.right-section{display:flex;flex:1 1;flex-direction:column;max-width:480px;min-width:280px}.cart-wrapper{background-color:#f9f9f9;border:1px solid #eee;border-radius:12px;padding:1.5rem}.button-wrapper{margin-top:2rem;text-align:right}.order-button{background-color:#111;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 3rem;transition:background .3s}.textarea-field{border:1px solid #ccc;border-radius:8px;font-size:1rem;height:100px;padding:.7rem 1rem;resize:vertical;transition:border .2s;width:90%}.textarea-field:focus{border-color:#333;outline:none}.order-button:hover{background-color:#333}@media (max-width:767px){.input-group{flex-direction:row}.button-wrapper{text-align:center}.order-button{width:100%}}.profil-page{background:linear-gradient(135deg,#f0f4f8,#d9e2ec);min-height:100vh;padding:2rem 1rem}.profil-container{animation:slideUp .6s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:32px;box-shadow:0 20px 60px #00000014;margin:0 auto;max-width:750px;padding:2.5rem 2rem}.profil-loading{align-items:center;display:flex;height:300px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #4f46e51a;border-radius:50%;border-top-color:#4f46e5;height:50px;width:50px}.profil-header{align-items:flex-start;border-bottom:2px solid #f3f4f6;display:flex;gap:2rem;margin-bottom:1.5rem;padding-bottom:1.5rem;position:relative}.profil-header:after{background:linear-gradient(90deg,#4f46e5,#7c3aed,#a78bfa);border-radius:3px;bottom:-2px;content:"";height:3px;left:0;position:absolute;width:80px}.profil-avatar-wrapper{flex-shrink:0}.profil-avatar{height:120px;position:relative;width:120px}.profil-avatar-img{border:4px solid #f3f4f6;border-radius:50%;height:120px;object-fit:cover;transition:all .3s ease;width:120px}.profil-icon{color:#d1d5db;height:120px;transition:transform .3s ease;width:120px}.profil-icon:hover{transform:scale(1.05)}.profil-status-badge{background:#fff;border-radius:50%;bottom:8px;box-shadow:0 2px 12px #00000026;padding:3px;position:absolute;right:8px}.profil-status{color:#10b981;display:block;font-size:1.4rem}.profil-avatar-upload{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;bottom:0;box-shadow:0 4px 15px #4f46e566;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:0;transition:all .3s ease;width:36px}.profil-avatar-upload:hover{box-shadow:0 6px 25px #4f46e580;transform:scale(1.1)}.profil-avatar-input{display:none}.upload-icon{font-size:16px}.profil-info{flex:1 1;min-width:0}.profil-name-container{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.profil-name-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#111827,#374151);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:1.65rem;font-weight:700;margin:0}.edit-profile-btn{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:20px;color:#6b7280;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:6px;padding:4px 14px;transition:all .3s ease}.edit-profile-btn:hover{background:#f3f4f6;border-color:#4f46e5;color:#4f46e5;transform:translateY(-1px)}.profil-details{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem}.detail-item{align-items:center;color:#6b7280;display:flex;font-size:.9rem;gap:.6rem}.detail-icon{color:#9ca3af;font-size:.85rem}.profil-edit-form{display:flex;flex-direction:column;gap:.75rem;width:100%}.edit-field{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:.5rem;padding:.6rem .75rem;transition:all .3s ease}.edit-field:focus-within{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a}.edit-input{background:#0000;border:none;color:#111827;flex:1 1;font-size:.95rem;outline:none;padding:.25rem 0}.edit-actions{display:flex;gap:.75rem;margin-top:.25rem}.save-btn{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.6rem 1.2rem;transition:all .3s ease}.save-btn:hover{box-shadow:0 4px 20px #4f46e559;transform:translateY(-2px)}.cancel-btn{background:#f3f4f6;border:none;border-radius:12px;color:#6b7280;cursor:pointer;font-size:.85rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease}.cancel-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.profil-stats{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:20px;display:flex;justify-content:space-around;margin-bottom:2rem;padding:1.2rem 1.5rem}.stat-item{text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#111827;font-size:1.6rem;font-weight:700}.stat-label{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-top:.15rem}.stat-divider{background:#e5e7eb;height:40px;width:1px}.profil-menu{margin:1.5rem 0}.profil-menu-title{color:#6b7280;font-size:.85rem;font-weight:600;letter-spacing:1px;margin:0 0 1.2rem;text-transform:uppercase}.profil-menu-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:1fr 1fr}.profil-menu-item{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;gap:.8rem;overflow:hidden;padding:1rem 1.2rem;position:relative;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.profil-menu-item:before{background:linear-gradient(135deg,#0000,#ffffff80);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.profil-menu-item:hover{border-color:#0000;box-shadow:0 12px 35px #0000001a;transform:translateY(-4px) scale(1.02)}.profil-menu-item.danger:hover{background:#fef2f2;border-color:#fca5a5}.menu-item-icon{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .3s ease;width:44px}.profil-menu-item:hover .menu-item-icon{transform:scale(1.05) rotate(-5deg)}.menu-item-icon svg{height:22px;width:22px}.menu-item-content{flex:1 1;min-width:0}.menu-item-label{color:#111827;font-size:.9rem;font-weight:600;margin:0}.menu-item-description{color:#6b7280;font-size:.75rem;margin:0}.menu-item-badge{border-radius:20px;color:#fff;font-size:.7rem;font-weight:700;height:24px;min-width:24px;padding:0 8px}.menu-item-arrow,.menu-item-badge{align-items:center;display:flex;flex-shrink:0;justify-content:center}.menu-item-arrow{opacity:.3;transition:all .3s ease}.profil-menu-item:hover .menu-item-arrow{opacity:1;transform:translateX(4px)}.menu-item-arrow svg{height:14px;width:14px}.profil-footer{border-top:2px solid #f3f4f6;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.footer-text,.profil-footer{align-items:center;display:flex}.footer-text{color:#9ca3af;font-size:.8rem;gap:.5rem}.footer-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;display:inline-block;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.footer-version{color:#d1d5db;font-size:.7rem;margin:0}@media (max-width:768px){.profil-page{padding:1rem .5rem}.profil-container{border-radius:24px;padding:1.5rem 1rem}.profil-header{align-items:center;flex-direction:column;gap:1.2rem;text-align:center}.profil-avatar,.profil-avatar-img,.profil-icon{height:100px;width:100px}.profil-name-container{justify-content:center}.profil-name-container h2{font-size:1.4rem}.profil-details{align-items:center}.profil-stats{padding:1rem}.stat-number{font-size:1.3rem}.profil-menu-grid{grid-template-columns:1fr}.profil-menu-item{padding:.9rem 1rem}.edit-actions{flex-direction:column}.edit-actions button{justify-content:center;width:100%}.profil-footer{flex-direction:column;gap:.5rem}}@media (max-width:480px){.profil-container{border-radius:20px;padding:1rem .75rem}.profil-header:after{width:50px}.profil-menu-title{font-size:.75rem}.menu-item-icon{height:38px;width:38px}.menu-item-icon svg{height:18px;width:18px}.menu-item-label{font-size:.8rem}.menu-item-description{font-size:.65rem}.menu-item-badge{font-size:.6rem;height:20px;min-width:20px;padding:0 6px}}.profil-menu-item[data-id=orders]:hover{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#818cf8}.profil-menu-item[data-id=favorites]:hover{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-color:#f472b6}.profil-menu-item[data-id=support]:hover{background:linear-gradient(135deg,#ecfeff,#cffafe);border-color:#22d3ee}.profil-menu-item[data-id=shop]:hover{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#a78bfa}.profil-menu-item[data-id=about]:hover{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#34d399}.profil-menu-item[data-id=logout]:hover{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#f87171}.order-container{background-color:#f8fafc;margin:0 auto;max-width:1200px;min-height:70vh;padding:2rem 1rem}.order-title{margin-bottom:2.5rem;text-align:center}.order-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;padding:.5rem}.order-card{border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000005;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-card:hover{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000008;transform:translateY(-3px)}.order-card-content{align-items:flex-start;display:flex;gap:1.5rem}.order-img{border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;height:100px;object-fit:cover;width:100px}.order-info{flex:1 1;min-width:0}.order-name{color:#1a202c;font-size:1.1rem;font-weight:600;margin-bottom:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-meta{color:#4a5568;display:flex;flex-wrap:wrap;font-size:.95rem;gap:.75rem 1.5rem;margin-bottom:.75rem}.meta-item{align-items:center;display:flex;gap:.25rem}.payment-status{font-weight:500}.order-date{color:#718096;display:flex;font-size:.9rem;gap:.25rem}.order-footer{border-top:1px solid #e2e8f0;justify-content:space-between;margin-top:1.5rem;padding-top:1rem}.order-footer,.order-status{align-items:center;display:flex}.order-status{font-size:.95rem;font-weight:500;gap:.5rem}.status-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.status-text{color:#2d3748}.refresh-button{align-items:center;background-color:#2d3748;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;justify-content:center;padding:.5rem 1.25rem;transition:all .2s ease}.refresh-button:hover{background-color:#4a5568;transform:translateY(-1px)}.loading-spinner{height:200px}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#2d3748;height:40px;width:40px}.no-orders{align-items:center;color:#718096;display:flex;flex-direction:column;gap:1rem;padding:3rem;text-align:center}@media (max-width:768px){.order-card-content{flex-direction:column;gap:1rem}.order-img{height:auto;max-height:200px;width:100%}.order-meta{font-size:.9rem;gap:.5rem 1rem}.order-footer{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:480px){.order-container{padding:1.5rem .5rem}.order-card{padding:1rem}.order-meta{flex-direction:column;gap:.5rem}.order-footer{flex-direction:column;gap:1rem}.refresh-button{width:100%}}.login-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-container{animation:slideUp .6s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:32px;box-shadow:0 40px 80px #00000026;display:flex;max-width:1000px;min-height:600px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card{display:flex;flex:1 1;flex-direction:column;max-width:100%;min-width:0;overflow:hidden;padding:40px 35px}.login-header{margin-bottom:20px;text-align:center}.login-icon{animation:bounce 2s ease-in-out infinite;display:inline-block;font-size:42px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-heading{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a2e,#16213e);-webkit-background-clip:text;background-clip:text;color:#1a1a2e;font-size:28px;font-weight:700;margin:8px 0 6px}.login-subtitle{color:#6b6b80;font-size:14px;font-weight:400}.login-form{display:flex;flex:1 1;flex-direction:column;gap:14px;max-width:100%;width:100%}.profile-image-container{align-items:center;display:flex;flex-direction:column;margin-bottom:6px}.profile-image-wrapper{border-radius:50%;box-shadow:0 8px 25px #0000001f;flex-shrink:0;height:90px;overflow:hidden;position:relative;width:90px}.profile-image-preview{height:100%;object-fit:cover;width:100%}.profile-image-placeholder{background:linear-gradient(135deg,#e8e8f0,#d0d0e0);font-size:35px;height:100%;width:100%}.profile-image-placeholder,.profile-image-upload{align-items:center;display:flex;justify-content:center}.profile-image-upload{background:linear-gradient(135deg,#ff6b4a,#e85535);border-radius:50%;bottom:0;box-shadow:0 4px 12px #ff6b4a66;cursor:pointer;height:28px;position:absolute;right:0;transition:all .3s ease;width:28px}.profile-image-upload:hover{box-shadow:0 6px 20px #ff6b4a80;transform:scale(1.1)}.profile-image-input{display:none}.upload-icon{color:#fff;font-size:12px}.image-hint{color:#999;font-size:11px;font-weight:400;margin-top:6px}.form-fields{gap:12px}.form-fields,.input-group{display:flex;flex-direction:column;width:100%}.input-group{gap:4px}.input-label{align-items:center;color:#2d2d44;display:flex;font-size:13px;font-weight:500;gap:6px}.label-icon{font-size:15px}.login-input{background:#fafaff;border:2px solid #e8e8f0;border-radius:12px;box-sizing:border-box;color:#1a1a2e;display:block;font-size:14px;max-width:100%!important;padding:12px 15px;transition:all .3s ease;width:100%!important}.login-input:focus{background:#fff;border-color:#ff6b4a;box-shadow:0 0 0 4px #ff6b4a1a;outline:none}.login-input::placeholder{color:#b0b0c0}.password-input-wrapper{position:relative;width:100%}.password-input{padding-right:48px}.password-toggle{background:none;border:none;cursor:pointer;font-size:18px;opacity:.6;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:opacity .3s ease;z-index:2}.password-toggle:hover{opacity:1}.login-footer{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:2px 0 0}.footer-text{color:#6b6b80;font-size:13px;font-weight:400;margin:0}.toggle-link{background:none;border:none;border-radius:6px;color:#ff6b4a;cursor:pointer;font-size:13px;font-weight:600;padding:4px 8px;transition:all .3s ease;white-space:nowrap}.toggle-link:hover{background:#ff6b4a14;transform:translateX(2px)}.login-button{background:linear-gradient(135deg,#ff6b4a,#e85535);border:none;border-radius:14px;box-shadow:0 8px 25px #ff6b4a59;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:2px;overflow:hidden;padding:14px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.login-button:hover:not(:disabled){box-shadow:0 12px 35px #ff6b4a73;transform:translateY(-3px)}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-top-color:#fff;height:22px;margin:0 auto;width:22px}.divider{align-items:center;display:flex;gap:14px;margin:2px 0}.divider-line{background:linear-gradient(90deg,#0000,#d0d0e0,#0000);flex:1 1;height:1px}.divider-text{color:#999;font-size:12px;font-weight:500;text-transform:uppercase;white-space:nowrap}.google-login-wrapper{display:flex;justify-content:center;width:100%}.google-login-wrapper>div,.google-login-wrapper>div>div{max-width:100%!important;width:100%!important}.login-decoration{background:linear-gradient(135deg,#ff6b4a,#d14a33);color:#fff;display:none;flex:0 0 40%;flex-direction:column;justify-content:center;overflow:hidden;padding:40px 35px;position:relative}.login-decoration:before{animation:pulseBg 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff0d 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes pulseBg{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.decoration-content{position:relative;z-index:1}.decoration-icon{animation:float 3s ease-in-out infinite;display:inline-block;font-size:60px;margin-bottom:16px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.decoration-content h2{font-size:24px;font-weight:700;line-height:1.2;margin-bottom:10px}.decoration-content p{font-size:14px;line-height:1.6;margin-bottom:24px;opacity:.9}.decoration-features{display:flex;flex-direction:column;gap:10px}.feature-item{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border-radius:10px;display:flex;font-size:14px;gap:10px;padding:8px 14px;transition:all .3s ease}.feature-item:hover{background:#fff3;transform:translateX(4px)}.feature-item span{font-size:18px}@media (min-width:768px){.login-decoration{display:flex}}@media (max-width:767px){.login-card{padding:28px 20px}.login-heading{font-size:24px}.login-container{border-radius:20px;min-height:auto}.profile-image-wrapper{height:75px;width:75px}.login-input{font-size:13px;padding:10px 13px}}@media (max-width:480px){.login-card{padding:20px 16px}.login-heading{font-size:20px}.login-icon{font-size:32px}.login-input{font-size:13px;padding:10px 12px}.login-button{font-size:14px;padding:12px}.login-container{border-radius:16px}.profile-image-wrapper{height:65px;width:65px}.profile-image-placeholder{font-size:28px}.profile-image-upload{height:24px;width:24px}.upload-icon{font-size:10px}.decoration-content h2{font-size:20px}.password-toggle{font-size:16px;right:10px}.footer-text,.toggle-link{font-size:12px}}@media (max-width:360px){.login-card{padding:16px 12px}.login-input{border-radius:10px;font-size:12px;padding:8px 10px}.login-heading{font-size:18px}.login-button{font-size:13px;padding:10px}.profile-image-wrapper{height:55px;width:55px}}.category-page-container{margin:.3rem auto;max-width:1400px;padding:0 1rem}.title-wrapper{padding:1.5rem 0;text-align:center}.products-container{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(2,1fr)}.product-item-wrapper{background:#fff;border-radius:12px;box-shadow:0 3px 10px #00000014;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}@media (min-width:640px){.products-container{gap:.2rem}}@media (min-width:768px){.products-container{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.products-container{gap:.5rem;grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.products-container{grid-template-columns:repeat(5,1fr)}}:root{--primary-color:#ff6b4a;--primary-hover:#e04a2f;--text-color:#222;--light-text:#666;--background-light:#f9f9f9;--card-shadow:0 8px 30px #00000014;--transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}.video-page{color:#222;color:var(--text-color);font-family:Manrope,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;padding:0}.hero-section{background:linear-gradient(135deg,#fff,#f9f9f9);background:linear-gradient(135deg,#fff 0,var(--background-light) 100%);margin-bottom:2rem;padding:4rem 2rem;text-align:center}.intro-title{color:#222;color:var(--text-color);font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem}.intro-subtitle{color:#666;color:var(--light-text);font-size:1.2rem;font-weight:400;margin-bottom:0}.video-wrapper{border-radius:16px;box-shadow:0 8px 30px #00000014;box-shadow:var(--card-shadow);height:auto;margin:2rem auto;max-width:900px;overflow:hidden;position:relative;width:100%}@media (min-width:1200px){.video-wrapper{max-height:60vh}}.intro-video{background:#000;display:block;height:auto;width:100%}.video-overlay{background:#0003;bottom:0;left:0;position:absolute;right:0;top:0}.play-button,.video-overlay{align-items:center;cursor:pointer;display:flex;justify-content:center;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.play-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:none;border-radius:50%;height:80px;width:80px}.play-button:hover{background:#ffffff4d;transform:scale(1.1)}.switch-lang-btn{align-items:center;background:#ff6b4a;background:var(--primary-color);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;margin-top:2rem;padding:.75rem 1.75rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.switch-lang-btn:hover{background:#e04a2f;background:var(--primary-hover);box-shadow:0 4px 12px #ff6b4a4d;transform:translateY(-2px)}.lang-icon{margin-left:4px}.tutorials-section{background:#fff;padding:0 2rem 4rem}.section-header{margin-bottom:3rem;text-align:center}.section-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.section-description{color:#666;color:var(--light-text);font-size:1.1rem;margin:0 auto;max-width:700px}.video-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:3rem}.video-card{background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000014;box-shadow:var(--card-shadow);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.video-card:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-8px)}.video-thumbnail{background:#000;padding-top:56.25%;position:relative}.video-player{border:none;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.video-info{display:flex;flex-direction:column;gap:12px;padding:1.5rem;position:relative}.video-title{color:#111;font-size:1.15rem;font-weight:600;letter-spacing:-.2px;line-height:1.4;margin-bottom:0}.video-duration{color:#666;color:var(--light-text)}.product-link,.video-duration{font-size:.85rem;font-weight:500}.product-link{align-items:center;background:#ff6b4a;background:var(--primary-color);border-radius:6px;box-shadow:0 2px 8px #ff6b4a4d;color:#fff;display:inline-flex;gap:8px;margin-right:auto;padding:8px 16px;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition);width:auto}.product-link:hover{background:#e04a2f;background:var(--primary-hover);box-shadow:0 4px 12px #ff6b4a66;transform:translateY(-1px)}.product-link svg{height:14px;transition:transform .3s ease;width:14px}.product-link:hover svg{transform:translateX(2px)}.see-more-btn{align-items:center;background:#ff6b4a;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;margin:2rem auto 0;padding:12px 28px;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.see-more-btn:hover{background:#e04a2f;background:var(--primary-hover);box-shadow:0 4px 12px #ff6b4a4d;transform:translateY(-2px)}.arrow-icon{transition:transform .3s ease}.see-more-btn:hover .arrow-icon{transform:translateX(4px)}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem}.spinner{animation:spin 1s ease-in-out infinite;border:5px solid #ff6b4a33;border-radius:50%;border-top:5px solid var(--primary-color);height:50px;margin-bottom:1rem;width:50px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.hero-section{padding:3rem 1.5rem}.intro-title{font-size:2rem}.intro-subtitle{font-size:1rem}.tutorials-section{padding:0 1.5rem 3rem}.video-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.product-link{font-size:.8rem;padding:6px 12px}}@media (max-width:480px){.hero-section{padding:2rem 1rem}.intro-title{font-size:1.8rem}.video-grid{grid-template-columns:1fr}.video-wrapper{max-height:50vh}}.favorites-container{padding:2rem}.favorites-title{color:#222;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.favorites-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.favorite-card{border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 5px #0000001a;cursor:pointer;padding:1rem;position:relative;transition:transform .2s ease;width:220px}.favorite-card:hover{transform:scale(1.03)}.favorite-image{border-radius:6px;height:150px;margin-bottom:.5rem;object-fit:cover;-webkit-user-select:none;user-select:none;width:100%}.favorite-name{color:#333;font-size:1.1rem;margin:0 0 .5rem;min-height:2.8em;overflow:hidden;text-overflow:ellipsis}.favorite-price{color:tomato;font-size:1rem;font-weight:700;margin-bottom:.5rem}.favorite-remove-btn{background:#0000;border:none;color:red;cursor:pointer;font-size:1.6rem;position:absolute;right:10px;top:10px;-webkit-user-select:none;user-select:none}.favorites-empty{color:#555;font-size:1.2rem;padding:2rem;text-align:center}.kmystore-links-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.kmystore-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff4d;max-width:480px;overflow:hidden;padding:50px 40px;position:relative;text-align:center;width:100%}.kmystore-card:before{background:linear-gradient(90deg,#ff6b6b,#ff8e53,#25d366,#128c7e);content:"";height:4px;left:0;position:absolute;right:0;top:0}.kmystore-header{margin-bottom:50px}.kmystore-logo{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:20px;box-shadow:0 10px 20px #ff6b6b4d;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.kmystore-logo-icon{color:#fff;font-size:2rem}.kmystore-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d3748,#4a5568);-webkit-background-clip:text;background-clip:text;color:tomato;font-size:2.5rem;font-weight:700;margin-bottom:8px}.kmystore-subtitle{color:#718096;font-size:1.1rem;font-weight:400;letter-spacing:.5px}.kmystore-buttons{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.kmystore-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:20px 24px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.kmystore-btn:before{background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.kmystore-btn:hover:before{left:100%}.kmystore-btn:hover{border-color:#0000;box-shadow:0 12px 25px #00000026;transform:translateY(-3px)}.kmystore-btn-content{align-items:center;display:flex;flex:1 1;gap:16px}.kmystore-btn-icon{font-size:1.5rem;min-width:24px;transition:transform .3s ease}.kmystore-btn:hover .kmystore-btn-icon{transform:scale(1.1)}.kmystore-btn-text{display:flex;flex-direction:column;gap:4px}.kmystore-btn-title{color:#2d3748;font-size:1.1rem;font-weight:600;transition:color .3s ease}.kmystore-btn-desc{color:#718096;font-size:.9rem;transition:color .3s ease}.kmystore-btn-arrow{color:#cbd5e0;font-size:1.2rem;font-weight:600;transition:all .3s ease}.kmystore-btn:hover .kmystore-btn-arrow{color:inherit;transform:translateX(5px)}.kmystore-btn-primary{border-color:#ff6b6b}.kmystore-btn-primary:hover{background:linear-gradient(135deg,#ff6b6b,#ff8e53)}.kmystore-btn-primary:hover .kmystore-btn-desc,.kmystore-btn-primary:hover .kmystore-btn-icon,.kmystore-btn-primary:hover .kmystore-btn-title{color:#fff}.kmystore-btn-success{border-color:#25d366}.kmystore-btn-success:hover{background:linear-gradient(135deg,#25d366,#128c7e)}.kmystore-btn-success:hover .kmystore-btn-desc,.kmystore-btn-success:hover .kmystore-btn-icon,.kmystore-btn-success:hover .kmystore-btn-title{color:#fff}.kmystore-btn-whatsapp{border-color:#128c7e}.kmystore-btn-whatsapp:hover{background:linear-gradient(135deg,#128c7e,#075e54)}.kmystore-btn-whatsapp:hover .kmystore-btn-desc,.kmystore-btn-whatsapp:hover .kmystore-btn-icon,.kmystore-btn-whatsapp:hover .kmystore-btn-title{color:#fff}.kmystore-footer{border-top:1px solid #e2e8f0;padding-top:24px}.kmystore-footer-text{color:#a0aec0;font-size:.95rem;font-weight:500;letter-spacing:.5px}@keyframes kmystore-fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.kmystore-btn,.kmystore-card{animation:kmystore-fadeInUp .8s cubic-bezier(.4,0,.2,1)}.kmystore-btn:first-child{animation-delay:.1s}.kmystore-btn:nth-child(2){animation-delay:.2s}.kmystore-btn:nth-child(3){animation-delay:.3s}@media (max-width:480px){.kmystore-links-container{padding:15px}.kmystore-card{border-radius:20px;padding:40px 25px}.kmystore-title{font-size:2rem}.kmystore-btn{padding:18px 20px}.kmystore-btn-content{gap:12px}.kmystore-btn-title{font-size:1rem}.kmystore-btn-desc{font-size:.85rem}}.message-container{background:#f5f5f5;display:flex;flex-direction:column;height:100vh}.message-header{align-items:center;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:20px}.message-header h2{margin:0}.message-header span{color:green;font-size:14px}.message-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.bubble{border-radius:18px;max-width:75%;padding:14px 18px;word-break:break-word}.mine{align-self:flex-end;background:#000;color:#fff}.other{align-self:flex-start;background:#fff;border:1px solid #ddd}.message-input{background:#fff;border-top:1px solid #ddd;display:flex;gap:10px;padding:20px}.message-input input{background:#eee;border:none;border-radius:12px;flex:1 1;outline:none;padding:15px}.message-input button{background:#000;border:none;border-radius:12px;color:#fff;cursor:pointer;padding:0 24px}
/*# sourceMappingURL=main.c82bd198.css.map*/