.product-card{cursor:pointer;background:#f3f3f3;border-radius:18px;width:100%;transition:transform .3s;overflow:hidden}.product-card:hover{transform:translateY(-2px)}.product-image{aspect-ratio:2/3;background:#eee;width:100%;position:relative;overflow:hidden}.product-img{object-fit:cover;width:100%;height:100%;transition:opacity .35s,transform .5s;position:absolute;inset:0}.product-card:hover .product-img{transform:scale(1.02)}.fade-out,.hover-img{opacity:0}.fade-in{opacity:1}.badge{color:#fff;z-index:5;background:#111;border-radius:999px;padding:7px 14px;font-size:11px;font-weight:500;position:absolute;top:14px;left:14px}.wishlist{color:#444;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.wishlist:hover{background:#fff;transform:scale(1.05)}.bottom-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:5;box-sizing:border-box;background:#00000094;border-radius:16px;padding:12px 14px;transition:all .35s;position:absolute;bottom:12px;left:12px;right:12px;overflow:hidden}.bottom-overlay.expanded{padding:12px 14px 14px}.overlay-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.productprice-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.productprice{font-size:17px;font-weight:600}.productold-price{opacity:.6;font-size:12px;text-decoration:line-through}.productdiscount{color:#ffb5b5;font-size:12px}.bundle-text{color:#d7b27a;font-size:13px}.bottom-action-row{box-sizing:border-box;align-items:center;gap:6px;width:100%;margin-top:12px;display:flex;overflow:hidden}.left-actions{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex;overflow:hidden}.selector-wrapper{align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.scroll-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;min-width:26px;height:26px;padding:0;font-size:16px;line-height:1;transition:all .2s;display:flex}.scroll-btn:hover{background:#ffffff4d}.sizes{flex-wrap:nowrap;gap:5px;min-width:0;display:flex;overflow:hidden}.size-pill{color:#fff;cursor:pointer;box-sizing:border-box;background:#ffffff1f;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;padding:0 3px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.size-pill:hover{background:#ffffff40}.size-pill.active{color:#000;background:#fff}.size-pill:disabled{opacity:.3;cursor:not-allowed}.colors{flex-wrap:nowrap;align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.color-dot1{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:22px;min-width:22px;height:22px;margin-top:.5rem;padding:0;transition:all .2s}.color-dot1.selected{border-color:#fff;transform:scale(1.12)}.quick-buy-icon{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #ffffffd9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;padding:0;transition:all .25s;display:flex}.quick-buy-icon:hover{background:#ffffff24;transform:scale(1.06)}.disabled-quick-buy{pointer-events:none;opacity:.4!important;cursor:not-allowed!important;border-color:#fff3!important;transform:none!important}@media (max-width:1024px){.product-card{border-radius:16px}.product-image{aspect-ratio:3/4}.bottom-overlay{padding:10px 12px;bottom:10px;left:10px;right:10px}.overlay-title{font-size:13px}.productprice{font-size:15px}.productold-price,.productdiscount{font-size:11px}.size-pill{width:30px;min-width:30px;height:30px;font-size:10px}.color-dot1{width:20px;min-width:20px;height:20px}.scroll-btn{width:24px;min-width:24px;height:24px;font-size:14px}.quick-buy-icon{width:38px;min-width:38px;height:38px}.quick-buy-icon svg{width:18px;height:18px}.bottom-action-row{gap:5px}}@media (max-width:768px){.product-card{border-radius:13px}.product-image{aspect-ratio:1/1.45}.bottom-overlay{border-radius:12px;padding:8px 10px;bottom:7px;left:7px;right:7px}.bottom-overlay.expanded{padding:8px 10px 10px}.badge{padding:4px 9px;font-size:10px;top:9px;left:9px}.wishlist{width:32px;height:32px;font-size:15px;top:9px;right:9px}.overlay-title{-webkit-line-clamp:1;margin-bottom:4px;font-size:11px}.productprice{font-size:13px}.productold-price,.productdiscount,.bundle-text{font-size:10px}.bottom-action-row{gap:5px;margin-top:8px}.left-actions{gap:5px}.selector-wrapper{gap:3px}.sizes{gap:4px}.colors{gap:5px}.size-pill{width:28px;min-width:28px;height:28px;font-size:9px}.color-dot1{width:18px;min-width:18px;height:18px}.scroll-btn{width:22px;min-width:22px;height:22px;font-size:13px}.quick-buy-icon{width:34px;min-width:34px;height:34px}.quick-buy-icon svg{width:16px;height:16px}}@media (max-width:480px){.product-image{aspect-ratio:1/1.5}.bottom-overlay{border-radius:10px;padding:7px 9px;bottom:6px;left:6px;right:6px}.overlay-title{margin-bottom:3px;font-size:10px}.productprice{font-size:12px}.bottom-action-row{gap:4px;margin-top:6px}.left-actions{gap:4px}.selector-wrapper,.sizes{gap:3px}.colors{gap:4px}.size-pill{width:25px;min-width:25px;height:25px;font-size:8px}.color-dot1{width:16px;min-width:16px;height:16px}.scroll-btn{width:20px;min-width:20px;height:20px;font-size:12px}.quick-buy-icon{width:30px;min-width:30px;height:30px}.quick-buy-icon svg{width:14px;height:14px}}.drawer-backdrop{z-index:300;background:#00000073;justify-content:flex-end;align-items:flex-end;display:flex;position:fixed;inset:0}.drawer-close{cursor:pointer;z-index:10;background:0 0;border:none;font-size:22px;position:absolute;top:60px;right:16px}.drawer-right{box-sizing:border-box;z-index:400;background:#fff;flex-direction:column;width:420px;max-width:100%;height:84dvh;margin-top:9rem;padding:52px 24px 24px;animation:.35s forwards slideInRight;display:flex;position:relative;overflow-y:auto;transform:translate(100%)}.drawer-right1{box-sizing:border-box;z-index:400;background:#fff;flex-direction:column;width:420px;max-width:100%;height:86dvh;margin-top:9rem;padding:52px 24px 0;animation:.35s forwards slideInRight;display:flex;position:relative;overflow-y:auto;transform:translate(100%)}.drawer-right2{box-sizing:border-box;z-index:400;background:#fff;flex-direction:column;width:420px;max-width:100%;height:91dvh;margin-top:5.5rem;padding:52px 24px 0;animation:.35s forwards slideInRight;display:flex;position:relative;overflow-y:auto;transform:translate(100%)}@keyframes slideInRight{to{transform:translate(0)}}@keyframes slideInUp{to{transform:translateY(0)}}
.shopLook{max-width:30rem;padding:16px}.lookItemAll{border-bottom:1px solid #f1f1f1;flex-direction:column;align-items:flex-start;gap:14px;width:100%;height:100%;margin-bottom:28px;padding-bottom:18px;display:flex}.lookItem{border-bottom:1px solid #f1f1f1;align-items:flex-start;gap:14px;margin-bottom:28px;padding-bottom:18px;display:flex}.lookGrid{grid-template-columns:repeat(2,1fr);gap:16px 14px;width:100%;display:grid}.lookItemAll{cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;width:100%;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.lookItemAll:hover{transform:translateY(-3px);box-shadow:0 8px 22px #00000014}.lookImgAlll-wrap{aspect-ratio:3/4;background:#f5f5f5;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.lookImgAlll{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:8px;transition:transform .4s;display:block}.lookItemAll:hover .lookImgAlll{transform:scale(1.04)}.lookItemAll .lookInfoAll{flex-direction:column;gap:4px;padding:10px 6px 0;display:flex}.lookItemAll .lookInfoAll h4{color:#181818;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:38px;margin:0;font-size:13.5px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.lookItemAll .lookInfoAll p{color:#111;margin:0;font-size:14px;font-weight:700}@media (min-width:1440px){.lookGrid{gap:22px 18px}.lookItemAll .lookInfoAll h4{font-size:14.5px}.lookItemAll .lookInfoAll p{font-size:15px}}@media (min-width:769px) and (max-width:1023px){.lookGrid{gap:14px 12px}}@media (max-width:768px){.lookGrid{gap:12px 10px}.lookImgAlll-wrap{border-radius:12px}.lookItemAll .lookInfoAll{padding:8px 4px 0}.lookItemAll .lookInfoAll h4{max-height:34px;font-size:12.5px}.lookItemAll .lookInfoAll p{font-size:13px}}@media (max-width:380px){.lookGrid{grid-template-columns:repeat(2,1fr);gap:10px 8px}.lookImgAlll-wrap{aspect-ratio:1/1.2}}.lookImg{object-fit:cover;object-position:top center;background:#f5f5f5;border-radius:12px;width:96px;min-width:96px;height:128px}.lookImgAlll{object-fit:cover;object-position:top center;background:#f5f5f5;border-radius:12px;width:100vw;min-width:96px;height:32vh}.lookInfo{flex-direction:column;flex:1;justify-content:flex-start;display:flex}.lookInfo h4{margin:0 0 6px;font-size:14px;font-weight:500;line-height:1.45}.lookInfo p{margin:0 0 8px;font-size:14px;font-weight:500}.addBtn.disabled{cursor:not-allowed;opacity:.7;background:#ccc}.sizeBtn.disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.variantWrapper{align-items:center;gap:8px;margin-top:10px;display:flex}.sizeRow{flex-wrap:nowrap;gap:6px;display:flex}.sizeBtn{cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:20px;min-width:34px;padding:5px 10px;font-size:12px;transition:all .2s}.sizeBtn.active{color:#fff;background:#1f2a44;border-color:#1f2a44}.colorRow{flex-wrap:nowrap;align-items:center;gap:10px;display:flex}.colorBtn{cursor:pointer;background:0 0;border:1.5px solid #d8d8d8;border-radius:50%;width:26px;min-width:26px;height:26px;padding:0;transition:all .2s;position:relative}.colorBtn:after{content:"";background:var(--color);border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.colorBtn.active{border-color:#111;box-shadow:0 0 0 2px #fff,0 0 0 3px #111}.scrollArrow{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;font-size:11px;transition:all .2s;display:flex}.scrollArrow:hover{color:#fff;background:#111}.addBtn{color:#fff;cursor:pointer;background:#1f2a44;border:none;border-radius:22px;width:fit-content;margin-top:14px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s}.addBtn:hover{opacity:.9}@media (max-width:768px){.lookItem{gap:12px}.lookImg{width:82px;min-width:82px;height:112px}.lookInfo h4,.lookInfo p{font-size:13px}.sizeBtn{font-size:11px}.colorBtn{width:24px;min-width:24px;height:24px}.colorBtn:after{width:14px;height:14px}}.cart-item-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:0;display:flex}.cart-chip{color:#555;background:#f7f7f7;border:1px solid #e5e5e5;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500}.qty-selector{background:#fff;border:1px solid #ddd;border-radius:999px;align-items:center;display:flex;overflow:hidden}.qty-btn{cursor:pointer;background:0 0;border:none;width:34px;height:34px;font-size:18px;transition:all .2s}.qty-btn:hover{background:#f5f5f5}.qty-value{text-align:center;min-width:40px;font-size:14px;font-weight:600}.delete-cart-btn{color:#d32f2f;cursor:pointer;background:0 0;border:none;padding:6px 8px;font-size:13px;font-weight:600;transition:opacity .2s}.delete-cart-btn:hover{opacity:.7}@media (max-width:768px){.cart-item-meta{gap:8px}.qty-selector{height:32px}.qty-btn{width:30px;height:30px}.qty-value{min-width:32px}}.cross-drawer-content{width:100%}.cross-footer-fixed{box-sizing:border-box;z-index:9999;background:#fff;border-top:1px solid #e5e5e5;flex-direction:column;gap:12px;width:100%;padding:16px;display:flex;position:sticky;bottom:0}.checkout-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;width:100%;height:48px;font-size:14px;font-weight:500}.continue-shopping-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #000;border-radius:8px;width:100%;height:48px;font-size:14px;font-weight:500}@media (max-width:768px){.cross-footer-fixed{width:100%;left:0;right:0}}
