*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff;color:#1f2937}#root{min-height:100vh}input[type=text],input[type=number],textarea{font-family:inherit;font-size:1rem}input[type=text]:focus,input[type=number]:focus,textarea:focus{outline:none}button{font-family:inherit}.app{min-height:100vh;background:#f9fafb;padding:2rem 1rem;position:relative}.app-container{max-width:900px;margin:0 auto;background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;position:relative;z-index:1}.app-container>*{margin-bottom:1.5rem}.app-container>*:last-child{margin-bottom:0}.app-title{text-align:center;color:#fe2c56;font-size:2rem;margin-bottom:1.5rem;font-weight:700}.order-success{background:#dcfce7;border:1px solid #16a34a;border-left-width:4px;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;text-align:center}.order-success h2{color:#15803d;margin-bottom:1rem;font-weight:600}.order-success p{margin:.5rem 0;color:#1f2937}.order-success strong{color:#fe2c56}.close-button{margin-top:1rem;padding:.5rem 1.5rem;background:#16a34a;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:background-color .15s}.close-button:hover{background:#15803d}.error-message{background:#fef2f2;border:1px solid #ef4444;border-left-width:4px;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;color:#dc2626;text-align:center;font-weight:500}.clear-button-container{position:absolute;top:2rem;right:2rem;margin-bottom:0;padding-top:0;border-top:none}@media(max-width:768px){.clear-button-container{position:static;text-align:right;margin-bottom:1rem;padding-top:0}}.clear-button{padding:.5rem 1rem;background:#6b7280;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .15s;font-size:.875rem}.clear-button:hover{background:#4b5563}.keychain-option{margin-bottom:1.5rem;padding:.75rem 0}.keychain-option label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#374151;width:100%}.keychain-option input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#fe2c56;flex-shrink:0;border-radius:.25rem}.payment-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.qr-name-reminder{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:.75rem;color:#9ca3af;font-size:.85rem}.qr-name-reminder-arrow{font-size:1.25rem;animation:bounce-up 1s ease-in-out infinite}@keyframes bounce-up{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.payment-button{width:100%;padding:.75rem 2rem;background:#fe2c56;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .15s;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.payment-button:hover:not(:disabled){background:#e01e45}.payment-button:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.price-breakdown{background:#f9fafb;border-radius:.5rem;padding:1rem;margin-top:1rem}.price-line{display:flex;justify-content:space-between;padding:.5rem 0;color:#374151}.price-line.discount{color:#16a34a}.price-line.total{font-weight:700;font-size:1.1rem;color:#fe2c56;border-top:1px solid #e5e7eb;padding-top:.75rem;margin-top:.5rem}.back-link{display:inline-flex;align-items:center;gap:.25rem;color:#6b7280;text-decoration:none;font-size:.875rem;font-weight:500;margin-bottom:1rem;transition:color .15s}.back-link:hover{color:#fe2c56}.preselected-template{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:1.5rem}.preselected-template-img{width:80px;height:60px;object-fit:cover;border-radius:.5rem;flex-shrink:0}.preselected-template-info{flex:1}.preselected-template-name{font-size:1.125rem;font-weight:600;color:#1f2937}.preselected-template-price{font-size:.95rem;font-weight:700;color:#fe2c56;margin-top:.25rem}.app-container--wide{max-width:900px}.order-detail-layout{display:flex;gap:2rem;align-items:flex-start}.order-detail-left{flex:0 0 40%;position:sticky;top:2rem}.order-detail-img{width:100%;border-radius:.75rem;object-fit:cover}.order-detail-right{flex:1;min-width:0}.order-detail-name{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.order-detail-price{font-size:1.25rem;font-weight:700;color:#fe2c56;margin-bottom:1.5rem}@media(max-width:768px){.order-detail-layout{flex-direction:column;gap:1.5rem}.order-detail-left{flex:none;width:100%;position:static}.order-detail-name{font-size:1.5rem}}@media(max-width:768px){.app{padding:1rem .5rem}.app-container{padding:1.5rem;border-radius:0}.app-title{font-size:1.75rem}.template-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.search-query-highlight{background:transparent;color:#fe2c56;padding:0;font-weight:700}.price-tag-current{font-weight:700;color:#fe2c56}.product-card--link .product-card-price .price-tag-current{background:linear-gradient(135deg,#fe2c56,#e05c99);-webkit-background-clip:text;background-clip:text;color:transparent}.price-tag-was{color:#9ca3af;font-weight:400;text-decoration:line-through;font-size:.875em}.price-tag-off-badge{color:#fe2c56;font-weight:700;font-size:.75em;background:#ffe5ea;padding:.1em .4em;border-radius:.25em;line-height:1.4}.cart-overlay{position:fixed;inset:0;background:#0006;z-index:200;opacity:0;pointer-events:none;transition:opacity .25s ease}.cart-overlay--open{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;top:0;right:0;height:100dvh;width:min(400px,84vw);background:#fff;z-index:201;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000001f;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}.cart-drawer--open{transform:translate(0)}.cart-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.cart-drawer-title{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0}.cart-drawer-close{background:none;border:none;font-size:1.15rem;color:#6b7280;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.cart-drawer-close:hover{background:#f3f4f6}.cart-drawer-body{flex:1;overflow-y:auto;padding:1rem 1.25rem}.cart-empty{color:#9ca3af;text-align:center;margin-top:3rem;font-size:.95rem}.cart-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.cart-item{display:flex;align-items:flex-start;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.cart-item:last-child{border-bottom:none}.cart-item-img{width:64px;height:64px;object-fit:cover;border-radius:8px;flex-shrink:0}.cart-item-info{flex:1;display:flex;flex-direction:column;gap:.3rem}.cart-item-name{font-size:.9rem;font-weight:600;color:#1f2937;line-height:1.3}.cart-item-price{font-size:.88rem;color:#e05c99;font-weight:600}.cart-item-qty{display:flex;align-items:center;gap:.5rem;margin-top:.15rem}.cart-item-qty button{width:28px;height:28px;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.cart-item-qty button:hover:not(:disabled){background:#e5e7eb}.cart-item-qty button:disabled{opacity:.4;cursor:not-allowed}.cart-item-qty span{min-width:24px;text-align:center;font-size:.92rem;font-weight:600}.cart-item-remove{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;font-size:.85rem;border-radius:4px;flex-shrink:0;transition:color .15s}.cart-item-remove:hover{color:#ef4444}.cart-drawer-footer{flex-shrink:0;padding:1rem 1.25rem 1.5rem;border-top:1px solid #f3f4f6}.cart-subtotal{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem;font-size:.95rem;color:#374151}.cart-subtotal strong{font-size:1.05rem;color:#1f2937}.cart-checkout-btn{width:100%;padding:.85rem;background:linear-gradient(135deg,#e05c99,#c9408a);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .15s}.cart-checkout-btn:hover{opacity:.9}.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #f3f4f6}.site-header-top{display:flex;align-items:center;gap:1.5rem;padding:.65rem max(1.5rem,calc((100% - 1100px)/2 + 1.5rem))}.site-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;flex-shrink:0}.site-logo-img{height:52px;width:52px;border-radius:50%;object-fit:cover}.site-logo-text{font-size:1.1rem;font-weight:700;color:#1f2937;white-space:nowrap}.site-search-wrap{flex:1;position:relative;min-width:0;max-width:700px}.site-search{display:flex;width:100%;border-radius:.375rem;overflow:hidden;border:1.5px solid #e5e7eb;transition:border-color .15s}.site-search-wrap:focus-within .site-search{border-color:#fe2c56}.site-search-suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 12px 40px #0f172a1f;max-height:min(70vh,420px);overflow-y:auto;z-index:220;-webkit-overflow-scrolling:touch}.site-search-suggest-status,.site-search-suggest-empty{padding:.85rem 1rem;font-size:.875rem;color:#6b7280}.site-search-suggest-row{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;text-decoration:none;color:inherit;border-top:1px solid #f3f4f6;transition:background .12s}.site-search-suggest-row:first-of-type{border-top:none}.site-search-suggest-row:hover{background:#fdf2f8}.site-search-suggest-img{width:48px;height:48px;object-fit:cover;border-radius:.35rem;flex-shrink:0;background:#f3f4f6}.site-search-suggest-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:.2rem}.site-search-suggest-title{font-size:.875rem;font-weight:500;color:#111827;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-search-suggest-price{font-size:.8125rem}.site-search-suggest-price .price-tag-current{color:#fe2c56;font-weight:700}.site-search-suggest-more{display:block;padding:.75rem 1rem;text-align:center;font-size:.8125rem;font-weight:600;color:#fe2c56;text-decoration:none;border-top:1px solid #f3f4f6;background:#fffafb}.site-search-suggest-more:hover{background:#fdf2f8}.site-search-input{flex:1;min-width:0;padding:.6rem 1rem;border:none;outline:none;font-size:.95rem;color:#374151;background:#fff}.site-search-input::placeholder{color:#9ca3af}.site-search-btn{padding:0 1.1rem;background:#fe2c56;border:none;cursor:pointer;color:#fff;display:flex;align-items:center;transition:background .15s}.site-search-btn:hover{background:#e01e45}.site-cart-btn{position:relative;background:none;border:none;cursor:pointer;padding:6px;color:#1f2937;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0;transition:background .15s}.site-cart-btn:hover{background:#f3f4f6}.site-cart-badge{position:absolute;top:0;right:0;background:#e05c99;color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;padding:0 3px;border-radius:9px;display:flex;align-items:center;justify-content:center;line-height:1}.site-menu-btn,.site-menu-overlay{display:none}.site-header-nav{display:flex;flex-wrap:nowrap;align-items:center;gap:.25rem;width:100%;box-sizing:border-box;padding:0 max(1.5rem,calc((100% - 1100px)/2 + 1.5rem));padding-bottom:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.site-header-nav::-webkit-scrollbar{display:none}.site-nav-link{font-size:.875rem;color:#6b7280;text-decoration:none;padding:.35rem .55rem;border-radius:.25rem;transition:color .15s,background .15s;white-space:nowrap;flex-shrink:0}.site-nav-link:hover{color:#fe2c56;background:#fdf2f8}.site-nav-link.active{color:#fe2c56;font-weight:600}.site-drawer-logo-wrap{display:none}.site-drawer-logo{width:36px;height:36px;border-radius:50%;object-fit:cover;display:block}.site-drawer-logo-text{font-size:1rem;font-weight:700;color:#1f2937;line-height:1.2}@media(max-width:768px){.site-header-top{padding:.65rem .85rem;gap:.55rem}.site-logo-text{display:none}.site-logo-img{height:36px;width:36px}.site-search{min-width:0}.site-search-input{padding:.48rem .6rem;font-size:16px}.site-search-btn{padding:0 .8rem;flex-shrink:0}.site-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e5e7eb;border-radius:.55rem;background:#fff;color:#374151;font-size:1.1rem;line-height:1;cursor:pointer;flex-shrink:0;z-index:103}.site-menu-btn.active{color:#fe2c56;border-color:#fecdd3;background:#fff1f2}.site-menu-overlay{display:block;position:fixed;inset:0;background:#0f172a61;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:101}.site-menu-overlay.site-menu-overlay--open{opacity:1;pointer-events:auto}.site-header-nav{box-sizing:border-box;position:fixed;top:0;left:0;height:100dvh;width:min(82vw,320px);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:.35rem;row-gap:.35rem;padding:.8rem .85rem 1rem;margin:0;background:#fff;border-right:1px solid #e5e7eb;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translate(-100%);transition:transform .22s ease;z-index:102}.site-header-nav.site-header-nav--open{transform:translate(0)}.site-drawer-logo-wrap{display:flex;align-items:center;gap:.65rem;justify-content:flex-start;padding:.1rem 0 .8rem;margin-bottom:.35rem;text-decoration:none}.site-drawer-logo{width:64px;min-width:64px;max-width:64px;height:64px;min-height:64px;max-height:64px;border-radius:50%;object-fit:cover;display:block}.site-drawer-logo-text{font-size:1.1rem;font-weight:700;color:#1f2937;line-height:1.2}.site-nav-link{white-space:normal;text-align:left;padding:.88rem 0;border:none;border-bottom:1px solid #e5e7eb;border-radius:0;background:transparent;font-size:.88rem;color:#111827;line-height:1.25}.site-nav-link:hover{color:#fe2c56;background:transparent}.site-nav-link.active{color:#fe2c56;font-weight:600;border-bottom-color:#fecdd3;background:transparent}}.template-selector{margin-bottom:1.5rem}.template-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-weight:500;color:#374151}.template-count{color:#6b7280;font-size:.875rem;background:#f3f4f6;padding:.25rem .5rem;border-radius:9999px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media(min-width:768px){.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}.template-card{border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;cursor:pointer;transition:all .2s;background:#fff;padding:.5rem;box-shadow:0 1px 2px #0000000d;position:relative}.template-card:hover{transform:scale(1.05);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border-color:#f9a8d4}.template-card.selected{border-color:#ffb3c1;border-width:2px;background:#fdf2f8;box-shadow:0 0 0 3px #fe2c5633}.template-preview{width:100%;height:10rem;background:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.5rem;margin-bottom:.5rem;box-shadow:0 1px 2px #0000000d;position:relative}@media(min-width:768px){.template-preview{height:12rem;margin-bottom:.75rem}}.template-preview img{width:100%;height:100%;object-fit:cover}.fallback-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fe2c56,#ffb3c1);color:#fff;font-size:.75rem;font-weight:600;text-align:center;padding:.5rem;line-height:1.2}.template-selected-indicator{position:absolute;top:.25rem;right:.25rem;background:#fe2c56;color:#fff;border-radius:9999px;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a}@media(min-width:768px){.template-selected-indicator{top:.5rem;right:.5rem;width:1.5rem;height:1.5rem}}.template-check-icon{width:.75rem;height:.75rem}@media(min-width:768px){.template-check-icon{width:1rem;height:1rem}}.template-info{text-align:center}.template-name{font-weight:600;font-size:.75rem;margin-bottom:.25rem;color:#1f2937;line-height:1.25}@media(min-width:768px){.template-name{font-size:.875rem}}.template-price{font-size:.75rem;color:#fe2c56;font-weight:600}@media(min-width:768px){.template-price{font-size:.875rem}}.template-selected-info{margin-top:.75rem;padding:.75rem;background:#fdf2f8;border:1px solid #fbcfe8;border-radius:.5rem}.template-selected-row{display:flex;align-items:center;justify-content:space-between}.template-selected-row:not(:last-child){margin-bottom:.25rem}.template-selected-label{font-size:.875rem;color:#374151}.template-selected-name{font-size:.875rem;font-weight:600;color:#e01e45}.template-selected-price{font-size:.875rem;font-weight:700;color:#fe2c56}.template-selector .clear-button-container{position:static!important;top:auto!important;right:auto!important;margin-top:.75rem;margin-bottom:0;text-align:left}.template-selector .clear-button{width:100%;justify-content:center}.qr-name-input{margin-bottom:1.5rem}.qr-name-input label{display:block;margin-bottom:.25rem;font-weight:500;color:#374151}.qr-name-input-group{display:flex;gap:.5rem;align-items:center}.qr-name-input-group input{flex:1;min-width:0;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:all .15s;text-transform:lowercase}.qr-name-input-group input:focus{outline:none;border-color:#ffb3c1;box-shadow:0 0 0 3px #fe2c5633}.qr-name-input-group input.error{border-color:#ef4444}.qr-name-input-group input.success{border-color:#16a34a}.check-button{padding:.5rem .75rem;background:#fe2c56;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .15s;white-space:nowrap}.qr-name-message{margin-top:.25rem;font-size:.875rem}.qr-name-message.error{color:#dc2626}.qr-name-message.success{color:#16a34a}.qr-name-url{margin-top:.25rem;font-size:.875rem;color:#6b7280}.qr-name-url strong{color:#fe2c56}.content-editor{margin-bottom:1.5rem}.content-editor label{display:block;margin-bottom:.25rem;font-weight:500;color:#374151}.content-textarea{width:100%;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:1rem;font-family:inherit;resize:vertical;transition:all .15s;min-height:200px}.content-textarea:focus{outline:none;border-color:#ffb3c1;box-shadow:0 0 0 3px #fe2c5633}.content-textarea::placeholder{color:#9ca3af}.content-editor-note{margin-top:.5rem;font-size:.75rem;color:#9ca3af}.music-option{margin-bottom:1.5rem}.music-checkbox-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#374151;margin-bottom:.5rem}.music-checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#fe2c56;border-radius:.25rem}.music-label-text{display:flex;align-items:center;gap:.5rem;flex:1}.music-price{color:#6b7280;font-weight:400;font-size:.75rem;margin-left:.5rem}.music-link-input{margin-top:.5rem;display:flex;gap:.5rem;align-items:center}.music-input{flex:1;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:all .15s}.music-input:focus{outline:none;border-color:#ffb3c1;box-shadow:0 0 0 3px #fe2c5633}.music-input::placeholder{color:#9ca3af}.music-input--success{border-color:#86efac;background:#f0fdf4}.music-input--error{border-color:#fca5a5;background:#fff5f5}.music-input:disabled{opacity:.6;cursor:not-allowed}.music-extract-button{padding:.5rem 1rem;background:#fe2c56;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .15s;min-width:80px}.music-extract-button:hover:not(:disabled){background:#e01e45}.music-extract-button:disabled{opacity:.5;cursor:not-allowed}.music-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:music-spin .7s linear infinite}@keyframes music-spin{to{transform:rotate(360deg)}}.music-feedback{margin-top:.375rem;font-size:.8rem}.music-feedback--success{color:#16a34a}.music-feedback--error{color:#dc2626}.tip-selector{margin-bottom:1.5rem}.tip-selector label{display:block;margin-bottom:.25rem;font-weight:500;color:#fe2c56}.tip-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.5rem}@media(min-width:640px){.tip-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}}.tip-button{padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#fe2c56;font-weight:600;cursor:pointer;transition:all .15s}.tip-button:hover{border-color:#ffb3c1;background:#fdf2f8}.tip-button.selected{border-color:#fe2c56;background:#fe2c56;color:#fff}.custom-tip-input{margin-top:.75rem}.custom-tip-input input{width:100%;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:all .15s}.custom-tip-input input:focus{outline:none;border-color:#ffb3c1;box-shadow:0 0 0 3px #fe2c5633}.custom-tip-input span{display:block;margin-top:.25rem;color:#6b7280;font-size:.75rem}.tip-note{margin-top:.25rem;font-size:.75rem;color:#9ca3af}.voucher-input{margin-bottom:1.5rem}.voucher-input label{display:block;margin-bottom:.25rem;font-weight:500;color:#374151}.voucher-input-group{display:flex;gap:.5rem;align-items:center}.voucher-input-group input{flex:1;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:1rem;text-transform:uppercase;transition:all .15s}.voucher-input-group input:focus{outline:none;border-color:#ffb3c1;box-shadow:0 0 0 3px #fe2c5633}.voucher-input-group input.error{border-color:#ef4444}.voucher-input-group input.success{border-color:#16a34a}.check-button,.remove-button{padding:.5rem .75rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .15s;white-space:nowrap}.check-button{background:#fe2c56;color:#fff}.check-button:hover:not(:disabled){background:#e01e45}.check-button:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.remove-button{background:#ef4444;color:#fff}.remove-button:hover{background:#dc2626}.voucher-error{margin-top:.25rem;color:#dc2626;font-size:.875rem}.voucher-success{margin-top:.25rem;color:#16a34a;font-size:.875rem;font-weight:500}.image-uploader{margin-bottom:1.5rem}.image-uploader.is-disabled{opacity:.68}.image-uploader-header{margin-bottom:.5rem;font-weight:500;color:#374151}.batch-upload-label{cursor:pointer;display:block;margin-bottom:.75rem}.batch-upload-button{padding:.5rem 1rem;background:#fe2c56;color:#fff;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:background-color .15s;display:inline-block}.batch-upload-button:hover{background:#e01e45}.batch-upload-label input:disabled+.batch-upload-button{background:#d1d5db;color:#6b7280;cursor:not-allowed}.image-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:.5rem}@media(min-width:768px){.image-upload-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}.image-upload-item{width:100%}.image-upload-label{display:block;cursor:pointer;width:100%}.image-upload-placeholder{width:100%;aspect-ratio:4 / 3;border:2px dashed #d1d5db;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:#f9fafb;transition:all .2s}.image-upload-placeholder:hover{border-color:#ffb3c1;background:#fdf2f8}.image-uploader.is-disabled .image-upload-label{cursor:not-allowed}.image-uploader.is-disabled .image-upload-placeholder,.image-uploader.is-disabled .image-upload-placeholder:hover{background:#f3f4f6;border-color:#d1d5db}.image-upload-disabled-hint{margin:0 0 .65rem;color:#9a3412;font-size:.875rem;font-weight:500}.image-number{color:#6b7280;font-size:.875rem;font-weight:500}.image-preview-container{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:.5rem;overflow:hidden;border:2px solid #e5e7eb}.image-preview{width:100%;height:100%;object-fit:cover}.remove-image-button{position:absolute;top:.25rem;right:.25rem;width:1.5rem;height:1.5rem;background:#000000b3;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background-color .15s}.image-upload-status{position:absolute;bottom:.25rem;left:.25rem;width:1.25rem;height:1.25rem;border-radius:50%;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none}.image-upload-status.done{background:#16a34ad9;color:#fff}.image-preview-container.is-uploading .image-preview{opacity:.55}.image-upload-overlay{position:absolute;inset:0;border-radius:inherit;display:flex;align-items:center;justify-content:center}.image-upload-overlay.uploading{background:#00000073}.image-upload-spinner-ring{display:block;width:32px;height:32px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:iu-spin .7s linear infinite}@keyframes iu-spin{to{transform:rotate(360deg)}}.image-upload-overlay.error{background:#dc2626b8}.image-upload-retry-btn{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.remove-image-button:hover{background:#dc2626e6}.remove-image-button:disabled{cursor:not-allowed;opacity:.6}.image-upload-note{font-size:.875rem;color:#6b7280;margin-top:.5rem;text-align:center}.page-loader{display:flex;justify-content:center;align-items:center;padding:4rem 2rem;grid-column:1 / -1;width:100%;box-sizing:border-box}.page-loader-gif{width:200px;height:200px;object-fit:contain}.app:has(.payment-page){background:linear-gradient(180deg,#ffb3c1,#fff5f5 40%,#f9fafb)}.payment-page{text-align:center;padding:1.5rem}.payment-page .app-title{margin-bottom:1rem}.payment-back-button{display:block;margin:0 auto 1.5rem;padding:.6rem 1.5rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .15s}.payment-back-button:hover{background:#e5e7eb}.payment-qr-container{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;margin:0 auto 1.5rem;display:block;width:fit-content}.payment-qr-container img{max-width:280px;width:100%;height:auto;display:block}.payment-bank-info{background:#fff;border:1px solid #ffb3c1;border-radius:.75rem;padding:1rem 1.5rem;margin:0 auto 1.5rem;max-width:400px}.payment-bank-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #f3f4f6}.payment-bank-row:last-child{border-bottom:none}.payment-bank-label{color:#6b7280;font-size:.9rem}.payment-bank-value{font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.4rem}.payment-copy-button{background:none;border:none;cursor:pointer;padding:.2rem;color:#9ca3af;transition:color .15s;font-size:1rem;line-height:1}.payment-copy-button:hover{color:#6b7280}.payment-amount{color:#fe2c56;font-size:1.3rem;font-weight:700}.payment-status{margin-top:1rem;padding:.75rem;border-radius:.5rem;font-weight:500;font-size:.9rem}.payment-status.pending{background:#fef3c7;color:#92400e}.payment-status.paid{background:#dcfce7;color:#166534}.payment-note{color:#9ca3af;font-size:.8rem;margin-top:1rem;line-height:1.4}.payment-success-icon{font-size:3rem;margin-bottom:.5rem}.payment-success-title{color:#16a34a;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.payment-live-url{display:inline-block;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#fe2c56,#ff512f);padding:.6rem 1.2rem;border-radius:8px;text-decoration:none;margin:.5rem 0 1.5rem;word-break:break-all}.payment-new-order-button{background:none;border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem 1.5rem;cursor:pointer;color:#555;font-size:.9rem;transition:background-color .15s}.payment-new-order-button:hover{background:#f3f4f6}.payment-countdown{text-align:center;font-size:.95rem;color:#555;margin-bottom:4px}.payment-countdown span{font-weight:600;font-variant-numeric:tabular-nums}.payment-countdown-urgent{color:#e53e3e}.qr-generate-page{text-align:center}.qr-gen-url-display{background:#f9fafb;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.qr-gen-url-label{color:#6b7280;font-size:.9rem}.qr-gen-url-value{color:#fe2c56;font-weight:600;font-size:1rem;word-break:break-all}.qr-gen-section{margin-bottom:1.5rem}.qr-gen-label{font-weight:600;color:#374151;margin-bottom:.75rem;text-align:left}.qr-gen-templates{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.qr-gen-template-card{flex:0 0 auto;width:100px;cursor:pointer;border:2px solid transparent;border-radius:.75rem;overflow:hidden;transition:border-color .2s,transform .2s;background:#f9fafb}.qr-gen-template-card:hover{transform:translateY(-2px)}.qr-gen-template-card.selected{border-color:#ffb3c1}.qr-gen-template-card img{width:100%;height:120px;object-fit:cover;display:block}.qr-gen-template-plain{width:100%;height:120px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#1f2937;background:#f3f4f6;letter-spacing:2px}.qr-gen-template-card span{display:block;padding:.4rem .25rem;font-size:.75rem;color:#374151;text-align:center;font-weight:500}.qr-gen-button{width:100%;padding:.75rem 2rem;background:#fe2c56;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .15s;margin-bottom:1.5rem}.qr-gen-button:hover{background:#e01e45}.qr-gen-result{margin-top:1rem}.love-letter-template{min-height:100vh;background:#ffeef5;background-image:radial-gradient(circle at 10% 20%,rgba(255,182,193,.08) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(255,182,193,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,182,193,.05) 0%,transparent 50%);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.love-letter-template:before{content:"";position:absolute;top:8%;left:5%;width:60px;height:60px;background:transparent;border:2px solid rgba(255,182,193,.3);border-radius:50% 50% 50% 0;transform:rotate(-45deg);clip-path:polygon(50% 0%,0% 100%,100% 100%)}.love-letter-template:after{content:"";position:absolute;bottom:12%;right:8%;width:80px;height:80px;background:transparent;border:2px solid rgba(255,182,193,.3);border-radius:50% 50% 50% 0;transform:rotate(135deg);clip-path:polygon(50% 0%,0% 100%,100% 100%)}.love-letter-container{max-width:600px;width:100%;text-align:center;position:relative;z-index:1}.love-letter-text{font-size:3rem;color:#ff6b9d;font-weight:700;margin-bottom:4rem;text-shadow:2px 2px 4px rgba(255,107,157,.2);letter-spacing:3px;line-height:1.2}.envelope-wrapper{display:flex;justify-content:center;align-items:center;perspective:1000px}.envelope{position:relative;width:300px;height:200px;margin:0 auto}.envelope-front{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#ffeef5,#ffd6e8);border:2px solid #ffb6c1;border-radius:8px;box-shadow:0 10px 30px #ff6b9d4d,inset 0 1px #ffffff80;z-index:3;display:flex;align-items:center;justify-content:center}.envelope-heart{font-size:2.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(2px 2px 4px rgba(255,107,157,.3));color:#f44}.envelope-stamp{position:absolute;top:12px;right:12px;width:30px;height:30px;background:#f44;border-radius:4px;box-shadow:0 2px 4px #0003;opacity:.9}.envelope-stamp:after{content:"❤️";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem}.envelope-flap{position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(135deg,#ffeef5,#ffd6e8);border:2px solid #ffb6c1;border-bottom:none;border-radius:8px 8px 0 0;transform-origin:top;transform:rotateX(-5deg);z-index:4;box-shadow:0 -5px 15px #ff6b9d33}.envelope-back{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#ffd6e8,pink);border:2px solid #ffb6c1;border-radius:8px;z-index:1;box-shadow:0 5px 20px #ff6b9d33}@media(max-width:768px){.love-letter-text{font-size:2rem;margin-bottom:2rem}.envelope{width:250px;height:167px}.envelope-heart{font-size:2.5rem}}.template-preview-page{min-height:100vh;width:100%}.homepage-footer{background:#f5f5f5;border-top:1px solid #e5e7eb;padding:2rem;color:#9ca3af;font-size:.875rem;margin-top:auto}.footer-content{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.footer-info p{margin:.25rem 0}.footer-payments{display:flex;flex-direction:column;gap:1.25rem;min-width:260px}.footer-payments-section h4{color:#374151;font-size:.95rem;font-weight:700;margin-bottom:.75rem;text-transform:uppercase}.footer-badge-grid{display:flex;flex-wrap:wrap;gap:.5rem}.logo-badge{display:flex;align-items:center;justify-content:center;width:80px;height:48px;border:1px solid #e5e7eb;border-radius:.375rem;background:#fff;padding:.35rem .5rem;overflow:hidden}.logo-badge img{max-width:100%;max-height:100%;object-fit:contain}.footer-social h4{color:#374151;font-size:.95rem;margin-bottom:.75rem;text-transform:uppercase}.footer-social a{display:flex;align-items:center;gap:.6rem;color:#6b7280;text-decoration:none;margin-bottom:.5rem;transition:color .2s}.footer-social a:hover{color:#1f2937}@media(max-width:560px){.footer-content{flex-direction:column;text-align:center;align-items:center}.footer-badge-grid{justify-content:center}}.ppb{position:relative;width:100%;max-width:960px;margin:0 auto 2rem;overflow:hidden;border-radius:1.25rem;background:#fff9;aspect-ratio:16 / 4;box-shadow:0 1px 2px #28141e0a,0 10px 24px #28141e14}.ppb-track{display:flex;height:100%;transition:transform .55s cubic-bezier(.22,1,.36,1);will-change:transform}.ppb-slide{flex:0 0 100%;height:100%;display:block}.ppb-slide-link{display:block;height:100%;cursor:pointer}.ppb-slide-img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}.ppb-dots{position:absolute;bottom:.7rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.4rem;padding:0;background:transparent}.ppb-dot{width:.5rem;height:.5rem;border-radius:50%;border:none;background:#ffffffbf;cursor:pointer;padding:0;box-shadow:0 1px 3px #28141e2e;transition:background .2s,width .25s ease,box-shadow .2s}.ppb-dot:hover{background:#fff}.ppb-dot--active{background:#fe2c56;width:1.4rem;border-radius:999px;box-shadow:0 2px 6px #fe2c5666}.ppb-dot:focus-visible{outline:2px solid #fe2c56;outline-offset:2px}@media(max-width:720px){.ppb{margin:0 auto 1.25rem;border-radius:.85rem;box-shadow:0 1px 2px #28141e0a,0 6px 14px #28141e14}.ppb-dots{bottom:.45rem;gap:.3rem}.ppb-dot{width:.42rem;height:.42rem}.ppb-dot--active{width:1.15rem}}.product-sold-count{font-size:.78rem;color:#64748b;margin-top:.25rem;line-height:1.3}.product-sold-count-num{color:#0a0a0a;font-weight:600}.product-sold-count--detail{font-size:.9rem;margin:.4rem 0 0}.product-sold-count--home{font-size:.75rem;margin-top:.2rem;text-align:center}.khuganh-page{min-height:100vh;background:#fff;display:flex;flex-direction:column}.khuganh-hero{text-align:center;padding:2.5rem 2rem 1.5rem;background:linear-gradient(180deg,#d6eaff,#fff)}.khuganh-hero-title{font-size:2.75rem;font-weight:700;color:#1f2937;margin:0}.khuganh-hero-title span{color:#2563eb}.khuganh-hero-desc{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.7}.khuganh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 1.5rem;align-items:start}@media(max-width:1024px){.khuganh-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.khuganh-hero{padding:1.25rem 1rem .5rem}.khuganh-hero-title{font-size:2rem}.khuganh-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.khuganh-grid .product-card--link .product-card-name{-webkit-line-clamp:1}}.khuganh-loading,.khuganh-error,.khuganh-empty{text-align:center;padding:4rem 2rem;color:#6b7280;font-size:1.125rem;grid-column:1 / -1}.khuganh-error{color:#dc2626}.khuganh-reset-btn{margin-top:1rem;padding:.6rem 1.5rem;border:1.5px solid #2563eb;border-radius:2rem;background:#fff;color:#2563eb;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.khuganh-reset-btn:hover{background:#eff6ff}.homepage-nav-link.active{background:#eff6ff;color:#2563eb}.scrapbook-page{min-height:100vh;background:#fff;display:flex;flex-direction:column}.scrapbook-hero{text-align:center;padding:2.5rem 2rem 1.5rem;background:linear-gradient(180deg,#ede9fe,#fff)}.scrapbook-hero-title{font-size:2.75rem;font-weight:700;color:#1f2937;margin:0}.scrapbook-hero-title span{color:#7c3aed}.scrapbook-hero-desc{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.7}.scrapbook-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 1.5rem;align-items:start}@media(max-width:1024px){.scrapbook-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.scrapbook-hero{padding:1.25rem 1rem .5rem}.scrapbook-hero-title{font-size:2rem}.scrapbook-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.scrapbook-grid .product-card--link .product-card-name{-webkit-line-clamp:1}}.scrapbook-loading,.scrapbook-error,.scrapbook-empty{text-align:center;padding:4rem 2rem;color:#6b7280;font-size:1.125rem;grid-column:1 / -1}.scrapbook-error{color:#dc2626}.scrapbook-reset-btn{margin-top:1rem;padding:.6rem 1.5rem;border:1.5px solid #7c3aed;border-radius:2rem;background:#fff;color:#7c3aed;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.scrapbook-reset-btn:hover{background:#f5f3ff}.homepage-nav-link.active{background:#f5f3ff;color:#7c3aed}.qryt-page{min-height:100vh;background:#fff;display:flex;flex-direction:column}.qryt-hero{text-align:center;padding:2.5rem 2rem 1.5rem;background:linear-gradient(180deg,#ffd6e7,#fff)}.qryt-hero-title{font-size:2.75rem;font-weight:700;color:#1f2937;margin:0 0 .75rem}.qryt-hero-title span{color:#fe2c56}.qryt-hero-desc{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.7}.qryt-products{max-width:1200px;margin:0 auto;padding:2rem 2rem 4rem;width:100%;box-sizing:border-box}.qryt-section-title{text-align:center;font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:2rem}.qryt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 1.5rem;align-items:start}.qryt-card{cursor:default}.qryt-card-main{display:block;color:inherit;text-decoration:none}.qryt-card-actions{padding:.75rem 0 0}.qryt-card-actions .btn-detail,.qryt-card-actions .btn-buy{border-radius:999px}.qryt-card-actions .btn-buy:only-child{max-width:220px;margin:0 auto}.qryt-loading,.qryt-error,.qryt-empty{text-align:center;padding:4rem 2rem;color:#6b7280;font-size:1.125rem;grid-column:1 / -1}.qryt-error{color:#dc2626}@media(max-width:1024px){.qryt-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.qryt-hero{padding:1.25rem 1rem .5rem}.qryt-hero-title{font-size:2rem}.qryt-hero-desc{font-size:.95rem}.qryt-products{padding:1.5rem 1rem 3rem}.qryt-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.qryt-card-actions{gap:.45rem;padding-top:.55rem}.qryt-card-actions .btn-detail,.qryt-card-actions .btn-buy{font-size:.75rem;padding:.45rem 0}}.khac-page{min-height:100vh;background:#fff;display:flex;flex-direction:column}.khac-hero{text-align:center;padding:2.5rem 2rem 1.5rem;background:linear-gradient(180deg,#ffedd5,#fff)}.khac-hero-title{font-size:2.75rem;font-weight:700;color:#1f2937;margin:0}.khac-hero-title span{color:#f97316}.khac-hero-desc{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.7}.khac-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 1.5rem;align-items:start}@media(max-width:1024px){.khac-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.khac-hero{padding:1.25rem 1rem .5rem}.khac-hero-title{font-size:2rem}.khac-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.khac-grid .product-card--link .product-card-name{-webkit-line-clamp:1}}.khac-loading,.khac-error,.khac-empty{text-align:center;padding:4rem 2rem;color:#6b7280;font-size:1.125rem;grid-column:1 / -1}.khac-error{color:#dc2626}.khac-reset-btn{margin-top:1rem;padding:.6rem 1.5rem;border:1.5px solid #f97316;border-radius:2rem;background:#fff;color:#f97316;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.khac-reset-btn:hover{background:#fff7ed}.homepage-nav-link.active{background:#fff7ed;color:#f97316}.ia-page{min-height:100vh;background:#fff;display:flex;flex-direction:column}.ia-hero{text-align:center;padding:2.5rem 1rem 1.5rem;background:linear-gradient(180deg,#bae6fd,#fce7f3 60%,#fff)}.ia-hero-title{font-size:2.75rem;font-weight:800;color:#1f2937;margin:0 0 .4rem}.ia-hero-title span{color:#0ea5e9}.ia-hero-sub{font-size:1.05rem;color:#6b7280;margin:0}.ia-content{flex:1;max-width:1200px;margin:0 auto;padding:2rem 1.25rem 3rem;width:100%;box-sizing:border-box}.ia-price-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem}.ia-price-card{max-width:480px;width:100%;border-radius:20px;border:3px solid #fce7f3;box-shadow:0 8px 32px #f9a8d440;overflow:hidden}.ia-price-img{width:100%;display:block}.ia-price-caption{margin:.6rem 0 0;font-size:.82rem;color:#9ca3af}.ia-gallery-section{margin-top:.5rem}.ia-masonry{column-count:4;column-gap:1rem}.ia-masonry-card{display:block;width:100%;margin:0 0 1rem;padding:0;border:none;background:transparent;cursor:zoom-in;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;transition:transform .2s}.ia-masonry-card:hover{transform:translateY(-3px)}.ia-masonry-img-wrap{border-radius:.75rem;overflow:hidden;background:#f3f4f6;border:1px solid #e5e7eb}.ia-masonry-img-wrap img{width:100%;height:auto;display:block}.ia-lightbox{position:fixed;inset:0;background:#000000e0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out;animation:ia-fade-in .15s ease-out}@keyframes ia-fade-in{0%{opacity:0}to{opacity:1}}.ia-lightbox img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:.5rem;cursor:default}.ia-lightbox-close{position:absolute;top:1rem;right:1.25rem;width:2.5rem;height:2.5rem;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;transition:background .15s}.ia-lightbox-close:hover{background:#ffffff4d}@media(max-width:1100px){.ia-masonry{column-count:3}}@media(max-width:740px){.ia-masonry{column-count:2;column-gap:.75rem}.ia-masonry-card{margin-bottom:.75rem}.ia-price-card{max-width:100%}.ia-hero{padding:1.5rem 1rem 1rem}.ia-hero-title{font-size:2rem}.ia-content{padding:1.5rem .875rem 2.5rem}}@media(max-width:420px){.ia-masonry{column-count:2}}.set-qua-tang-page{min-height:100vh;background:#fff;display:flex;flex-direction:column}.set-qua-tang-hero{text-align:center;padding:2.5rem 2rem 1.5rem;background:linear-gradient(180deg,#d4f0e0,#fff)}.set-qua-tang-hero-title{font-size:2.75rem;font-weight:700;color:#1f2937;margin:0}.set-qua-tang-hero-title span{color:#16a34a}.set-qua-tang-hero-desc{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.7}.set-qua-tang-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 1.5rem;align-items:start}@media(max-width:1024px){.set-qua-tang-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.set-qua-tang-hero{padding:1.25rem 1rem .5rem}.set-qua-tang-hero-title{font-size:2rem}.set-qua-tang-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.set-qua-tang-grid .product-card--link .product-card-name{-webkit-line-clamp:1}}.set-qua-tang-loading,.set-qua-tang-error,.set-qua-tang-empty{text-align:center;padding:4rem 2rem;color:#6b7280;font-size:1.125rem;grid-column:1 / -1}.set-qua-tang-error{color:#dc2626}.set-qua-tang-reset-btn{margin-top:1rem;padding:.6rem 1.5rem;border:1.5px solid #16a34a;border-radius:2rem;background:#fff;color:#16a34a;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.set-qua-tang-reset-btn:hover{background:#f0fdf4}.homepage-nav-link.active{background:#fef3e8;color:#16a34a}.pd-page{min-height:100vh;background:#fff;display:flex;flex-direction:column}.pd-loading,.pd-error{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.125rem;color:#6b7280;padding:4rem 2rem}.pd-error{color:#dc2626}.pd-main{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:1.5rem 2rem 4rem;box-sizing:border-box}.pd-breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:#9ca3af;margin-bottom:1.75rem;flex-wrap:wrap}.pd-breadcrumb a{color:#6b7280;text-decoration:none}.pd-breadcrumb a:hover{color:#fe2c56}.pd-breadcrumb-sep{color:#d1d5db}.pd-body{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.pd-gallery{display:flex;gap:.75rem}.pd-thumbnails{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.pd-thumb-btn{width:80px;height:80px;border:none;outline:2px solid transparent;outline-offset:2px;border-radius:.5rem;overflow:hidden;cursor:pointer;background:#000;padding:0;flex-shrink:0;transition:outline-color .15s}.pd-thumb-btn img{width:100%;height:100%;object-fit:cover;display:block}.pd-thumb-btn.active{outline-color:#fe2c56}.pd-thumb-btn:hover:not(.active){outline-color:#fe2c5659}.pd-main-img-wrap{flex:1;position:relative;border-radius:.75rem;overflow:hidden;background:#f9fafb}.pd-main-img{width:100%;height:auto;display:block}.pd-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffd9;border:none;border-radius:50%;width:38px;height:38px;font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#374151;box-shadow:0 2px 8px #0000001f;transition:background .15s}.pd-arrow:hover{background:#fff}.pd-arrow--prev{left:.75rem}.pd-arrow--next{right:.75rem}.pd-info{padding-top:.5rem}.pd-name{font-size:1.875rem;font-weight:700;color:#111827;margin:0 0 1rem;line-height:1.3}.pd-price{font-size:1.75rem;font-weight:700;color:#111827;margin-bottom:.25rem}.pd-desc{font-size:.9375rem;color:#6b7280;line-height:1.7;margin:1rem 0 0;white-space:pre-wrap}.pd-action-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.25rem}.pd-buy-now-btn,.pd-add-to-cart-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#e05c99,#c9408a);color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;width:100%;box-sizing:border-box;letter-spacing:.01em;box-shadow:0 4px 14px #e05c9959;transition:opacity .15s,transform .12s,box-shadow .15s}.pd-buy-now-btn{background:linear-gradient(135deg,#fe2c56,#e05c99)}.pd-add-to-cart-btn{background:#fff;color:#d9468b;border:1.5px solid #e05c99;box-shadow:0 3px 12px #e05c9924}.pd-add-to-cart-btn:hover{background:#fff5fa;opacity:1;transform:translateY(-2px);box-shadow:0 6px 18px #e05c9938}.pd-buy-now-btn:hover{opacity:.92;transform:translateY(-2px);box-shadow:0 6px 20px #e05c9973}.pd-cart-toast-layer{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:none}.pd-cart-toast{max-width:min(86vw,300px);padding:1.35rem 1.35rem 1.15rem;background:#000000c7;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:14px;text-align:center;box-shadow:0 12px 40px #00000059;animation:pd-cart-toast-in .24s ease-out}@keyframes pd-cart-toast-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.pd-cart-toast-icon{width:54px;height:54px;margin:0 auto .9rem;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center}.pd-cart-toast-text{margin:0;color:#fff;font-size:.9375rem;font-weight:500;line-height:1.45}@media(max-width:520px){.pd-action-row{grid-template-columns:1fr}}.pd-social-links{display:flex;gap:.75rem;margin-top:.75rem;flex-wrap:wrap}.pd-social-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .15s,transform .15s}.pd-social-btn:hover{opacity:.85;transform:translateY(-1px)}.pd-social-btn--tiktok{background:#010101;color:#fff}.pd-social-btn--instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.pd-divider{border:none;border-top:1px solid #f3f4f6;margin:1.5rem 0}.pd-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;text-align:center}.pd-badge{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .25rem}.pd-badge span{font-size:.75rem;color:#6b7280;line-height:1.4}.pd-badge strong{color:#111827;font-weight:600}@media(max-width:900px){.pd-body{grid-template-columns:1fr;gap:2rem}.pd-badges{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.pd-main{padding:1rem 1rem 3rem}.pd-name{font-size:1.375rem}.pd-price{font-size:1.25rem}.pd-gallery{flex-direction:column-reverse}.pd-thumbnails{flex-direction:row;flex-wrap:wrap}.pd-thumb-btn{width:60px;height:60px}.pd-badges{grid-template-columns:repeat(2,1fr)}}.pd-variants{margin:1rem 0 .5rem}.pd-variants-label{font-size:.9rem;color:#374151;margin:0 0 .6rem}.pd-variants-list{display:flex;flex-wrap:wrap;gap:.5rem}.pd-variant-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem .5rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s;min-width:72px;max-width:100px;text-align:center}.pd-variant-btn:hover{border-color:#fe2c56;box-shadow:0 0 0 2px #fe2c561f}.pd-variant-btn--selected{border-color:#fe2c56;box-shadow:0 0 0 3px #fe2c5633;background:#fff5f7}.pd-variant-img{width:56px;height:56px;object-fit:cover;border-radius:4px;display:block}.pd-variant-name{font-size:.75rem;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:88px}.pd-buy-now-btn:disabled,.pd-add-to-cart-btn:disabled{opacity:.45;cursor:not-allowed}.pd-rating-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;margin-top:.5rem;font-size:.875rem}.pd-star-display{letter-spacing:.05em;line-height:1}.pd-star-display--sm .pd-star{font-size:.9rem}.pd-star{color:#e5e7eb;font-size:1rem}.pd-star--on{color:#f59e0b}.pd-rating-num{font-weight:700;color:#374151}.pd-rating-count{color:#6b7280;font-size:.8125rem}.pd-reviews{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #f3f4f6;max-width:720px}.pd-reviews-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 .5rem}.pd-reviews-hint{font-size:.8125rem;color:#6b7280;margin:0 0 1.25rem;line-height:1.5}.pd-review-form{display:flex;flex-direction:column;gap:.85rem;margin-bottom:2rem;padding:1.25rem;background:#fafafa;border-radius:12px;border:1px solid #f3f4f6}.pd-review-label{display:flex;flex-direction:column;gap:.35rem;font-size:.8125rem;font-weight:600;color:#374151}.pd-review-label-text{font-size:.8125rem;font-weight:600;color:#374151}.pd-review-field{display:flex;flex-direction:column;gap:.35rem}.pd-review-input,.pd-review-textarea{font:inherit;padding:.55rem .65rem;border:1px solid #e5e7eb;border-radius:8px;width:100%;box-sizing:border-box}.pd-review-textarea{resize:vertical;min-height:5rem}.pd-review-input:focus,.pd-review-textarea:focus{outline:none;border-color:#fe2c56;box-shadow:0 0 0 2px #fe2c561f}.pd-star-picker{display:flex;gap:.15rem}.pd-star-pick{border:none;background:transparent;cursor:pointer;font-size:1.75rem;line-height:1;padding:.1rem .15rem;color:#d1d5db;transition:color .12s,transform .12s}.pd-star-pick--active{color:#f59e0b}.pd-star-pick:not(.pd-star-pick--active):hover{color:#9ca3af}.pd-star-pick--active:hover{color:#d97706}.pd-star-pick:focus-visible{outline:none;border-radius:4px;box-shadow:0 0 0 2px #fe2c5659}.pd-review-msg{margin:0;font-size:.8125rem}.pd-review-msg--err{color:#dc2626}.pd-review-msg--ok{color:#059669}.pd-review-submit{align-self:flex-start;padding:.55rem 1.25rem;font-weight:600;font-size:.9rem;color:#fff;background:#fe2c56;border:none;border-radius:8px;cursor:pointer}.pd-review-submit:hover:not(:disabled){filter:brightness(1.05)}.pd-review-submit:disabled{opacity:.55;cursor:not-allowed}.pd-reviews-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.pd-review-card{padding:1rem 1.1rem;border:1px solid #f3f4f6;border-radius:10px;background:#fff}.pd-review-card-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.65rem}.pd-review-card-main{flex:1;min-width:0}.pd-review-name-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.35rem}.pd-review-customer{font-weight:700;font-size:.95rem;color:#111827}.pd-review-meta{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;font-size:.8125rem;color:#6b7280;line-height:1.45}.pd-review-phan-loai{display:block;width:100%}.pd-review-inv{flex-shrink:0}.pd-review-inv-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;font-weight:600;color:#374151;background:#f3f4f6;padding:.1rem .35rem;border-radius:4px}.pd-review-ordered{color:#4b5563;min-width:0;word-break:break-word}.pd-review-time{font-size:.75rem;color:#9ca3af}.pd-review-comment{margin:0;font-size:.9rem;color:#374151;line-height:1.55;white-space:pre-wrap;word-break:break-word}.pd-reviews-empty{color:#6b7280;font-size:.9rem;margin:0}.pd-reviews-more{margin-top:1rem;padding:.45rem 1rem;font-size:.875rem;font-weight:600;color:#fe2c56;background:#fff;border:1px solid #fecdd3;border-radius:8px;cursor:pointer}.pd-reviews-more:hover:not(:disabled){background:#fff5f7}.pd-reviews-more:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.pd-reviews{max-width:none}}.testimonials-page{min-height:100vh;background:#fff;display:flex;flex-direction:column}.testimonials-page-hero{text-align:center;padding:3.5rem 2rem 2rem;background:linear-gradient(180deg,#ffb3c1,#fff)}.testimonials-page-title{font-size:2.25rem;font-weight:700;color:#1f2937;margin:0 0 .75rem}.testimonials-page-subtitle{font-size:1rem;color:#6b7280;max-width:580px;margin:0 auto;line-height:1.6}.testimonials-page-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2.5rem 1.5rem 4rem}.testimonials-page-error,.testimonials-page-empty{text-align:center;padding:4rem 2rem;color:#6b7280;font-size:1rem}.testimonials-page-error{color:#dc2626}.testimonials-masonry{column-count:4;column-gap:1rem}.masonry-card{display:block;width:100%;margin:0 0 1rem;padding:0;border:none;background:transparent;cursor:zoom-in;text-align:left;font:inherit;color:inherit;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;transition:transform .2s}.masonry-card:hover{transform:translateY(-3px)}.masonry-img-wrap{position:relative;border-radius:.75rem;overflow:hidden;background:#f3f4f6;border:1px solid #e5e7eb}.masonry-img-wrap img{width:100%;height:auto;display:block}.masonry-featured-badge{position:absolute;top:.5rem;right:.5rem;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;font-size:.95rem;box-shadow:0 2px 6px #00000026}.masonry-meta{padding:.5rem .25rem 0}.masonry-name{font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.2rem}.masonry-caption{font-size:.85rem;color:#4b5563;line-height:1.45}.testimonials-result-bar{font-size:.85rem;color:#6b7280;margin-bottom:1rem;text-align:center}.testimonial-lightbox{position:fixed;inset:0;background:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out;animation:testimonial-fade-in .15s ease-out}@keyframes testimonial-fade-in{0%{opacity:0}to{opacity:1}}.testimonial-lightbox img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:.5rem;cursor:default}.testimonial-lightbox-close{position:absolute;top:1rem;right:1.25rem;width:2.5rem;height:2.5rem;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;transition:background .15s}.testimonial-lightbox-close:hover{background:#ffffff4d}@media(max-width:1100px){.testimonials-masonry{column-count:3}}@media(max-width:740px){.testimonials-page-title{font-size:1.75rem}.testimonials-page-subtitle{font-size:.9rem}.testimonials-masonry{column-count:2;column-gap:.75rem}.masonry-card{margin-bottom:.75rem}}@media(max-width:420px){.testimonials-masonry{column-count:2}}.banner-carousel{position:relative;width:100%;max-width:1400px;margin:0 auto;overflow:hidden;border-radius:1.5rem;background:#fde4e8;aspect-ratio:16 / 6;box-shadow:0 1px 2px #28141e0a,0 12px 30px #28141e14}.banner-track{display:flex;height:100%;transition:transform .55s cubic-bezier(.22,1,.36,1);will-change:transform}.banner-slide{flex:0 0 100%;height:100%;display:block}.banner-slide-link{display:block;height:100%;cursor:pointer}.banner-slide-img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:2.6rem;height:2.6rem;border-radius:50%;border:none;background:#ffffffeb;color:#fe2c56;font-size:1.5rem;font-weight:400;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #28141e0f,0 6px 16px #28141e1f;transition:background .18s,color .18s,transform .18s,box-shadow .18s,opacity .18s;opacity:0}.banner-carousel:hover .banner-arrow{opacity:1}.banner-arrow:hover{background:#fff;color:#e01e45;transform:translateY(-50%) scale(1.08);box-shadow:0 1px 2px #28141e0f,0 8px 22px #fe2c5647}.banner-arrow:focus-visible{outline:2px solid #fe2c56;outline-offset:3px;opacity:1}.banner-arrow--prev{left:1rem;padding-bottom:2px}.banner-arrow--next{right:1rem;padding-bottom:2px}.banner-dots{position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.45rem;padding:0;background:transparent}.banner-dot{width:.55rem;height:.55rem;border-radius:50%;border:none;background:#ffffffb3;cursor:pointer;padding:0;box-shadow:0 1px 3px #28141e2e;transition:background .2s,width .25s ease,box-shadow .2s}.banner-dot:hover{background:#fff}.banner-dot--active{background:#fe2c56;width:1.6rem;border-radius:999px;box-shadow:0 2px 6px #fe2c5666}.banner-dot:focus-visible{outline:2px solid #fe2c56;outline-offset:2px}@media(max-width:720px){.banner-carousel{border-radius:1rem;box-shadow:0 1px 2px #28141e0a,0 6px 16px #28141e14}.banner-arrow{opacity:1;width:2.2rem;height:2.2rem;font-size:1.35rem}.banner-arrow--prev{left:.6rem}.banner-arrow--next{right:.6rem}.banner-dots{bottom:.7rem;gap:.35rem}.banner-dot{width:.45rem;height:.45rem}.banner-dot--active{width:1.3rem}}.featured-feedback{--ff-accent: #e60022;--ff-accent-tint: rgba(230, 0, 34, .16);--ff-accent-deep: #b5001a;width:100%;margin:2.5rem 0;padding:0 max(1rem,calc((100% - 1500px)/2));background:transparent;position:relative;box-sizing:border-box}.ff-header{text-align:center;margin-bottom:1.1rem}.ff-title{font-family:inherit;font-size:1.7rem;font-weight:700;color:var(--ff-accent);margin:0 0 .15rem;letter-spacing:-.015em;line-height:1.2;display:inline-flex;align-items:center;gap:.45rem}.ff-title-mark{display:inline-block;font-size:1.6rem;color:var(--ff-accent);animation:ff-heartbeat 1.6s ease-in-out infinite}@keyframes ff-heartbeat{0%,to{transform:scale(1)}20%{transform:scale(1.18)}40%{transform:scale(.96)}60%{transform:scale(1.08)}}.ff-subtitle{margin:0;color:#6b7280;font-size:.85rem}.ff-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.ff-grid .ff-card{flex:0 1 200px;max-width:220px}.ff-card{appearance:none;background:#fff;border:1px solid var(--ff-accent-tint);border-radius:.85rem;padding:0;text-align:left;cursor:zoom-in;overflow:hidden;transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column}.ff-card:hover{transform:translateY(-3px);border-color:var(--ff-accent);box-shadow:0 8px 22px #e6002224}.ff-card:focus-visible{outline:2px solid var(--ff-accent);outline-offset:2px}.ff-card-img-wrap{position:relative;background:#fafafa;aspect-ratio:1 / 1;overflow:hidden}.ff-card-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.ff-card:hover .ff-card-img-wrap img{transform:scale(1.03)}.ff-cta-wrap{text-align:center;margin-top:1.25rem}.ff-cta{display:inline-block;padding:.55rem 1.3rem;background:var(--ff-accent);color:#fff;font-weight:700;font-size:.85rem;border-radius:999px;text-decoration:none;box-shadow:0 4px 14px #e6002247;transition:background .15s,transform .15s,box-shadow .15s}.ff-cta:hover{background:var(--ff-accent-deep);transform:translateY(-1px);box-shadow:0 6px 18px #e6002257}.ff-lightbox{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;cursor:zoom-out}.ff-lightbox img{max-width:95vw;max-height:90vh;object-fit:contain;border-radius:.5rem;cursor:default;box-shadow:0 20px 60px #00000080}.ff-lightbox-close{position:absolute;top:1rem;right:1.25rem;background:#ffffffeb;color:#1f2937;border:none;width:2.4rem;height:2.4rem;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}@media(max-width:900px){.featured-feedback{margin:1.5rem 0;padding:0 1rem}.ff-grid{gap:.75rem}.ff-grid .ff-card{flex:0 1 160px;max-width:180px}}@media(max-width:560px){.featured-feedback{margin:1rem 0;padding:0 .75rem}.ff-title{font-size:1.35rem}.ff-subtitle{font-size:.8rem}.ff-grid{gap:.5rem}.ff-grid .ff-card{flex:1 1 calc(50% - .25rem);max-width:calc(50% - .25rem)}.ff-card-img-wrap{aspect-ratio:1 / 1}}.homepage{--cute-pink: #fde4e8;--cute-pink-2: #fbcfd6;--cute-cream: #fffaf2;--cute-ink: #2b2330;--cute-ink-soft:#5b5061;--cute-accent: #fe2c56;--cute-accent-deep: #e01e45;min-height:100vh;background:var(--cute-cream);display:flex;flex-direction:column}.homepage-banner-section{position:relative;padding:1.5rem max(1rem,calc((100% - 1400px)/2)) 2rem;background:radial-gradient(120% 80% at 95% 0%,#fff0e8d9,#fff0e800 55%),linear-gradient(90deg,var(--cute-pink-2) 0%,var(--cute-pink) 35%,#fdeee2 70%,var(--cute-cream) 100%)}@media(max-width:720px){.homepage-banner-section{padding:.75rem .75rem 1rem}}.homepage-hero{position:relative;background:linear-gradient(180deg,rgba(255,250,242,0) 0%,rgba(255,250,242,0) 20%,var(--cute-cream) 100%),linear-gradient(90deg,var(--cute-pink-2) 0%,var(--cute-pink) 35%,#fdeee2 70%,var(--cute-cream) 100%);padding:4.5rem 1.5rem 5rem;overflow:hidden}.homepage-hero--with-banner{padding-top:2.5rem}.hero-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:center}.hero-copy{max-width:520px}.hero-eyebrow{font-family:inherit;font-size:.95rem;font-weight:600;color:var(--cute-accent);margin:0 0 .4rem;letter-spacing:.04em;text-transform:uppercase}.hero-eyebrow-mark{display:block;height:120px;width:auto;max-width:460px;object-fit:contain;margin:0 0 .8rem -.5rem;-webkit-user-select:none;user-select:none;pointer-events:none}@media(max-width:720px){.hero-eyebrow-mark{height:90px;max-width:360px}}@media(max-width:480px){.hero-eyebrow-mark{height:72px;max-width:280px}}.hero-title{font-family:inherit;font-size:2.4rem;font-weight:600;line-height:1.2;color:var(--cute-ink);margin:0 0 1.2rem;letter-spacing:-.015em}.hero-title span{color:var(--cute-accent)}.hero-desc{font-size:1.05rem;line-height:1.65;color:var(--cute-ink-soft);margin:0 0 1.75rem}.hero-ctas{display:flex;gap:.75rem;flex-wrap:wrap}.hero-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:999px;border:none;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .18s ease,background .15s,color .15s}.hero-btn-primary{background:var(--cute-accent);color:#fff;box-shadow:0 8px 22px #fe2c5647}.hero-btn-primary:hover{background:var(--cute-accent-deep);transform:translateY(-1px);box-shadow:0 10px 26px #fe2c5657}.hero-btn-ghost{background:#ffffffbf;color:var(--cute-ink);border:1.5px solid rgba(254,44,86,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-btn-ghost:hover{background:#fff;border-color:var(--cute-accent);color:var(--cute-accent)}.hero-collage{position:relative;height:420px}.polaroid{position:absolute;background:#fff;padding:.7rem .7rem .4rem;border-radius:4px;box-shadow:0 1px 1px #0000000f,0 14px 30px #28141e1f;transform:rotate(var(--tilt, 0deg));transition:transform .3s ease,box-shadow .3s ease;width:220px;--pin-color: #fe2c56}.polaroid:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffffffd9,#fff0 45%),var(--pin-color);box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 3px #00000038,0 3px 5px #28141e47;z-index:6;pointer-events:none}.polaroid:hover{transform:rotate(0) translateY(-4px);box-shadow:0 1px 1px #0000000f,0 22px 40px #28141e2e;z-index:5}.polaroid img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;background:#fafafa;border-radius:2px}.polaroid-cap{font-family:Dancing Script,cursive;font-size:1.25rem;text-align:center;color:var(--cute-ink);padding:.4rem .2rem .1rem;line-height:1.2}.polaroid-0{top:10px;right:180px;z-index:3;--tilt: -4deg;--pin-color: #fe2c56}.polaroid-1{top:60px;right:20px;z-index:2;--tilt: 5deg;--pin-color: #f7c948}.polaroid-2{top:220px;right:110px;z-index:4;--tilt: -2deg;--pin-color: #ff8fb1}.homepage-products{max-width:1100px;margin:0 auto;padding:1.5rem 2rem 3.5rem;width:100%;box-sizing:border-box}.homepage-section-title{font-family:inherit;font-size:1.7rem;font-weight:700;color:var(--cute-ink);text-align:center;margin:0 0 1.75rem;line-height:1.2;letter-spacing:-.015em}.homepage-section-title-mark{display:inline-block;color:var(--cute-accent);margin-left:.2rem;font-size:1.7rem;vertical-align:.15em;animation:homepage-heartbeat 1.6s ease-in-out infinite}@keyframes homepage-heartbeat{0%,to{transform:scale(1)}20%{transform:scale(1.18)}40%{transform:scale(.96)}60%{transform:scale(1.1)}}@media(max-width:720px){.homepage-section-title{font-size:1.4rem;margin-bottom:1.25rem}.homepage-section-title-mark{font-size:1.2rem}}.homepage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem 2rem;padding:1rem .5rem}.poly-card{display:block;text-decoration:none;color:inherit;background:#fff;padding:.8rem .8rem .4rem;border-radius:4px;box-shadow:0 1px 1px #0000000d,0 12px 28px #28141e1a;transform:rotate(var(--tilt, 0deg));transition:transform .25s ease,box-shadow .25s ease}.poly-card:hover{transform:rotate(0) translateY(-6px);box-shadow:0 1px 1px #0000000f,0 22px 40px #28141e2e}.poly-card-frame{aspect-ratio:1 / 1;overflow:hidden;border-radius:2px;background:#fafafa}.poly-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.poly-card:hover .poly-card-img{transform:scale(1.04)}.poly-card-cap{text-align:center;padding:.7rem .2rem .3rem}.poly-card-name{font-family:inherit;font-size:.95rem;font-weight:600;color:var(--cute-ink);line-height:1.25;margin-bottom:.15rem;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.poly-card-price{font-size:.9rem;font-weight:700;color:var(--cute-accent);letter-spacing:.01em}.homepage-loading,.homepage-error{text-align:center;padding:4rem 2rem;color:var(--cute-ink-soft);font-size:1.05rem}.homepage-error{color:#dc2626}@media(max-width:960px){.hero-inner{grid-template-columns:1fr;gap:1rem}.hero-copy{max-width:100%;text-align:center;margin:0 auto}.hero-ctas{justify-content:center}.hero-collage{position:relative;width:460px;max-width:100%;height:380px;margin:0 auto}.polaroid{width:180px}.polaroid-0{top:0;left:0;right:auto;--tilt: -5deg;z-index:3}.polaroid-1{top:35px;right:0;left:auto;--tilt: 5deg;z-index:2}.polaroid-2{top:200px;left:50%;right:auto;--tilt: -2deg;z-index:4;margin-left:-90px}}@media(max-width:900px){.homepage-grid{grid-template-columns:repeat(2,1fr);gap:2rem 1.5rem}}@media(max-width:640px){.homepage-hero{padding:3rem 1rem 4rem}.hero-title{font-size:1.9rem}.hero-desc{font-size:.98rem}.hero-collage{position:relative;width:320px;max-width:100%;height:360px;margin:0 auto}.polaroid{width:160px;padding:.55rem .55rem .35rem}.polaroid-cap{font-size:1.05rem}.polaroid-0{top:8px;right:130px;left:auto;--tilt: -4deg;z-index:3}.polaroid-1{top:45px;right:15px;left:auto;--tilt: 5deg;z-index:2}.polaroid-2{top:160px;right:80px;left:auto;--tilt: -2deg;z-index:4;margin-left:0}.homepage-products{padding:2rem 1rem 2.5rem}.homepage-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem}.poly-card{padding:.55rem .55rem .3rem}.poly-card-name{font-size:.9rem}.poly-card-price{font-size:.82rem}}@media(max-width:380px){.homepage-grid{grid-template-columns:1fr}.hero-collage{width:290px;height:330px}.polaroid{width:145px}.polaroid-0{top:6px;right:120px;left:auto}.polaroid-1{top:40px;right:12px;left:auto}.polaroid-2{top:145px;right:72px;left:auto;margin-left:0}}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.product-card--link{display:block;text-decoration:none;color:inherit;cursor:pointer;background:transparent;border:none;border-radius:0;overflow:hidden;box-shadow:none;transition:transform .2s;align-self:start;min-width:0}.product-card--link:hover{box-shadow:none;transform:translateY(-3px)}.product-card--link .product-card-img-wrap{aspect-ratio:3 / 4;border-radius:1.25rem;overflow:hidden;background:#fff;position:relative}.product-card-best-seller-badge{position:absolute;top:-1.7rem;left:-1.2rem;width:11rem;height:auto;z-index:2;pointer-events:none;transform:rotate(-20deg)}.product-card--link .product-card-img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:unset;background:transparent}.product-card--link .product-card-info{text-align:center;padding:.6rem .25rem 0}.product-card--link .product-card-name{font-size:.875rem;font-weight:400;color:#374151;margin-bottom:.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:640px){.product-card--link .product-card-name{-webkit-line-clamp:1}}.product-card--link .product-card-price{font-size:.875rem;font-weight:600;margin-bottom:0}.product-card-img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:#f3f4f6}.product-card-info{padding:.75rem 1rem 1rem}.product-card-body{padding:1rem 1.25rem 1.25rem}.product-card-name{font-size:.9375rem;font-weight:600;color:#1f2937;margin-bottom:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card-price{font-size:1rem;font-weight:700;color:#fe2c56;margin-bottom:1rem}.product-card-actions{display:flex;gap:.75rem}.btn-detail{flex:1;padding:.5rem 0;border:2px solid #ffb3c1;border-radius:.5rem;background:transparent;color:#fe2c56;font-weight:600;font-size:.875rem;cursor:pointer;text-align:center;text-decoration:none;transition:background .15s,color .15s}.btn-detail:hover{background:#fdf2f8}.btn-buy{flex:1;padding:.5rem 0;border:none;border-radius:.5rem;background:#fe2c56;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;text-align:center;text-decoration:none;transition:background .15s}.btn-buy:hover{background:#e01e45}.products-layout{display:flex;align-items:flex-start;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem 2rem 4rem;width:100%;box-sizing:border-box}.products-grid-area{flex:1;min-width:0}.pf-sidebar{width:220px;flex-shrink:0;position:sticky;top:80px;background:#fff;padding:.25rem 0;display:flex;flex-direction:column;gap:0}.pf-sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.pf-result-bar{font-size:.9375rem;color:#6b7280;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.load-more-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 0 .5rem}.load-more-btn{padding:.65rem 2.5rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:2rem;font-size:.9375rem;font-weight:500;color:#374151;cursor:pointer;transition:border-color .15s,color .15s,box-shadow .15s}.load-more-btn:hover:not(:disabled){border-color:#fe2c56;color:#fe2c56;box-shadow:0 2px 8px #fe2c561f}.load-more-btn:disabled{opacity:.55;cursor:default}.pf-sidebar-title{font-size:.9375rem;font-weight:700;color:#111827}.pf-reset-link{background:none;border:none;font-size:.8125rem;color:#6b7280;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.pf-reset-link:hover{color:#111827}.pf-section{padding:.875rem 0;border-top:1px solid #f3f4f6}.pf-section:first-child{border-top:none;padding-top:0}.pf-section-title{font-size:.8125rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.625rem}.pf-sort-group{display:flex;flex-direction:column;gap:.35rem}.pf-sort-btn{width:100%;text-align:left;padding:.45rem .6rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;font-size:.875rem;color:#374151;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.pf-sort-btn:hover{background:#f9fafb}.pf-sort-btn--active{background:#fdf2f8;font-weight:600}.pf-categories{display:flex;flex-direction:column;gap:.45rem}.pf-check-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#374151}.pf-check-label:hover .pf-check-text{color:#111827}.pf-check{width:16px;height:16px;flex-shrink:0;cursor:pointer;border-radius:3px}.pf-price-row{display:flex;align-items:center;gap:.4rem}.pf-price-input{flex:1;padding:.45rem .5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.8125rem;color:#111827;background:#fff;min-width:0;-moz-appearance:textfield}.pf-price-input::-webkit-outer-spin-button,.pf-price-input::-webkit-inner-spin-button{-webkit-appearance:none}.pf-price-input:focus{outline:none;border-color:#9ca3af}.pf-price-dash{color:#9ca3af;font-size:.875rem;flex-shrink:0}.pf-mobile-bar{display:none;align-items:center;justify-content:space-between;padding:.625rem 0;margin-bottom:1rem;border-bottom:1px solid #f3f4f6}.pf-mobile-btn{display:flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border:1.5px solid #d1d5db;border-radius:2rem;background:#fff;font-size:.875rem;font-weight:600;color:#374151;cursor:pointer;transition:border-color .15s,color .15s}.pf-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:currentColor;color:#fff;font-size:.7rem;font-weight:700;margin-left:2px}.pf-mobile-btn .pf-badge{color:#fff}.pf-overlay{position:fixed;inset:0;background:#0006;z-index:200;display:flex;align-items:flex-end;animation:pf-fade-in .18s ease}@keyframes pf-fade-in{0%{opacity:0}to{opacity:1}}.pf-sheet{width:100%;background:#fff;border-radius:1.25rem 1.25rem 0 0;max-height:82vh;display:flex;flex-direction:column;animation:pf-slide-up .22s ease}@keyframes pf-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pf-sheet-handle{width:40px;height:4px;background:#e5e7eb;border-radius:2px;margin:.75rem auto 0;flex-shrink:0}.pf-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem .5rem;flex-shrink:0}.pf-sheet-title{font-size:1rem;font-weight:700;color:#111827}.pf-sheet-close{background:none;border:none;font-size:1.1rem;color:#9ca3af;cursor:pointer;padding:.25rem;line-height:1}.pf-sheet-close:hover{color:#374151}.pf-sheet-body{flex:1;overflow-y:auto;padding:0 1.25rem;-webkit-overflow-scrolling:touch}.pf-sheet-body .pf-section{padding:1rem 0}.pf-sheet-body .pf-sort-group{flex-direction:row;flex-wrap:wrap}.pf-sheet-body .pf-sort-btn{width:auto;flex:none;padding:.5rem 1rem}.pf-sheet-footer{flex-shrink:0;display:flex;gap:.75rem;padding:1rem 1.25rem calc(1rem + env(safe-area-inset-bottom));border-top:1px solid #f3f4f6}.pf-sheet-reset{padding:.7rem 1.25rem;border:1.5px solid #d1d5db;border-radius:.75rem;background:#fff;font-size:.9rem;font-weight:600;color:#374151;cursor:pointer;transition:background .15s}.pf-sheet-reset:hover{background:#f9fafb}.pf-sheet-apply{flex:1;padding:.7rem 1rem;border:none;border-radius:.75rem;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .15s}.pf-sheet-apply:hover{opacity:.88}@media(max-width:768px){.products-layout{flex-direction:column;padding:.5rem 1rem 3rem;gap:0}.products-grid-area{width:100%}.pf-sidebar{display:none}.pf-mobile-bar{display:flex}}.load-more-icon{display:block;width:180px;height:40px;object-fit:contain}.thiep-page{min-height:100vh;background:#fff;display:flex;flex-direction:column}.thiep-hero{text-align:center;padding:2.5rem 2rem 1.5rem;background:linear-gradient(180deg,#ffd6e7,#fff)}.thiep-hero-title{font-size:2.75rem;font-weight:700;color:#1f2937;margin:0}.thiep-hero-title span{color:#fe2c56}.thiep-hero-desc{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.7}.thiep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 1.5rem;align-items:start}@media(max-width:1024px){.thiep-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.thiep-hero{padding:1.25rem 1rem .5rem}.thiep-hero-title{font-size:2rem}.thiep-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.thiep-grid .product-card--link .product-card-name{-webkit-line-clamp:1}}.thiep-loading,.thiep-error,.thiep-empty{text-align:center;padding:4rem 2rem;color:#6b7280;font-size:1.125rem;grid-column:1 / -1}.thiep-error{color:#dc2626}.thiep-reset-btn{margin-top:1rem;padding:.6rem 1.5rem;border:1.5px solid #fe2c56;border-radius:2rem;background:#fff;color:#fe2c56;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.thiep-reset-btn:hover{background:#fdf2f8}.homepage-nav-link.active{background:#fdf2f8;color:#fe2c56}.ps-page{min-height:100vh;background:#fff;display:flex;flex-direction:column}.ps-main{flex:1;max-width:1200px;margin:0 auto;padding:1.25rem 1.5rem 3rem;width:100%;box-sizing:border-box}.ps-main--empty{text-align:center;padding:4rem 1.5rem;color:#6b7280}.ps-back{margin-top:1rem;padding:.55rem 1.25rem;border-radius:2rem;border:1.5px solid #fe2c56;background:#fff;color:#fe2c56;font-weight:600;cursor:pointer}.ps-heading{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 1.25rem;line-height:1.35}.ps-count{font-weight:600;color:#6b7280;font-size:1rem}.ps-error{color:#dc2626;margin-bottom:1rem}.ps-empty{color:#6b7280;margin:0}.co-page{min-height:100dvh;display:flex;flex-direction:column;background:#fafafa}.co-main{flex:1;padding:2rem max(1rem,calc((100% - 1100px)/2 + 1rem))}.co-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;font-size:1rem;color:#6b7280}.co-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:2.5rem}.co-step{display:flex;flex-direction:column;align-items:center;gap:.35rem}.co-step-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;background:#e5e7eb;color:#9ca3af;transition:background .2s,color .2s}.co-step--active .co-step-dot{background:#e05c99;color:#fff}.co-step--done .co-step-dot{background:#22c55e;color:#fff}.co-step-label{font-size:.78rem;color:#6b7280;white-space:nowrap}.co-step--active .co-step-label{color:#e05c99;font-weight:600}.co-step--done .co-step-label{color:#22c55e;font-weight:600}.co-step-line{height:2px;width:80px;background:#e5e7eb;margin:0 .5rem 1.2rem}.co-layout{display:grid;grid-template-columns:1fr 340px;gap:2rem;align-items:start}@media(max-width:768px){.co-layout{grid-template-columns:1fr}}.co-form{background:#fff;border-radius:16px;padding:1.75rem;border:1px solid #f3f4f6}.co-form-title{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0 0 1.25rem}.co-form-hint{font-size:.875rem;color:#6b7280;margin:-.75rem 0 1.25rem}.co-label{display:flex;flex-direction:column;gap:.4rem;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:1rem}.co-req{color:#ef4444;font-weight:700}.co-field-hint{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem .9rem;border-radius:14px;background:linear-gradient(135deg,#fff7ed,#fff1f2);border:1.5px solid #fdba74;color:#9a3412;box-shadow:0 8px 22px #fb923c1f;line-height:1.45}.co-field-hint-icon{width:28px;height:28px;border-radius:999px;background:#fed7aa;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.co-field-hint strong{display:block;font-size:.9rem;font-weight:800;color:#7c2d12}.co-field-hint small{display:block;margin-top:.15rem;font-size:.78rem;color:#c2410c;font-weight:500}.co-optional{color:#9ca3af;font-weight:400}.co-input{width:100%;padding:.65rem .9rem;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.9375rem;color:#1f2937;outline:none;transition:border-color .15s;box-sizing:border-box;font-family:inherit;background:#fff}.co-input:focus{border-color:#e05c99}.co-textarea{resize:vertical}.co-note{margin-top:.5rem}.co-upload-status{font-size:.75rem;color:#6b7280;margin:.25rem 0 .4rem;display:flex;align-items:center;gap:.35rem}.co-upload-status:before{content:"";display:inline-block;width:10px;height:10px;border:2px solid #d1d5db;border-top-color:#6b7280;border-radius:50%;animation:co-spin .7s linear infinite;flex-shrink:0}.co-item-custom{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid #f3f4f6}.co-item-custom:last-child{border-bottom:none}.co-item-thumb{width:72px;height:72px;object-fit:cover;border-radius:10px;flex-shrink:0}.co-item-custom-body{flex:1}.co-item-custom-title{margin-bottom:.6rem}.co-item-custom-name{font-size:.9rem;font-weight:700;color:#1f2937;margin:0}.co-item-custom-qty{margin:.15rem 0 0;font-size:.8rem;color:#6b7280;font-weight:500}.co-zalo-notice{display:flex;align-items:flex-start;gap:.6rem;background:#f0fdf4;border:1.5px solid #86efac;border-radius:10px;padding:.7rem .9rem;margin-bottom:.5rem}.co-zalo-notice-icon{font-size:1.2rem;flex-shrink:0;line-height:1.4}.co-zalo-notice-text{font-size:.88rem;color:#166534;line-height:1.5}.co-zalo-notice-text strong{display:block;margin-bottom:.1rem}.co-upload-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;background:#fafafa;border:1.5px dashed #d1d5db;border-radius:8px;font-size:.82rem;font-weight:600;color:#6b7280;cursor:pointer;transition:background .15s,border-color .15s,color .15s;margin-bottom:.6rem}.co-upload-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.co-upload-btn:disabled{opacity:.5;cursor:not-allowed}.co-upload-limit-note{margin-top:.35rem;font-size:.78rem;color:#9ca3af;font-weight:500}.co-preview-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;margin-bottom:.5rem}.co-preview-slot{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;flex-shrink:0}.co-preview-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}.co-preview-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.co-preview-remove:hover{background:#dc2626cc}.co-preview-slot:hover .co-preview-remove{opacity:1}.co-preview-spinner{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center}.co-preview-spinner-ring{display:block;width:28px;height:28px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:co-spin .7s linear infinite}@keyframes co-spin{to{transform:rotate(360deg)}}.co-preview-slot--uploading .co-preview-img{opacity:.6}.co-preview-done{position:absolute;bottom:4px;right:4px;width:16px;height:16px;border-radius:50%;background:#22c55e;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 1px 3px #00000040}.co-preview-error{position:absolute;inset:0;background:#ef4444bf;display:flex;align-items:center;justify-content:center}.co-preview-retry{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.co-btn-row{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.co-back-btn{padding:.7rem 1.5rem;border:1.5px solid #e5e7eb;background:#fff;border-radius:10px;font-size:.9375rem;font-weight:600;color:#374151;cursor:pointer;transition:background .15s}.co-back-btn:hover{background:#f3f4f6}.co-next-btn,.co-pay-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#e05c99,#c9408a);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:700;cursor:pointer;transition:opacity .15s}.co-next-btn:hover,.co-pay-btn:hover{opacity:.9}.co-pay-btn:disabled{opacity:.55;cursor:not-allowed}.co-error{color:#ef4444;font-size:.875rem;margin-top:.75rem;text-align:right}.co-summary{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid #f3f4f6;position:sticky;top:80px}.co-summary-title{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 1rem}.co-summary-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.co-summary-item{display:flex;align-items:center;gap:.6rem}.co-summary-img{width:48px;height:48px;object-fit:cover;border-radius:8px;flex-shrink:0}.co-summary-item-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.co-summary-item-name{font-size:.83rem;font-weight:600;color:#1f2937;line-height:1.3}.co-summary-item-qty{font-size:.78rem;color:#9ca3af}.co-summary-item-price{font-size:.88rem;font-weight:700;color:#e05c99;white-space:nowrap}.co-summary-divider{height:1px;background:#f3f4f6;margin:1rem 0}.co-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#6b7280;margin-bottom:.45rem}.co-summary-row strong{color:#374151;font-size:.9rem}.co-summary-total{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:#374151}.co-summary-total strong{font-size:1.1rem;color:#1f2937}.co-summary-note{font-size:.78rem;color:#9ca3af;margin-top:.5rem}.pcp-page{min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff1f6,#fff 42%,#f9fafb)}.pcp-main{flex:1;display:flex;justify-content:center;padding:2rem 1rem}.pcp-card{width:min(100%,520px);align-self:flex-start;background:#fff;border:1px solid #fce7f3;border-radius:24px;padding:1.4rem;text-align:center;box-shadow:0 14px 42px #e05c991f}.pcp-back-button{border:1px solid #fbcfe8;background:#fff;color:#be185d;border-radius:999px;padding:.55rem 1rem;font-size:.88rem;font-weight:700;cursor:pointer;margin-bottom:1rem}.pcp-title{margin:0 0 .45rem;color:#1f2937;font-size:1.65rem;font-weight:800}.pcp-desc{margin:0 auto 1.4rem;color:#6b7280;line-height:1.55;max-width:360px}.pcp-error{padding:.85rem 1rem;border-radius:12px;color:#991b1b;background:#fee2e2;font-weight:600}.pcp-qr-container{width:fit-content;margin:0 auto 1.25rem;padding:.8rem;background:#fff;border:1px solid #f3f4f6;border-radius:20px;box-shadow:0 8px 28px #0f172a14}.pcp-qr-container img{display:block;width:min(280px,72vw);height:auto}.pcp-bank-info{display:flex;flex-direction:column;gap:0;border:1px solid #fbcfe8;border-radius:18px;padding:.4rem 1rem;margin-bottom:1rem;background:#fffafd}.pcp-bank-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;border-bottom:1px solid #fce7f3}.pcp-bank-row:last-child{border-bottom:none}.pcp-bank-label{color:#6b7280;font-size:.9rem;text-align:left}.pcp-bank-value{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;color:#1f2937;text-align:right;word-break:break-word}.pcp-amount{color:#e05c99;font-size:1.2rem}.pcp-copy-button{border:none;background:#fdf2f8;color:#be185d;border-radius:999px;padding:.25rem .55rem;font-size:.75rem;font-weight:700;cursor:pointer}.pcp-countdown{color:#4b5563;font-size:.95rem;margin-bottom:.45rem}.pcp-countdown span{font-weight:800;font-variant-numeric:tabular-nums}.pcp-countdown-urgent{color:#dc2626}.pcp-status{padding:.85rem;border-radius:14px;font-size:.95rem;font-weight:700}.pcp-status--pending{color:#92400e;background:#fef3c7}.pcp-expired{display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:1.25rem;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:14px;text-align:center}.pcp-expired-text{font-size:.9rem;color:#0369a1;line-height:1.55;margin:0}.pcp-retry-button{padding:.55rem 1.5rem;border-radius:999px;border:none;background:#0ea5e9;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .15s}.pcp-retry-button:hover{background:#0284c7}@media(max-width:560px){.pcp-main{padding:1rem .85rem}.pcp-card{border-radius:20px;padding:1rem}.pcp-title{font-size:1.35rem}.pcp-bank-row{align-items:flex-start;flex-direction:column;gap:.35rem}.pcp-bank-value{justify-content:flex-start;text-align:left}}.cr-page{min-height:100dvh;display:flex;flex-direction:column;background:#fafafa}.cr-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.cr-card{background:#fff;border-radius:24px;padding:2.75rem 2rem 2.25rem;max-width:440px;width:100%;text-align:center;box-shadow:0 8px 40px #00000014;display:flex;flex-direction:column;align-items:center;gap:0}.cr-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;flex-shrink:0}.cr-icon--success{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 24px #22c55e59}.cr-icon--error{background:linear-gradient(135deg,#f87171,#dc2626);box-shadow:0 8px 24px #ef44444d}.cr-icon--cancel{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 8px 24px #6b728040}.cr-gif-icon{width:200px;height:200px;object-fit:contain;margin-bottom:1.25rem;flex-shrink:0}.cr-heading{font-size:1.5rem;font-weight:800;color:#111827;margin:0 0 .6rem;line-height:1.25}.cr-body{font-size:.9375rem;color:#6b7280;line-height:1.65;margin:0 0 1.5rem;max-width:320px}.cr-order-summary{width:100%;background:#f9fafb;border:1px solid #f3f4f6;border-radius:14px;padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.65rem}.cr-order-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.cr-order-row span{color:#6b7280}.cr-order-row strong{color:#111827;font-weight:700}.cr-zalo-hint{width:100%;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:16px;padding:1rem 1.25rem 1.1rem;margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;gap:.85rem}.cr-zalo-hint-text{margin:0;font-size:.9rem;color:#1e40af;line-height:1.6;text-align:center}.cr-zalo-hint-code{font-size:1rem;letter-spacing:.04em;color:#1d4ed8}.cr-zalo-hint-sub{font-size:.8rem;color:#3b82f6}.cr-zalo-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.5rem;background:#0068ff;color:#fff;font-weight:700;font-size:.9375rem;border-radius:50px;text-decoration:none;width:100%;box-sizing:border-box;box-shadow:0 4px 14px #0068ff4d;transition:opacity .15s,transform .12s}.cr-zalo-btn:hover{opacity:.88;transform:translateY(-1px)}.cr-zalo-svg{width:22px;height:22px;flex-shrink:0;border-radius:5px}.cr-cta-btn{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;padding:.85rem 2rem;background:linear-gradient(135deg,#f472b6,#e05c99 40%,#a855f7);color:#fff;border-radius:50px;font-size:.9375rem;font-weight:700;text-decoration:none;box-shadow:0 4px 18px #a855f74d;transition:opacity .15s,transform .12s}.cr-cta-btn:hover{opacity:.9;transform:translateY(-1px)}.cr-track-link{display:block;text-align:center;margin-top:.75rem;font-size:.88rem;color:#7c3aed;text-decoration:none;font-weight:600}.cr-track-link:hover{text-decoration:underline}.cr-brand{margin-top:1.75rem;font-size:.78rem;color:#9ca3af;display:flex;align-items:center;gap:.4rem}.cr-brand img{width:18px;height:18px;border-radius:50%;object-fit:cover}.to-layout{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(160deg,#fdf4ff,#fff5f7 60%,#fff)}.to-page{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem 1rem 3rem}.to-container{width:100%;max-width:520px;display:flex;flex-direction:column;gap:1.5rem}.to-hero{text-align:center}.to-hero-icon{font-size:2.5rem;margin-bottom:.5rem}.to-title{font-size:1.7rem;font-weight:800;color:#1f2937;margin:0 0 .3rem}.to-subtitle{font-size:.95rem;color:#6b7280;margin:0}.to-search{display:flex;gap:.5rem}.to-input{flex:1;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-family:inherit;outline:none;background:#fff;transition:border-color .15s}.to-input:focus{border-color:#a855f7}.to-btn{padding:.75rem 1.4rem;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .15s}.to-btn:disabled{opacity:.6;cursor:not-allowed}.to-error{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626;font-size:.9rem;padding:.75rem 1rem;border-radius:10px;text-align:center}.to-result{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;overflow:hidden}.to-stage-banner{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 1.5rem;font-size:1.05rem;font-weight:700}.to-stage--,.to-stage--new,.to-stage--pending{background:#fef3c7;color:#92400e}.to-stage--preparing{background:#dbeafe;color:#1d4ed8}.to-stage--packing{background:#ede9fe;color:#5b21b6}.to-stage--shipped{background:#d1fae5;color:#065f46}.to-stage-icon{font-size:1.3rem}.to-progress-wrap{padding:1rem 1.5rem 0}.to-progress-bar{height:6px;background:#f3f4f6;border-radius:99px;overflow:hidden;margin-bottom:.6rem}.to-progress-fill{height:100%;background:linear-gradient(90deg,#a855f7,#ec4899);border-radius:99px;transition:width .5s ease}.to-steps{display:flex;justify-content:space-between}.to-step{display:flex;flex-direction:column;align-items:center;gap:.3rem;flex:1;position:relative}.to-step-dot{width:12px;height:12px;border-radius:50%;background:#e5e7eb;border:2px solid #e5e7eb;transition:background .3s}.to-step--done .to-step-dot{background:#a855f7;border-color:#a855f7}.to-step-label{font-size:.7rem;color:#9ca3af;text-align:center;white-space:nowrap}.to-step--done .to-step-label{color:#7c3aed;font-weight:600}.to-info-grid{display:flex;flex-direction:column;gap:0;padding:1rem 1.5rem}.to-info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.65rem 0;border-bottom:1px solid #f3f4f6;font-size:.9rem}.to-info-row:last-child{border-bottom:none}.to-info-label{color:#6b7280;white-space:nowrap}.to-info-value{color:#1f2937;font-weight:600;text-align:right}.to-info-code{font-family:monospace;font-size:.95rem;letter-spacing:.05em;color:#7c3aed}.to-tracking-code{color:#059669}.to-tracking-note{margin:0 1.5rem 1.25rem;padding:.75rem 1rem;background:#f0fdf4;border:1px solid #86efac;border-radius:10px;font-size:.83rem;color:#166534;line-height:1.5}.to-items-section{padding:0 1.5rem 1.5rem}.to-section-title{margin:0 0 .85rem;font-size:1rem;font-weight:800;color:#1f2937}.to-items-list{display:flex;flex-direction:column;gap:.75rem}.to-item-card{border:1px solid #f3f4f6;border-radius:14px;background:#fafafa;padding:.75rem}.to-item-main{display:grid;grid-template-columns:56px 1fr auto;gap:.75rem;align-items:center}.to-item-img{width:56px;height:56px;border-radius:10px;object-fit:cover;background:#f3f4f6}.to-item-img--empty{display:flex;align-items:center;justify-content:center;font-size:1.4rem}.to-item-info{min-width:0}.to-item-name{font-weight:700;color:#111827;margin-bottom:.2rem}.to-item-meta,.to-item-note{font-size:.8rem;color:#6b7280;line-height:1.4}.to-item-price{font-weight:800;color:#db2777;white-space:nowrap}.to-item-thumbs{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.65rem;padding-left:68px}.to-item-thumb{width:42px;height:42px;border-radius:8px;object-fit:cover;border:1px solid #e5e7eb}@media(max-width:520px){.to-item-main{grid-template-columns:48px 1fr}.to-item-img{width:48px;height:48px}.to-item-price{grid-column:2;justify-self:start}.to-item-thumbs{padding-left:0}}.floating-contact{position:fixed;right:14px;bottom:24px;display:flex;flex-direction:column;gap:22px;z-index:9999;pointer-events:none}.fc-button{position:relative;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:auto}.fc-button a{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #00000026}.fc-button a:hover{transform:scale(1.08);box-shadow:0 6px 18px #0003}.fc-instagram a{background:transparent;box-shadow:none;border-radius:10px}.fc-instagram a:hover{box-shadow:0 6px 18px #e1306c59}.fc-instagram svg{width:100%;height:100%;display:block}.fc-tiktok a{background:#000}.fc-tiktok a:hover{box-shadow:0 6px 18px #fe2c5559}.fc-facebook a{background:#1877f2}.fc-facebook a:hover{box-shadow:0 6px 18px #1877f266}.fc-zalo a{background:#fff;padding:4px}.fc-zalo a img{width:100%;height:100%;object-fit:contain}.fc-circle{position:absolute;inset:0;border-radius:50%;z-index:1;animation:fc-ripple 2s ease-out infinite;pointer-events:none}.fc-instagram .fc-circle{background:#fcd9e3}.fc-tiktok .fc-circle{background:#d1d5db}.fc-facebook .fc-circle,.fc-zalo .fc-circle{background:#bfdbfe}.fc-circle-1{animation-delay:0s}.fc-circle-2{animation-delay:.6s}.fc-circle-3{animation-delay:1.2s}@keyframes fc-ripple{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@media(prefers-reduced-motion:reduce){.fc-circle{animation:none;opacity:0}}@media(max-width:480px){.floating-contact{right:10px;bottom:18px;gap:18px}.fc-button{width:40px;height:40px}}