*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;font-family:Arial,sans-serif}a{text-decoration:none}img{max-width:100%;display:block}header{z-index:1000;background:purple;width:100%;position:fixed;top:0;left:0;box-shadow:0 4px 15px #0000001a}.container{width:1200px;max-width:95%;margin:0 auto}nav{justify-content:space-between;align-items:center;height:80px;display:flex}.logo-area{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.header-logo{object-fit:cover;border:2px solid gold;border-radius:50%;flex-shrink:0;width:55px;height:55px}.logo-area h1{color:gold;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:1.15rem;font-weight:700;line-height:1.2;overflow:hidden}.nav-links{align-items:center;gap:35px;list-style:none;display:flex}.nav-links li{list-style:none}.nav-links a{color:gold;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#fff}.menu-btn{color:gold;cursor:pointer;background:0 0;border:none;font-size:30px;display:none}.mobile-menu{display:none}@media (width<=900px){nav{height:75px}.header-logo{width:48px;height:48px}.logo-area h1{font-size:1rem}.nav-links{gap:25px}}@media (width<=768px){nav{height:65px}.nav-links{display:none}.menu-btn{flex-shrink:0;font-size:24px;display:block}.logo-area{flex:1;gap:8px;min-width:0;max-width:calc(100% - 50px)}.header-logo{width:38px;height:38px}.logo-area h1{font-size:.82rem}.mobile-menu{background:purple;flex-direction:column;width:100%;display:flex}.mobile-menu a{color:gold;text-align:center;border-top:1px solid #fff3;padding:16px;font-weight:600;text-decoration:none;transition:all .3s}.mobile-menu a:hover{color:#fff;background:#ffffff1a}}@media (width<=480px){nav{height:60px}.header-logo{width:34px;height:34px}.logo-area{gap:6px;max-width:calc(100% - 45px)}.logo-area h1{font-size:.72rem}.menu-btn{font-size:22px}}.home{margin:0;padding-top:70px;font-family:Arial,sans-serif}.home-container{width:90%;max-width:1300px;margin:0 auto}.hero-section{border-radius:18px;width:100%;margin-bottom:40px;position:relative;overflow:hidden}.hero-section:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#00000073 0%,#0003 40%,#0000 75%);border-radius:18px;position:absolute;inset:0}.store-image{object-fit:cover;border-radius:18px;width:100%;height:auto;display:block;box-shadow:0 8px 20px #00000040}.hero-overlay{-webkit-backdrop-filter:blur(8px);color:#fff;z-index:5;background:#37373773;border:1px solid #ffffff26;border-radius:12px;width:500px;max-width:60%;padding:14px 16px;position:absolute;bottom:30px;left:30px;box-shadow:0 8px 18px #00000040}.hero-qrcode{z-index:10;cursor:pointer;position:absolute;bottom:20px;right:20px}.hero-qrcode canvas{background:#fff;border:3px solid gold;border-radius:12px;padding:8px;transition:all .3s;box-shadow:0 8px 20px #0000004d;width:120px!important;height:120px!important}.hero-qrcode:hover canvas{transform:scale(1.05)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{color:#fff;background:linear-gradient(135deg,#8a2387,#f7b733);border-radius:20px;width:90%;max-width:700px;padding:22px;overflow:hidden;box-shadow:0 15px 35px #00000059}.store-card-header{text-align:center;color:gold;margin-bottom:20px;font-size:1.8rem;font-weight:700}.store-card-body{justify-content:space-between;align-items:center;gap:25px;display:flex}.store-card-left,.store-card-right{flex:1;justify-content:center;align-items:center;display:flex}.image-wrapper{width:170px;height:220px}.image-wrapper img{object-fit:contain;width:100%;height:100%}.store-card-right canvas{background:#fff;border:4px solid gold;border-radius:15px;padding:10px;width:180px!important;height:180px!important}.store-contact-bottom{border-top:1px solid #ffffff40;justify-content:space-between;align-items:center;margin-top:22px;padding-top:18px;display:flex}.bottom-item{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:flex}.bottom-item:not(:last-child){border-right:1px solid #fff3}.contact-icon{color:gold;font-size:22px}.bottom-item span:last-child{word-break:break-word;font-size:14px}@media (width<=768px){.modal-card{max-width:560px}.store-card-body{flex-direction:column;gap:20px}.image-wrapper{width:150px;height:190px}.store-card-right canvas{width:150px!important;height:150px!important}.store-contact-bottom{flex-direction:column;gap:15px}.bottom-item{width:100%;border-right:none!important}}@media (width<=480px){.modal-card{width:95%;padding:18px}.store-card-header{font-size:1.4rem}.image-wrapper{width:130px;height:170px}.store-card-right canvas{width:130px!important;height:130px!important}.bottom-item span:last-child{font-size:13px}}.hero-overlay h1{color:gold;margin:0 0 8px;font-size:1.5rem;font-weight:700;line-height:1.2}.hero-overlay h3{color:#f5f5f5;margin:0 0 10px;font-size:.9rem;font-weight:500}.hero-overlay h2{color:#fff;margin-bottom:10px;font-size:1rem;font-weight:500}.hero-overlay p{color:#ffffffe6;margin:0;font-size:.72rem;line-height:1.5}.social-card{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-bottom:18px;padding:18px 20px;font-weight:700;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000001a}.social-card:hover{transform:translateY(-4px)}.social-left{align-items:center;gap:12px;display:flex}.facebook{color:#1877f2}.instagram{color:#e1306c}.tiktok,.twitter{color:#000}.cart-wrapper{width:100%;margin:30px 0;position:relative}.product-cart{scrollbar-width:none;scroll-behavior:smooth;gap:20px;padding:10px 0;display:flex;overflow-x:auto}.product-cart::-webkit-scrollbar{display:none}.product-card{color:#333;background:#fff;border:1px solid #eee;border-radius:14px;flex:0 0 250px;text-decoration:none;transition:all .3s;overflow:hidden;box-shadow:0 5px 15px #0000001a}.product-card:hover{transform:translateY(-6px)}.product-image{object-fit:cover;width:100%;height:220px}.product-name{text-align:center;padding:12px 12px 6px;font-size:.9rem;font-weight:700}.product-pricing{flex-direction:column;align-items:center;gap:5px;padding-bottom:15px;display:flex}.old-price{color:#888;margin:0;font-size:.95rem;text-decoration:line-through}.new-price{color:#d60000;margin:0;font-size:1.1rem;font-weight:700}.discount-badge{color:#fff;background:#d60000;border-radius:30px;padding:4px 10px;font-size:.7rem;font-weight:700}.arrow-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;width:45px;height:45px;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0003}.arrow-btn:hover{transform:translateY(-50%)scale(1.08)}.arrow-btn.left{left:-22px}.arrow-btn.right{right:-22px}.reviews-section{max-width:1200px;margin:70px auto}.reviews-title{text-align:center;margin-bottom:35px;font-size:2rem}.reviews-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;display:grid}.review-card{background:#fff;border-radius:16px;padding:25px;box-shadow:0 8px 20px #00000014}.review-stars{margin-bottom:15px;font-size:20px}.review-text{color:#555;margin-bottom:18px;line-height:1.7}.review-name{color:purple;font-weight:700}@media (width<=768px){.home{padding-top:70px}.home-container{width:95%}.store-image{height:500px}.hero-overlay{padding:20px;bottom:20px;left:20px;right:20px}.overlay-content{justify-content:space-between;align-items:flex-end;gap:15px;display:flex}.overlay-text{flex:1;min-width:0}.hero-qrcode{flex-shrink:0;position:static}.hero-qrcode canvas{width:90px!important;height:90px!important}.arrow-btn{display:none}.product-card{flex:0 0 210px}.product-image{height:180px}.store-card-body{text-align:center;flex-direction:column}}@media (width<=480px){.home{padding-top:60px}.home-container{width:100%}.hero-section{border-radius:0;position:relative;overflow:hidden}.store-image{object-fit:cover;object-position:center;border-radius:0;width:100%;height:420px;display:block}.hero-section:before{background:linear-gradient(#00000026 0%,#0000008c 100%)}.hero-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#2323238c;border-radius:16px;width:60%;padding:12px;position:absolute;bottom:12px;left:12px}.hero-overlay h1{margin:0 0 6px;font-size:.8rem}.hero-overlay h3{margin:0 0 6px;font-size:.72rem}.hero-overlay h2{margin:0 0 6px;font-size:.7rem}.hero-overlay p{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:.45rem;line-height:1.35;display:-webkit-box;overflow:hidden}.hero-qrcode{z-index:20;cursor:pointer;position:absolute;bottom:12px;right:12px}.hero-qrcode canvas{background:#fff;border:2px solid gold;border-radius:10px;padding:5px;box-shadow:0 4px 10px #00000040;width:72px!important;height:72px!important}.social-card{padding:15px}.social-left{gap:8px}.product-card{flex:0 0 170px}.product-image{height:150px}.modal-card{border-radius:5px;width:90%;max-width:360px;padding:10px}.store-card-header{text-align:center;margin-bottom:18px;font-size:1rem;line-height:1.2}.store-card-body{grid-template-columns:1fr 1fr;align-items:center;gap:9px;margin-bottom:5px;display:grid}.store-card-left,.store-card-right{justify-content:center;align-items:center;display:flex}.image-wrapper{width:130px;height:130px}.image-wrapper img{object-fit:contain;width:150%;height:100%}.store-card-right canvas{width:130px!important;height:130px!important}.store-contact-bottom{border-top:1px solid #ffffff40;grid-template-columns:repeat(3,1fr);align-items:start;gap:10px;margin-top:5px;padding-top:5px;display:grid}.bottom-item{text-align:center;color:#fff;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;font-size:.72rem;display:flex}.contact-icon{font-size:1.2rem}.bottom-item span:last-child{word-break:break-word;overflow-wrap:anywhere;line-height:1.3}}.footer{background:0 0;padding:20px 15px}.footer-container{background:#8b008b;border-radius:12px;max-width:1200px;margin:auto;padding:22px 28px 16px;box-shadow:0 8px 24px #0000001a}.footer-brand{border-bottom:1px solid #ffffff1f;justify-content:center;align-items:center;gap:12px;padding-bottom:16px;display:flex}.footer-logo{object-fit:cover;border:2px solid gold;border-radius:50%;width:50px;height:50px}.footer-brand h2{color:gold;margin:0;font-size:1.2rem;font-weight:600}.footer-address{text-align:center;padding:16px 0}.footer-address h3{color:gold;margin-bottom:6px;font-size:.95rem}.footer-address p{color:#fff;opacity:.9;max-width:500px;margin:auto;font-size:.85rem;line-height:1.5}.footer-bottom{text-align:center;border-top:1px solid #ffffff1f;padding-top:12px}.footer-bottom .footer-location{color:gold;margin-bottom:4px;font-size:.85rem;font-weight:500}.footer-bottom .footer-copy{color:#fff;opacity:.85;font-size:.75rem}@media (width<=768px){.footer-container{padding:20px 20px 14px}.footer-brand{gap:10px;padding-bottom:14px}.footer-logo{width:46px;height:46px}.footer-brand h2{font-size:1.1rem}.footer-address{padding:14px 0}.footer-address h3{font-size:.9rem}.footer-address p{font-size:.82rem}.footer-bottom .footer-location{font-size:.8rem}.footer-bottom .footer-copy{font-size:.72rem}}@media (width<=480px){.footer{padding:12px 8px}.footer-container{border-radius:10px;padding:16px 12px}.footer-brand{flex-direction:column;gap:8px;padding-bottom:12px}.footer-logo{border-width:2px;width:40px;height:40px}.footer-brand h2{text-align:center;font-size:1rem}.footer-address{padding:12px 0}.footer-address h3{font-size:.85rem}.footer-address p{font-size:.75rem;line-height:1.4}.footer-bottom{padding-top:10px}.footer-bottom .footer-location{font-size:.75rem}.footer-bottom .footer-copy{font-size:.68rem;line-height:1.4}}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,sans-serif}body{background:#fff}.profile-page{padding:40px 20px}.profile-container{max-width:1200px;margin:auto}.profile-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.profile-header h1{color:#222;font-size:34px}.profile-header p{color:#777;margin-top:8px}.top-grid{grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:25px;display:grid}.settings-card{background:#fff;border-radius:16px;padding:25px;box-shadow:0 8px 25px #0000000f}.settings-card h2{color:#222;margin-bottom:20px}.settings-card label{color:#555;margin:18px 0 8px;font-weight:600;display:block}.radio-group{gap:25px;margin-bottom:10px;display:flex}.profile-input{border:1px solid #ddd;border-radius:10px;width:100%;height:48px;padding:0 16px;font-size:15px;transition:all .3s}.profile-input:focus{border-color:#6d28d9;outline:none;box-shadow:0 0 0 3px #6d28d926}.logo-preview,.image-preview{color:#999;background:#fafafa;border:2px dashed #d7d7d7;border-radius:12px;justify-content:center;align-items:center;height:220px;display:flex}.social-card{margin-top:10px}.social-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.button-group{gap:15px;display:flex}.products-card{margin-top:25px}.products-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.products-header p{color:#777;margin-top:5px}.product-limit{color:#666;margin-bottom:20px}.add-product-btn{color:#fff;cursor:pointer;background:#6d28d9;border:none;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:600}.add-product-btn:hover{background:#5b21b6}.product-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.empty-product{background:#fafafa;border:1px solid #ececec;border-radius:15px;padding:20px}.product-image{color:#999;border:2px dashed #d7d7d7;border-radius:12px;justify-content:center;align-items:center;height:180px;margin-bottom:20px;display:flex}.profile-textarea{resize:none;border:1px solid #ddd;border-radius:10px;width:100%;min-height:120px;margin-bottom:15px;padding:15px;font-size:15px}.product-buttons{justify-content:flex-end;gap:10px;margin-top:15px;display:flex}.cancel-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;padding:12px 24px;font-size:15px;transition:all .3s}.cancel-btn:hover{background:#f5f5f5}.save-btn{color:#fff;cursor:pointer;background:#6d28d9;border:none;border-radius:10px;padding:12px 28px;font-size:15px;transition:all .3s}.save-btn:hover{background:#5b21b6}@media (width<=900px){.top-grid,.social-grid{grid-template-columns:1fr}.profile-header{flex-direction:column;align-items:flex-start;gap:20px}.button-group{width:100%}.cancel-btn,.save-btn{flex:1}}@media (width<=600px){.profile-page{padding:20px 15px}.profile-header h1{font-size:28px}.logo-preview,.image-preview{height:180px}.radio-group{flex-direction:column;gap:10px}.button-group{flex-direction:column}}.preview-image{object-fit:contain;border-radius:8px;width:100%;height:100%}.logo-preview{border:2px dashed #ccc;border-radius:10px;justify-content:center;align-items:center;width:100%;height:180px;display:flex;overflow:hidden}.product-actions{gap:10px;margin-top:15px;display:flex}.edit-btn{color:#fff;cursor:pointer;background:#6c2bd9;border:none;border-radius:8px;flex:1;padding:10px;font-weight:600;transition:all .3s}.edit-btn:hover{background:#5b21b6}.delete-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;flex:1;padding:10px;font-weight:600;transition:all .3s}.delete-btn:hover{background:#dc2626}.review-form{background:#fafafa;border:1px solid #ececec;border-radius:15px;margin-bottom:20px;padding:20px}.review-form label{color:#555;margin:15px 0 8px;font-weight:600;display:block}.review-list{flex-direction:column;gap:15px;display:flex}.review-item{background:#fff;border:1px solid #ececec;border-radius:12px;justify-content:space-between;align-items:flex-start;padding:18px;display:flex}.review-info{flex:1}.review-info h3{color:#222;margin-bottom:8px;font-size:18px}.review-info p{color:#666;margin-bottom:10px;line-height:1.5}.review-stars{color:#f5b301;font-size:18px}.review-actions{gap:10px;margin-left:20px;display:flex}@media (width<=768px){.review-item{flex-direction:column}.review-actions{width:100%;margin-top:15px;margin-left:0}.review-actions button{flex:1}}