:root{--primary-text:#212121;--secondary-text:#757575;--background-color:#fff;--discount-bg:rgba(220,53,69,.85);--discount-text:#fff;--shopier-dark:#0b0f34;--shopier-purple:#6200ee;--navbar-height:80px;--input-border:#e0e0e0;--input-radius:8px}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Noto Sans",sans-serif;margin:0;padding:0;background-color:var(--background-color);color:var(--primary-text)}a{text-decoration:none;color:inherit}button{font-family:inherit}*{box-sizing:border-box}.top-navbar{display:flex;justify-content:space-between;align-items:center;padding:0 40px;border-bottom:1px solid #eee;max-width:1400px;margin:0 auto;height:var(--navbar-height)}.shopier-logo-img{height:28px}.search-bar-container{position:relative;flex-grow:1;max-width:600px;background-color:#f7f7f7;border-radius:50px;height:45px;margin:0 20px;border:1px solid #e0e0e0}.search-bar-container input{width:100%;height:100%;padding:0 15px 0 45px;border:none;background-color:transparent;border-radius:50px;font-size:15px;color:var(--primary-text);outline:none}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#555;font-size:18px;opacity:.8}.user-icons{display:flex;gap:25px;margin-left:20px;align-items:center}.icon-wrapper{cursor:pointer;color:var(--shopier-dark);font-size:22px;font-weight:400}.cart-icon{font-style:normal;font-weight:600}.profile-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0 60px 0}.profile-avatar-container{padding:5px;border:1px solid #e0e0e0;border-radius:50%;margin-bottom:20px}.profile-avatar{width:130px;height:130px;border-radius:50%;object-fit:cover;display:block}.store-name{color:var(--shopier-dark);font-size:32px;font-weight:700;margin:0 0 20px 0;white-space:nowrap;letter-spacing:-.5px}.follow-button{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 25px;background-color:#fff;color:var(--shopier-dark);border:1.5px solid var(--shopier-dark);border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;user-select:none}.follow-button:hover{background-color:#f9f9f9}.content-area{max-width:1300px;margin:0 auto;padding:0 40px}.category-nav-wrapper{border-bottom:1px solid #eee;margin-bottom:20px}.category-tabs{display:flex;gap:30px}.category-tabs .tab{text-decoration:none;color:#999;padding:15px 0;font-size:15px;font-weight:500;position:relative}.category-tabs .tab.active{color:var(--shopier-dark);font-weight:600}.category-tabs .tab.active::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--shopier-dark)}.product-count{font-size:13px;color:#999;margin:20px 0;font-weight:400}.product-grid-container{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;padding-bottom:80px}.product-card{background-color:transparent;position:relative;padding:0;text-align:left;display:flex;flex-direction:column;cursor:pointer}.product-card:hover .product-image{transform:scale(1.05)}.product-image-wrapper{position:relative;width:100%;padding-top:100%;overflow:hidden;border-radius:12px;border:1px solid #f0f0f0;margin-bottom:10px}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.discount-badge{position:absolute;bottom:10px;left:0;background-color:var(--discount-bg);color:var(--discount-text);padding:4px 8px;font-size:13px;font-weight:600;z-index:5;border-radius:0 6px 6px 0;box-shadow:2px 2px 5px rgba(0,0,0,.1)}.product-info{padding-left:2px;display:flex;flex-direction:column;gap:5px}.product-name{font-size:15px;font-weight:400;color:var(--shopier-dark);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-container{display:flex;align-items:center}.current-price{font-size:18px;font-weight:700;color:var(--shopier-dark);margin-right:10px}.old-price{font-size:14px;color:#b0b0b0;text-decoration:line-through;font-weight:400}.login-page-body{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#fff;position:relative}.back-arrow{position:absolute;top:40px;left:40px;font-size:20px;color:#333;cursor:pointer}.login-wrapper{width:100%;max-width:420px;padding:20px;text-align:center}.login-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.login-logo .shop-text{font-size:32px;font-weight:800;color:#f05;line-height:1}.login-logo .by-text{font-size:13px;color:#6200ee;margin-top:-3px}.login-logo .by-text b{font-weight:700}.login-title{font-size:18px;font-weight:700;color:#333;margin-bottom:10px}.login-subtitle{font-size:14px;color:#666;margin-bottom:30px;line-height:1.5;padding:0 20px}.phone-input-group{border:1px solid #e5e7eb;border-radius:12px;padding:10px 15px;margin-bottom:20px;background-color:#fff;text-align:left;position:relative;cursor:pointer}.country-label{display:block;font-size:11px;color:#9ca3af;margin-bottom:2px}.input-row{display:flex;align-items:center}.country-code{font-weight:600;color:#333;font-size:15px;margin-right:5px}.phone-input-group input{border:none;outline:none;font-size:15px;width:100%;color:#333;font-weight:500}.dropdown-arrow{margin-left:auto;color:#333;font-size:12px}.btn-login{width:100%;padding:16px;background-color:#9ca3af;color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s}.btn-login:hover{background-color:#6b7280}.email-login-link{display:block;margin-top:25px;margin-bottom:50px;color:#6200ee;font-size:14px;font-weight:600}.login-footer-info{background-color:#f9fafb;border-radius:12px;padding:20px;text-align:left}.info-item{display:flex;align-items:center;margin-bottom:12px;font-size:12px;color:#4b5563;font-weight:500}.info-item:last-child{margin-bottom:0}.info-item i{font-size:16px;margin-right:12px;color:#9ca3af;width:20px;text-align:center}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.95);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2000}.spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #2ecc71;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:15px}@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }.profile-page-container{max-width:500px;margin:50px auto;padding:0 20px;display:flex;flex-direction:column;gap:20px}.profile-top-buttons{display:flex;flex-direction:column;gap:15px}.profile-box-btn{display:flex;align-items:center;justify-content:center;gap:10px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px;text-decoration:none;color:var(--primary-text);font-size:14px;font-weight:500;transition:background-color .2s}.profile-box-btn:hover{background-color:#f9f9f9}.profile-box-btn i{font-size:18px;color:var(--shopier-dark)}.profile-list-menu{border-top:1px solid #f0f0f0;padding-top:10px}.profile-list-item{display:flex;align-items:center;justify-content:space-between;padding:15px 5px;border-bottom:1px solid #f0f0f0;text-decoration:none;color:var(--primary-text);transition:background-color .2s}.profile-list-item:hover{background-color:#fcfcfc}.list-left{display:flex;align-items:center;gap:15px}.list-left i{font-size:18px;color:var(--shopier-dark);width:20px;text-align:center}.list-left span{font-size:14px;font-weight:500}.list-arrow{font-size:12px;color:#ccc}.sell-on-shopier-btn{display:block;background-color:#f5f5f5;color:var(--primary-text);text-align:center;padding:15px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;margin-top:10px}.sell-on-shopier-btn:hover{background-color:#eee}.logout-text-link{display:block;text-align:center;color:#999;font-size:12px;text-decoration:none;margin-top:10px}.logout-text-link:hover{color:#333;text-decoration:underline}.product-detail-container{max-width:1100px;margin:40px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.detail-left{position:relative}.main-image-box{position:relative;width:100%;border-radius:12px;overflow:hidden;margin-bottom:15px;border:1px solid #f0f0f0}.detail-main-image{width:100%;display:block}.detail-discount-badge{position:absolute;top:15px;right:15px;color:#e63535;font-weight:700;font-size:16px}.fav-icon{position:absolute;bottom:15px;right:15px;background:#fff;border-radius:50%;padding:10px;font-size:18px;color:#ccc;box-shadow:0 2px 5px rgba(0,0,0,.1);cursor:pointer}.thumbnail-row{display:flex;gap:10px;align-items:center}.thumbnail{width:70px;height:70px;border-radius:8px;overflow:hidden;border:1px solid #eee;cursor:pointer;opacity:.7}.thumbnail.active{opacity:1;border-color:#000}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-arrow{margin-left:auto;color:#333;cursor:pointer}.detail-title{font-size:24px;font-weight:700;color:var(--shopier-dark);margin:0 0 10px 0}.detail-price-box{margin-bottom:10px}.detail-current-price{font-size:24px;font-weight:400;color:var(--shopier-dark);margin-right:10px}.detail-old-price{font-size:18px;color:#999;text-decoration:line-through}.free-shipping-tag{display:inline-block;background-color:#f4f5f9;color:#555;font-size:12px;padding:5px 10px;border-radius:4px;margin-bottom:25px;font-weight:600}.quantity-selector{display:flex;align-items:center;justify-content:space-between;border:1px solid #e0e0e0;border-radius:8px;padding:10px 15px;margin-bottom:20px;max-width:250px}.qty-label{font-size:14px;font-weight:500}.qty-controls button{background:none;border:none;font-size:18px;cursor:pointer}.qty-controls input{width:30px;text-align:center;border:none;font-size:14px;font-weight:600}.action-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.btn-add-cart{background-color:var(--shopier-purple);color:#fff;border:none;padding:15px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.btn-add-cart:hover{background-color:#5000c9}.btn-buy-now{background-color:#fff;color:var(--shopier-purple);border:1px solid var(--shopier-purple);padding:15px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer}.detail-tabs{border-bottom:1px solid #eee;margin-bottom:15px;display:flex;gap:25px}.tab-link{padding-bottom:10px;font-size:14px;font-weight:600;color:#999;cursor:pointer}.tab-link.active{color:var(--shopier-dark);border-bottom:2px solid var(--shopier-dark)}.product-description{font-size:14px;line-height:1.6;color:#555;margin-bottom:40px}.store-mini-card{background-color:#f9f9f9;padding:15px;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.mini-card-left{display:flex;align-items:center;gap:10px}.mini-card-left img{width:45px;height:45px;border-radius:50%;object-fit:cover}.mini-store-name{display:block;font-weight:700;font-size:14px;color:#333}.mini-store-link{font-size:12px;color:#777;text-decoration:none}.mini-follow-btn{background:#fff;border:1px solid #333;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600;cursor:pointer}.cart-container{max-width:1100px;margin:40px auto;padding:0 20px}.cart-title{font-size:24px;font-weight:700;color:var(--shopier-dark);margin-bottom:5px}.cart-count-text{font-size:14px;color:#777;margin-bottom:30px}.cart-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:start}.cart-items{border:1px solid #eee;border-radius:12px;background:#fff;padding:20px}.cart-item{display:flex;align-items:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #f0f0f0;position:relative}.cart-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cart-item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;margin-right:15px;border:1px solid #f5f5f5}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-details{flex-grow:1}.cart-item-name{font-size:14px;font-weight:500;color:var(--shopier-dark);margin:0 0 10px 0}.cart-qty-selector{display:flex;align-items:center;gap:10px}.qty-btn{width:32px;height:32px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#555;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.qty-btn:hover{background-color:#f5f5f5}.cart-item-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.cart-item-price .final-price{display:block;font-size:15px;font-weight:700;color:var(--shopier-dark)}.cart-item-price .old-price-small{font-size:12px;color:#999;text-decoration:line-through}.options-btn{background:none;border:1px solid #ddd;border-radius:50%;width:30px;height:30px;cursor:pointer;color:#777;display:flex;align-items:center;justify-content:center}.cart-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.cart-modal{background:#fff;padding:20px;border-radius:20px;width:300px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.modal-btn{width:100%;background:#fff;border:1px solid var(--shopier-purple);color:var(--shopier-purple);padding:12px;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.modal-btn:hover{background-color:#f3e5ff}.cart-summary{background:#fff;border:1px solid #eee;border-radius:12px;padding:20px}.summary-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;color:#555}.summary-row.total{border-top:1px solid #f0f0f0;padding-top:15px;margin-top:15px;font-weight:700;color:var(--shopier-dark);font-size:16px}.checkout-btn{width:100%;background-color:var(--shopier-purple);color:#fff;border:none;padding:15px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;margin-top:20px;box-shadow:0 4px 10px rgba(98,0,238,.2)}.checkout-btn:hover{background-color:#5000c9}.checkout-header{padding:20px 0;max-width:1100px;margin:0 auto;text-align:center}@media (min-width:768px){.checkout-header{text-align:left;padding:30px 40px 10px 40px}}.checkout-logo{height:28px}.checkout-wrapper{max-width:1100px;margin:0 auto;padding:20px 40px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:start}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:15px}.section-title{font-size:16px;font-weight:700;color:var(--shopier-dark);margin:0}.mt-30{margin-top:30px}.guest-link{font-size:12px;color:var(--shopier-dark);font-weight:600;text-decoration:none}.input-group{position:relative;margin-bottom:12px;width:100%}.input-row{display:flex;gap:15px;margin-bottom:12px}.input-row .input-group{margin-bottom:0}.chk-input{width:100%;padding:14px 12px;border:1px solid var(--input-border);border-radius:6px;font-size:14px;color:#333;outline:none;box-sizing:border-box;transition:border-color .2s;font-family:inherit}.chk-input:focus{border-color:#6200ee}.chk-select{width:100%;padding:14px 12px;border:1px solid var(--input-border);border-radius:6px;font-size:14px;color:#333;outline:none;appearance:none;background:#fff;cursor:pointer}.full-border{border:1px solid #e0e0e0}.floating-label{position:absolute;top:2px;left:12px;font-size:10px;color:#777}.select-arrow{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:12px;color:#777;pointer-events:none}.phone-wrapper{border:1px solid var(--input-border);border-radius:6px;padding:5px 12px;background:#fff}.phone-label{display:block;font-size:10px;color:#777;margin-bottom:2px}.phone-inner{display:flex;align-items:center}.phone-inner .country-code{font-weight:600;color:#333;font-size:14px;margin-right:5px}.phone-input{border:none;padding:5px;font-size:14px;width:100%;outline:none}.phone-inner .country-name{font-size:12px;color:#333;margin-left:auto;margin-right:5px}.phone-arrow{font-size:10px;color:#777}.installment-wrapper{border:1px solid var(--input-border);border-radius:6px;padding:5px 12px;height:50px;display:flex;flex-direction:column;justify-content:center;position:relative}.floating-label-small{font-size:10px;color:#777}.chk-select-simple{border:none;width:100%;background:transparent;font-size:14px;font-weight:500;outline:none;appearance:none}.select-arrow-simple{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:12px;color:#333}.installment-link{position:absolute;right:12px;bottom:-20px;font-size:10px;color:#6200ee;text-decoration:none}.legal-text{font-size:11px;color:#333;margin:20px 0;line-height:1.5}.btn-complete-payment{width:100%;background-color:#6200ee;color:#fff;border:none;padding:15px;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;margin-top:20px}.btn-complete-payment:hover{background-color:#5000c9}.summary-header h3{font-size:16px;font-weight:700;color:var(--shopier-dark);margin:0 0 15px 0}.summary-card{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#fff}.summary-store-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:13px}.summary-store-name{font-weight:600;color:#333}.summary-product-count{color:#777}.toggle-products{color:#333;font-weight:500;cursor:pointer;font-size:11px;margin-left:auto;padding-left:10px}.summary-products-list{margin-bottom:15px}.summary-product-item{display:flex;gap:15px;margin-bottom:15px;align-items:flex-start}.sp-image img{width:48px;height:48px;border-radius:8px;object-fit:cover}.sp-details{flex:1;display:flex;justify-content:space-between;align-items:flex-start}.sp-name{font-weight:500;color:#333;font-size:13px;max-width:150px}.sp-price-block{text-align:right;display:flex;flex-direction:column;gap:2px}.sp-price .sp-current{font-weight:700;color:var(--shopier-dark);font-size:14px;display:block}.sp-price .sp-old{text-decoration:line-through;color:#999;font-size:12px;display:block}.sp-qty{color:#777;font-size:11px;margin-top:3px}.summary-divider{height:1px;background:#f0f0f0;margin:15px 0}.summary-row{display:flex;justify-content:space-between;font-size:13px;color:#333;margin-bottom:8px}.summary-row.total{font-weight:700;font-size:16px;margin-top:10px;border-top:1px solid #f0f0f0;padding-top:10px;color:var(--shopier-dark)}.store-mini-card-checkout{margin-top:20px;background-color:#f9f9f9;border-radius:8px;padding:15px;display:flex;align-items:center;gap:10px}.mini-avatar{width:30px;height:30px;border-radius:50%}.mini-info{display:flex;flex-direction:column}.mini-name{font-size:12px;font-weight:700;color:#333}.mini-link{font-size:11px;color:#777;text-decoration:none}.checkout-footer{text-align:center;margin-top:60px;padding-bottom:40px;font-size:12px;color:#777}.checkout-footer .footer-links{margin-bottom:10px;font-weight:600;color:#333}.input-error-text{color:#e63535;font-size:13px;font-weight:600;margin-bottom:8px;display:none;text-align:left;width:100%;animation:fadeIn .3s ease-in-out}@keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); } 20%, 40%, 60%, 80% { transform: translateX(5px); } }.shake-animation{animation:shake .4s ease-in-out}@keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }@media (max-width:1400px){.product-grid-container{grid-template-columns:repeat(5,1fr)}}@media (max-width:1200px){.product-grid-container{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.product-grid-container{grid-template-columns:repeat(3,1fr)}.top-navbar{padding:0 20px}.search-bar-container{display:none}.checkout-wrapper{grid-template-columns:1fr;padding:20px}.checkout-summary-section{order:-1;margin-bottom:30px}}@media (max-width:768px){.product-detail-container{grid-template-columns:1fr}.cart-layout{grid-template-columns:1fr}}@media (max-width:600px){.product-grid-container{grid-template-columns:repeat(2,1fr);gap:15px}.profile-avatar{width:100px;height:100px}.store-name{font-size:24px}.content-area{padding:0 15px}}.search-results-box{position:absolute;top:55px;left:15px;right:15px;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.15);z-index:9999;padding:10px 0;display:none;border:1px solid #f1f1f1;overflow:hidden}.search-results-box.active{display:block;animation:slideDown .2s ease-out}@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}.search-header-row{display:flex;justify-content:space-between;align-items:center;padding:8px 20px 12px 20px;border-bottom:1px solid #f0f0f0;margin-bottom:5px}.search-term-display{font-weight:700;color:#0b0f34;font-size:15px}.close-search{cursor:pointer;font-size:16px;color:#999;transition:color .2s;padding:5px}.close-search:hover{color:#333}.search-item{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;text-decoration:none;transition:background-color .2s;color:#555;font-size:14px;border-bottom:1px solid #f9f9f9}.search-item:last-child{border-bottom:none}.search-item:hover{background-color:#f7f9fc;color:#0b0f34}.search-item-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.search-item-name b{color:#000;font-weight:800}.search-item-type{font-size:12px;font-weight:700;color:#0b0f34;background-color:#f0f0f5;padding:3px 8px;border-radius:6px}.no-results{padding:20px;color:#999;font-size:13px;text-align:center;font-style:italic}