*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}header{background-color:#fff;box-shadow:0 2px 4px #0000001a;height:65px;position:fixed;top:0;left:0;width:100%;z-index:999}body{background-color:#e8f8f5;padding-top:65px}.app-layout{min-height:calc(100vh - 65px);display:flex;flex-direction:column}.app-main{flex:1}footer{background-color:#f9f9f9;position:static;width:100%;height:75px;box-sizing:border-box}.profilePageCol{max-width:900px;margin:0 auto;padding:24px;min-height:auto;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;background:#fff}.profileTitle{margin:0 0 6px;font-size:24px;font-weight:900;color:#111}.profileTopCard{border:1px solid #e9e9e9;border-radius:12px;padding:18px;background:#fff;display:flex;flex-direction:column;align-items:center}.avatarBlock{border:none;background:transparent;cursor:pointer;padding:0}.avatarCircle{width:140px;height:140px;border:2px solid #1f1f1f;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#fff}.avatarInitial{font-size:56px;font-weight:900;color:#1f1f1f}.avatarImg{width:100%;height:100%;object-fit:cover}.avatarHint{margin-top:10px;font-size:12px;color:#666;text-align:center}.helloLine{margin-top:10px;font-weight:900;color:#00a9c0}.helloText{margin-right:6px}.infoCard{border:1px solid #e9e9e9;border-radius:12px;padding:6px 18px;background:#fff}.infoRow{display:grid;grid-template-columns:140px 1fr 120px;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #f2f2f2}.infoRow:last-child{border-bottom:none}.infoRow label{font-weight:900;color:#222}.value{font-weight:600;color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btnMod{justify-self:end;border:none;background:#00a9c0;color:#fff;border-radius:8px;padding:10px 12px;font-weight:900;cursor:pointer}.btnDeleteBottom{margin-top:auto;width:100%;border:2px solid #ff3b30;background:#fff;color:#ff3b30;border-radius:12px;padding:14px 16px;font-weight:900;cursor:pointer}.btnDeleteBottom:hover{background:#ff3b300f}@media(max-width:640px){.infoRow{grid-template-columns:120px 1fr;grid-template-rows:auto auto}.btnMod{grid-column:2;justify-self:start}}.order-tab{border:none;background:none;font-size:18px;padding:8px 0;white-space:nowrap}.order-tab.active{color:#d60000;font-weight:700;border-bottom:3px solid #d60000}.order-tab:first-child{margin-left:auto}.order-tab:last-child{margin-right:auto}.order-tabs-scroll{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center}.order-tabs-scroll .order-tab{min-width:0;padding:12px 8px;border:none;background:transparent;font-size:16px;white-space:nowrap;cursor:pointer}.order-tabs-scroll .order-tab.active{color:red;font-weight:700;border-bottom:3px solid red}.order-card{background:#fff;border-radius:12px;padding:14px;margin-bottom:12px}.order-img{width:90px;height:90px;object-fit:cover;border-radius:8px;background:#f5f5f5}.loading-container{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-spinner{width:42px;height:42px;border:4px solid #ddd;border-top-color:#222;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.loading-image{width:80px;height:80px;object-fit:contain}.loading-container p{margin-top:12px;color:#666;font-size:15px}@keyframes spin{to{transform:rotate(360deg)}}.search-form{flex:1;min-width:82px;display:flex;justify-content:center}.search-box{width:100%;border-radius:999px;min-width:0;display:flex;align-items:center;padding-left:20px;box-shadow:0 0 0 1px #e5e7eb}.search-box1{width:100%;height:40px;border-radius:5px;display:flex;align-items:center;padding-left:20px;box-shadow:0 0 0 1px #e5e7eb;background-color:#fff}.search-box input{flex:1;min-width:0;border:none;outline:none}.search-box1 input{flex:1;border:none;outline:none}.search-box button,.search-box1 button{padding-right:10px;border:none;border-radius:50%;cursor:pointer;background:transparent;display:flex;align-items:center;justify-content:center}.relative{position:relative}.absolute{position:absolute}.flex,.d-flex{display:flex}.flex-1{flex:1}.flex-start-start{display:flex;align-items:flex-start;justify-content:flex-start}.flex-start-center{display:flex;align-items:flex-start;justify-content:center}.flex-start-end{display:flex;align-items:flex-start;justify-content:flex-end}.flex-center-start{display:flex;align-items:center;justify-content:flex-start}.flex-center-center{display:flex;align-items:center;justify-content:center}.flex-center-end{display:flex;align-items:center;justify-content:flex-end}.flex-end-start{display:flex;align-items:flex-end;justify-content:flex-start}.flex-end-center{display:flex;align-items:flex-end;justify-content:center}.flex-end-end{display:flex;align-items:flex-end;justify-content:flex-end}.d-flex-center-start-m-flex-center-center{display:flex;align-items:center;justify-content:flex-start}.d-flex-start-end-m-flex-start-start{display:flex;align-items:flex-start;justify-content:flex-end}.bg-bai{background-color:#fff}.bg-hui{background-color:#f9f9f9}.bg-cat{background-color:#f8c7f5}.bg-C1C1C1{background-color:#c1c1c1}.bg-lv{background-color:#95e1d3}.border-1-hui{border:1px solid #ccc}.border-1-b-hui{border-bottom:1px solid #000000}.border-1-hei{border:1px solid #000000}.border-2-hei{border:2px solid #000000}.border-1-hei{border:1px solid #d8d8d8}.border-3-hei{border:3px solid #000000}.border-r-1-hui{border-right:1px solid #666}.border-l-1-hui{border-left:1px solid #666}.fixed{position:fixed}.top-0{top:0}.icon-12-12{width:12px;height:12px}.icon-20-20{width:20px;height:20px}.icon-20-25{width:20px;height:25px}.icon-40-40,.icon-60-60{width:40px;height:40px}.icon-60-40{width:60px;height:40px}.icon-80-40{width:80px;height:40px}.img-icon{font-size:20px;color:#222}.img-icon1{font-size:20px;color:#ff2d66}.img-icon2{font-size:25px;color:#666}.img-icon3{font-size:20px;color:#666}.content-auto-auto{width:auto;height:auto}.content-auto-5p{width:auto;height:5%}.content-auto-10p{width:auto;height:10%}.content-auto-15p{width:auto;height:15%}.content-auto-20p{width:auto;height:20%}.content-50p-auto{width:50%;height:auto}.content-100p-auto{width:100%;height:auto}.content-100p-5p{width:100%;height:5%}.content-100p-10p{width:100%;height:10%}.content-5p-100p{width:5%;height:100%}.content-10p-100p,.d-content-10p-100p-m-content-100p-100p{width:10%;height:100%}.content-20p-100p{width:20%;height:100%}.content-25p-100p{width:25%;height:100%}.d-content-20p-100p-m-content-100p-100p{width:20%;height:100%}.d-content-30p-100p-m-content-100p-100p{width:30%;height:100%}.content-35p-100p{width:35%;height:100%}.d-content-33p-100p-m-content-100p-auto{width:33.33%;height:auto}.d-content-40p-100p-m-content-100p-100p{width:40%;height:100%}.content-50p-100p,.d-content-50p-100p-m-content-100p-100p{width:50%;height:100%}.content-85p-100p{width:85%;height:100%}.content-100p-50p{width:100%;height:50%}.content-n140p-100p{width:calc(100% - 140px);height:100%}.content-80p-80p{width:80%;height:80%}.content-80p-100p{width:80%;height:100%}.content-100p-100p{width:100%;height:100%}.content-100v-100p{width:100vh;height:100%}.content-100p-100v{width:100%;height:100vh}.content-100v-auto{width:100vh;height:auto}.content-auto-100v{width:auto;height:100vh}.content-5p-auto{width:5%;height:auto}.content-10p-auto{width:10%;height:auto}.content-15p-auto{width:15%;height:auto}.content-20p-auto{width:20%;height:auto}.content-33p-100p{width:33.33%;height:100%}.zindex-1{z-index:1}.zindex-2{z-index:2}.zindex-3{z-index:3}.zindex-4{z-index:4}.zindex-5{z-index:5}.zindex-6{z-index:6}.zindex-7{z-index:7}.zindex-8{z-index:8}.zindex-9{z-index:9}.zindex-10{z-index:10}.btn-1{padding:10px 15px;border-radius:20px;background-color:#c0f5fc;border:none;cursor:pointer}.btn-1:hover{background-color:#95e1d3;color:#fff}.btn-2{width:100%;padding:10px 15px;border-radius:20px;border:none;cursor:pointer;background:#c0f5fc}.btn-2:hover{background:#95e1d3;color:#fff}.btn-v2{width:100%;padding:10px 15px;border-radius:20px;border:none;cursor:pointer;background:#c0f5fc}.btn-v2:hover{background:#95e1d3;color:#fff}.btn-3{padding:5px 10px;border-radius:20px;background-color:#fad4bd;border:none;cursor:pointer}.btn-4{padding:5px 10px;border-radius:20px;background-color:#f8c7f5;cursor:pointer}.btn-4:hover{background:#95e1d3}.btn-4.active{color:#249b85;text-decoration:underline;font-weight:700}.btn-5{width:100%;padding:5px;border-radius:20px;border:none;cursor:pointer;background:#c0f5fc}.btn-5:hover{background:#95e1d3;color:#fff}.btn-5.published{background-color:#7eb6ab;color:#fff}.btn-5.published:hover{background-color:#95e1d3}.btn-6{flex:1;border:none;border-radius:14px;height:73px;padding:14px 16px;cursor:pointer;font-weight:800;font-size:16px;background:linear-gradient(90deg,#ff6aa3,#ff2d66);color:#fff}.btn-7-tu{border:1px solid #ddd;border-radius:14px;padding:14px 16px;background:#fff;cursor:pointer;font-weight:700;display:flex;align-content:center}.btn-8{border:1px solid #eee;background:#fff;border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:700}.btn-8.active{border-color:#ff5a90;background:#ffe2ec}.btn-9{border:1px solid #eee;background:#fff;border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:700}.btn-9.active{border-color:#ff5a90;background:#ffe2ec}.btn-10{border:1px solid #eee;background:#fff;border-radius:12px;padding:5px 10px;cursor:pointer;font-weight:700}.btn-disabled{background:#ebebeb!important;color:#888!important;cursor:not-allowed}.c-hei{color:#000}.c-bai{color:#fff}.c-hui{color:#666}.c-hui1{color:#888}.c-C1C1C1{color:#c1c1c1}.c-lv{color:#95e1d3}.c-rose{color:#ff2d66}.c-red{color:#8b0000}.align-center{align-items:center}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-top{text-align:top}.text-bottom{text-align:bottom}.text-last-center{text-align-last:center}.content-start{align-content:flex-start}.content-center{align-content:center}.content-end{align-content:flex-end}.padding-h-none{padding-left:0;padding-right:0}.padding-h-5{padding-left:5px;padding-right:5px}.padding-h-10{padding-left:10px;padding-right:10px}.padding-h-15{padding-left:15px;padding-right:15px}.padding-h-20{padding-left:20px;padding-right:20px}.padding-h-25{padding-left:25px;padding-right:25px}.d-padding-h-25-m-padding-h-15{padding-left:45px;padding-right:45px}.padding-h-value{padding-left:var(--left);padding-right:var(--right)}.padding-v-none{padding-top:0;padding-bottom:0}.padding-v-5{padding-top:5px;padding-bottom:5px}.padding-v-10{padding-top:10px;padding-bottom:10px}.padding-v-15{padding-top:15px;padding-bottom:15px}.padding-v-20{padding-top:20px;padding-bottom:20px}.padding-v-25{padding-top:25px;padding-bottom:25px}.padding-v-value{padding-top:var(--top);padding-bottom:var(--bottom)}.padding-none{padding:none}.padding-5{padding:5px}.padding-10{padding:10px}.padding-15{padding:15px}.padding-20{padding:20px}.padding-25{padding:25px}.padding-value{padding:var(--padding)}.padding-b-d-15-m-none{padding-bottom:15px}.padding-r-none{padding-right:0}.padding-r-5{padding-right:5px}.padding-r-10,.d-padding-r-10{padding-right:10px}.padding-r-15{padding-right:15px}.padding-r-20{padding-right:20px}.padding-r-25{padding-right:25px}.padding-r-value{padding-right:var(--right)}.padding-l-none{padding-left:0}.padding-l-5{padding-left:5px}.padding-l-10,.d-padding-l-10{padding-left:10px}.padding-l-15{padding-left:15px}.padding-l-20{padding-left:20px}.padding-l-25{padding-left:25px}.padding-l-value{padding-left:var(--left)}.padding-b-none{padding-bottom:0}.padding-b-5{padding-bottom:5px}.padding-b-10{padding-bottom:10px}.padding-b-15{padding-bottom:15px}.padding-b-20{padding-bottom:20px}.padding-b-25{padding-bottom:25px}.padding-b-value{padding-bottom:var(--bottom)}.padding-t-none{padding-top:0}.padding-t-5{padding-top:5px}.padding-t-10{padding-top:10px}.padding-t-15{padding-top:15px}.padding-t-20{padding-top:20px}.padding-t-25{padding-top:25px}.padding-t-30,.d-padding-t-30{padding-top:30px}.padding-t-value{padding-top:var(--top)}.content-wh-value-100p{width:calc(100vh - var(--width));height:100%}.content-100p-wh-value{width:100%;height:calc(100vh - var(--height))}.content-w-value-100p{width:calc(100% - var(--width));height:100%}.content-100p-w-value{width:100%;height:calc(100% - var(--height))}.content-wp-value-100p{width:calc(100% - var(--width));height:100%}.content-100p-wp-value{width:100%;height:calc(100% - var(--height))}.content-wp-value-auto{width:calc(100% - var(--width));height:auto}.content-h-100p{height:100%}.content-w-100p{width:100%}.content-w-value{width:var(--width)}.content-h-value{height:var(--height)}.content-auto-value{width:auto;height:var(--height)}.content-value-auto{width:var(--width);height:auto}.content-value-100p{width:var(--width);height:100%}.content-100p-value{width:100%;height:var(--height)}.content-value-value{width:var(--width);height:var(--height)}.d-25p-m-100p{width:25%}.d-33p-m-100p{width:33.33%}.d-50p-m-100p{width:50%}.d-content-wp-value-auto-m-100p{width:calc(100% - var(--width));height:auto}.d-content-value-auto-m-100p{width:var(--width);height:auto}.min-w-5{min-width:5px}.min-w-10{min-width:10px}.min-w-15{min-width:15px}.min-w-20{min-width:20px}.min-w-25{min-width:25px}.min-w-value{min-width:var(--width)}.min-h-5{min-height:5px}.min-h-10{min-height:10px}.min-h-15{min-height:15px}.min-h-20{min-height:20px}.min-h-25{min-height:25px}.min-h-value{min-height:var(--height)}.max-w-100{max-width:100px}.max-w-value{max-width:var(--width)}.radius-5{border-radius:5px}.radius-10{border-radius:10px}.radius-15{border-radius:15px}.radius-20{border-radius:20px}.radius-25{border-radius:25px}.radius-value{border-radius:var(--radius)}.radius-left-5{border-radius:5px 0 0 5px}.radius-left-25{border-radius:25px 0 0 25px}.radius-right-5{border-radius:0 5px 5px 0}.radius-right-25{border-radius:0 25px 25px 0}.radius-bottom-5{border-radius:0 0 5px 5px}.radius-top-5{border-radius:5px 5px 0 0}.radius-top-35{border-radius:35px 35px 0 0}.radius-top-50{border-radius:50px 50px 0 0}.radius-bottom-25{border-radius:0 0 25px 25px}.margin-t-auto{margin-top:auto}.margin-l-auto{margin-left:auto}.margin-r-auto{margin-right:auto}.margin-b-auto{margin-bottom:auto}.margin-b-5{margin-bottom:5px}.margin-h-auto{margin-left:auto;margin-right:auto}.gap-5{gap:5px}.gap-10{gap:10px}.gap-15{gap:15px}.gap-20{gap:20px}.gap-25{gap:25px}.pointer{cursor:pointer}.desktop{display:block}.mobile{display:none}.decoration-none{text-decoration:none}.category-item{border:none;background:none;font-size:18px;padding:5px 20px;white-space:nowrap}.category-item.active{color:#d60000;font-weight:700;border-bottom:3px solid #d60000}.card{max-width:400px;margin:30px auto;padding:24px 28px;border-radius:12px;background-color:#fff;box-shadow:0 8px 20px #0000000f;box-sizing:border-box}.nodian{list-style:none}.nodian .idle{color:#888}.nodian .ok{color:#2e7d32}.nodian .fail{color:#dc3545}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group input{padding:10px 12px;font-size:14px;border-radius:8px;border:1px solid #ccc;outline:none;box-sizing:border-box}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}input.success{border:2px solid #28a745;background-image:url("data:image/svg+xml,%3Csvg fill='green' width='18' height='18' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.485 1.929L6 9.414 2.515 5.929 1.1 7.343 6 12.243l8.9-8.9z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:18px}input.error{border:2px solid #dc3545;background-image:url("data:image/svg+xml,%3Csvg fill='red' width='18' height='18' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 6.586L3.757 2.343 2.343 3.757 6.586 8l-4.243 4.243 1.414 1.414L8 9.414l4.243 4.243 1.414-1.414L9.414 8l4.243-4.243-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:18px}.copiertupian{border:2px dashed #ddd;border-radius:12px;padding:12px;background:#fafafa;width:260px;max-width:100%;min-height:120px;outline:none;cursor:text;box-sizing:border-box}.center-page{display:flex;justify-content:center;align-items:center;height:100vh}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.label-row>label:first-child{margin-bottom:0}.afficher{display:flex;align-items:center;font-size:.9rem;gap:4px;cursor:pointer;white-space:nowrap}.afficher input[type=checkbox]{margin:0}.input{border:1px solid #ccc;padding:8px;border-radius:5px}.error{border:2px solid red!important}.error-message{color:red;font-size:12px;margin-top:4px}.box-shadow-0-3-6-hei{box-shadow:0 3px 6px #000}.paste-box{border:2px dashed #ddd!important;border-radius:12px!important;padding:12px!important;background:#fafafa!important;width:260px!important;min-height:120px!important;outline:none!important;cursor:text!important}.image-card{border:1px solid #eee!important;border-radius:10px!important;overflow:hidden!important}.image-card-img{width:100%!important;height:90px!important;object-fit:cover!important}.tag-item{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#4fd1c5;color:#fff;border-radius:16px;font-size:14px;margin-right:8px;margin-bottom:8px}.tag-close{background:transparent;border:none;color:#fff;cursor:pointer;font-size:16px;line-height:1;padding:0}.zuo-you-fen-san{justify-content:space-between}.touxiang{width:36px;height:36px;border-radius:50%;cursor:pointer;border:2px solid #ddd;display:flex;align-items:center;justify-content:center}.touxiangkuang{position:absolute;right:0;border-radius:5%;background-color:#fff;border:2px solid #ddd;min-width:150px;padding-right:10px;padding-left:10px;margin-top:5px}.mobile-menu-divider{width:90%;height:1px;margin:8px auto;background-color:#ffffffb3}.text-shadow{text-shadow:2px 4px 3px rgb(0,0,0,.3)}.box-shadow{box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.border-none{border:none}.outline-none{outline:none}.block{display:block}.grid{display:grid}.overflow-hidden{overflow:hidden}.nowrap{white-space:nowrap}.wrap{flex-wrap:wrap}.bold{font-weight:700}.normal{font-weight:400}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.uppercase-first{display:block}.uppercase-first:first-letter{text-transform:uppercase}.capitalize{text-transform:capitalize}.decoration-underline{text-decoration:underline}.d-hidden{display:none}.m-hidden{display:block}.hidden{display:none}.s10{font-size:10px}.s12{font-size:12px}.s14{font-size:14px}.s16{font-size:16px}.s18{font-size:18px}.s20{font-size:20px}.s22{font-size:22px}.s24{font-size:24px}.s26{font-size:26px}.s28{font-size:28px}.s30{font-size:30px}.s32{font-size:32px}.s34{font-size:34px}.s36{font-size:36px}.s38{font-size:38px}.s40{font-size:40px}.s80{font-size:80px}.s100{font-size:100px}.svalue{font-size:var(--size)}.line-6{line-height:6px}.line-8{line-height:8px}.line-10{line-height:10px}.line-12{line-height:12px}.line-14{line-height:14px}.line-16{line-height:16px}.line-18{line-height:18px}.line-20{line-height:20px}.line-22{line-height:22px}.line-24{line-height:24px}.line-26{line-height:26px}.line-28{line-height:28px}.line-30{line-height:30px}.line-40{line-height:40px}.line-50{line-height:50px}.line-60{line-height:60px}.line-70{line-height:70px}.line-80{line-height:80px}.line-90{line-height:90px}.line-100{line-height:100px}.line-value{line-height:var(--height)}.top-value{top:var(--top)}.left-0{left:0}.left-value{left:var(--left)}.right-0{right:0}.right-value{right:var(--right)}.bottom-0{bottom:0}.bottom-value{bottom:var(--bottom)}.img-auto-auto{width:auto;height:auto;max-width:100%;max-height:100%}.blur-5{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pointer-events-none{pointer-events:none}.m-flex-block{display:flex}.m-padding-none{padding:auto}.m-padding-r-none{padding-right:auto}.m-padding-b-none{padding-bottom:auto}.address-selected{border:2px solid #29d754;background:#fff6fa}.selected-badge{position:absolute;top:10px;right:42px;width:24px;height:24px;border-radius:50%;background:#29d754;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.search-bar{padding:6px 10px;border:1px solid #ccc;border-radius:4px;outline:none}.search-bar button{padding:6px 12px;background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer}.cart-container{display:grid;grid-template-columns:1fr;gap:15px;padding-top:10px;padding-bottom:10px}.product-card{width:100%;padding:10px;cursor:pointer;border-radius:8px;background:#fff;box-shadow:0 2px 6px #0000001a;box-sizing:border-box}.product-card1,.product-card-favorite{min-width:310px;width:100%;padding:10px;border-radius:8px;background:#fff;box-shadow:0 2px 6px #0000001a}.product-image{position:relative;width:100%;height:140px;overflow:hidden;align-content:center;text-align:center;border-radius:8px;margin-bottom:8px;box-shadow:1px 1px 4px #0000001a}.product-image img{max-width:140px;max-height:140px}.stock-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#3c3c3cbf;color:#fff;padding:6px 18px;border-radius:30px;font-size:18px;font-weight:700;z-index:10;white-space:nowrap}.product-title{font-size:18px;margin:6px 0;font-weight:700}.product-price{color:#e60012;font-weight:700}.pd-back{border:none;background:#fff;padding:8px 10px;border-radius:10px;cursor:pointer}.pd-container{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;background:#fff;border-radius:14px;padding:16px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.pd-desc{white-space:pre-line}.pd-input{width:50px;text-align:center;font-size:16px;border:1px solid #ddd;border-radius:4px;padding:2px 4px;outline:none;margin:0 4px}.pd-input1{width:30px;text-align:center;font-size:16px;border:1px solid #ddd;border-radius:4px}.pd-btn{width:32px;height:32px;border-radius:10px;border:1px solid #eee;background:#fff;cursor:pointer;font-size:18px}.pd-qty{display:inline-flex;align-items:center;gap:10px;border:1px solid #eee;border-radius:12px;padding:8px 10px;width:fit-content}.pd-thumbs{display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;padding:4px 0;margin-right:10px;max-height:520px;scrollbar-width:thin}.pd-thumb{width:60px;height:60px;border:2px solid transparent;border-radius:6px;overflow:hidden;cursor:pointer;flex-shrink:0}.pd-thumb img{width:100%;height:100%;object-fit:cover}.pd-thumb.active{border-color:#ff5a90}.pd-left{display:grid;grid-template-columns:90px 1fr;gap:12px}.pd-main{border-radius:14px;background:#f7f7f7;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:520px}.pd-main-img{width:100%;height:100%;object-fit:contain;max-height:520px}.pd-main-empty,.pd-thumb-empty{padding:18px;color:#666}.pd-right{display:flex;flex-direction:column;gap:10px}.pd-badges{display:flex;gap:10px;align-items:center}.pd-badge{background:#ffe2ec;color:#b4003c;padding:6px 10px;border-radius:999px;font-weight:600}.pd-title{font-size:22px;margin:0}.pd-price{font-size:28px;font-weight:800;color:#ff2d66}.pd-actions{margin-top:12px;display:flex;gap:12px;align-items:center}.pd-tabs{margin-top:16px;display:flex;gap:10px;background:#fff;padding:10px;border-radius:14px}.pd-tab-content{margin-top:12px;background:#fff;border-radius:14px;padding:16px}.pd-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pd-gallery img{width:100%;border-radius:12px;object-fit:cover}.pd-spec-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f2f2f2}.model{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;box-sizing:border-box}.modal1{position:relative;width:90%;max-width:620px;background:#fff;border-radius:18px;padding:28px;box-sizing:border-box}.modal2{position:relative;width:fit-content;min-width:280px;max-width:min(90vw,620px);background:#fff;border-radius:18px;padding:28px;box-sizing:border-box}.pm-close{position:absolute;top:15px;right:18px;border:none;background:none;font-size:28px;cursor:pointer;line-height:1}.pm-img{width:100%;max-height:240px;object-fit:contain}.wishlist-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding-top:10px;padding-bottom:10px}.product-image-favorite{position:relative;width:140px;height:140px;cursor:pointer;overflow:hidden;align-content:center;text-align:center;border-radius:8px;margin-bottom:8px;box-shadow:1px 1px 4px #0000001a}.product-image-favorite img{max-width:140px;max-height:140px}.tableStyle{width:100%;border-collapse:collapse;text-align:center;margin-top:20px}.thStyle{border:1px solid #ccc;background-color:#f0f0f0;padding:12px 8px;font-weight:700}.tdStyle{border:1px solid #ccc;padding:10px 8px}@media only screen and (max-width:965px){.desktop{display:none}.mobile{display:block}.d-padding-h-25-m-padding-h-15{padding-left:15px;padding-right:15px}.d-flex{display:block}.d-padding-l-10{padding-left:0}.d-padding-t-30{padding-top:0;padding-bottom:10px}.d-padding-r-10{padding-right:0}.d-content-10p-100p-m-content-100p-100p,.d-content-20p-100p-m-content-100p-100p,.d-content-30p-100p-m-content-100p-100p,.d-content-40p-100p-m-content-100p-100p,.d-content-50p-100p-m-content-100p-100p{width:100%;height:100%}.d-content-33p-100p-m-content-100p-auto{width:100%;height:auto}.wishlist-container{grid-template-columns:1fr;gap:16px}.btn-6{width:100%}.btn-7-tu{width:100%;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px}.pd-left{width:100%;grid-template-columns:1fr}.pd-main{min-height:320px}.pd-main-img{width:100%;height:100%;object-fit:contain;max-height:348px}.pd-right{width:100%;display:flex;flex-direction:column;gap:10px}.pd-title{font-size:20px;margin:0}.pd-actions{width:100%;display:flex;flex-direction:column;gap:12px}.pd-actions>button{width:100%;margin:0}.pd-container{grid-template-columns:1fr}.pd-thumbs{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:80px!important;margin-right:0!important;margin-bottom:10px!important}.pd-thumb img{height:60px;width:80px}}@media only screen and (max-width:635px){.order-tabs-scroll{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;width:100%;padding:0 10px 8px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.order-tabs-scroll::-webkit-scrollbar{display:none}.order-tabs-scroll .order-tab{flex:0 0 auto;width:auto;min-width:max-content;padding:12px 8px;white-space:nowrap}.order-tabs-scroll .order-tab:first-child{margin-left:auto}.order-tabs-scroll .order-tab:last-child{margin-right:auto}}