@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #111827;--accent: #22C55E;--border: #e5e7eb;--text: #111827;--text-muted: #6b7280;--bg: #f9fafb;--white: #ffffff;--success: #10b981;--danger: #ef4444}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.urban-header{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.urban-header-content{max-width:1400px;margin:0 auto;padding:20px 40px;display:flex;justify-content:space-between;align-items:center}.urban-logo{color:var(--primary)}.urban-nav{display:flex;gap:32px}.urban-nav a{text-decoration:none;color:var(--text);font-weight:600;font-size:14px}.urban-nav a.nav-sale{color:var(--danger)}.urban-header-actions{display:flex;gap:24px;align-items:center}.icon-btn{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text)}.icon-btn svg{width:24px;height:24px}.urban-cart-badge{position:absolute;top:-6px;right:-8px;background:var(--primary);color:var(--white);border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.breadcrumb{max-width:1400px;margin:0 auto;padding:24px 40px;font-size:12px;color:var(--text-muted);font-weight:500}.container{max-width:1400px;margin:0 auto;padding:0 40px}.page-header{padding:20px 0 40px}.page-header h2{font-size:32px;font-weight:900;letter-spacing:-.5px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:90px}.product-card{background:var(--white);border:1px solid transparent;border-radius:20px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;position:relative;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.product-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.product-image{width:100%;height:280px;background:#f8fafc;display:flex;align-items:center;justify-content:center;position:relative}.product-image img{width:100%;height:100%;object-fit:contain}.card-badges{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:flex-end;align-items:flex-start;z-index:2}.pill-unlocked{background:#10b981;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px}.heart-btn{background:none;border:none;cursor:pointer;color:var(--primary);display:flex;align-items:center;justify-content:center}.heart-btn svg{width:24px;height:24px;stroke-width:2.5}.product-info{padding:20px;display:flex;flex-direction:column;flex-grow:1}.product-title{font-size:20px;font-weight:800;color:var(--text);margin-bottom:4px;letter-spacing:-.5px}.product-sub{font-size:14px;color:var(--text-muted);margin-bottom:12px}.product-rating{display:flex;align-items:center;gap:4px;margin-bottom:16px}.stars{color:#f59e0b;font-size:14px;letter-spacing:2px}.rating-count{font-size:14px;color:var(--text-muted);margin-left:4px}.price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}.price-current{font-size:24px;font-weight:900;color:var(--text)}.price-old{font-size:16px;color:#9ca3af;text-decoration:line-through}.cobuy-integration-block{margin-top:auto}.add-to-bag-btn{width:100%;padding:16px;background:#111827;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:800;cursor:pointer;transition:background .2s;margin-top:16px}.add-to-bag-btn:hover{background:#000}.detail-layout{display:grid;grid-template-columns:60% 40%;gap:40px;max-width:1400px;margin:0 auto;padding:0 40px 100px}.detail-left{display:flex;gap:20px}.thumbnail-column{display:flex;flex-direction:column;gap:12px;width:80px}.thumb-img{width:80px;height:80px;border-radius:8px;object-fit:cover;cursor:pointer;border:1px solid var(--border);background:var(--white)}.thumb-img.active{border:2px solid var(--primary)}.main-image-container{flex-grow:1;background:var(--white);border-radius:16px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;min-height:600px}.main-image-container img{width:100%;height:100%;object-fit:contain}.expand-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;cursor:pointer}.detail-right{display:flex;flex-direction:column}.save-pill{background:#fff7ed;color:#ea580c;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:4px;margin-bottom:16px;align-self:flex-start}.detail-title{font-size:36px;font-weight:900;margin-bottom:12px;letter-spacing:-1px}.detail-price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:24px;margin-top:16px}.detail-price{font-size:32px;font-weight:900}.detail-old-price{font-size:20px;color:#9ca3af;text-decoration:line-through}.selector-group{margin-bottom:24px}.selector-label{font-size:12px;font-weight:700;margin-bottom:12px;display:flex;gap:8px}.selector-label span{color:var(--text-muted);font-weight:400}.color-options{display:flex;gap:12px}.color-circle{width:32px;height:32px;border-radius:50%;cursor:pointer;border:1px solid var(--border);position:relative}.color-circle.active:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid var(--primary);border-radius:50%}.size-wishlist-row{display:flex;gap:16px;align-items:center}.size-select{flex-grow:1;padding:16px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;font-weight:600;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.wishlist-btn{display:flex;align-items:center;gap:8px;padding:16px;background:none;border:none;font-size:14px;font-weight:700;cursor:pointer}.wishlist-btn svg{width:20px;height:20px}.buy-now-btn{width:100%;padding:18px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;margin-top:24px;display:flex;justify-content:center;align-items:center;gap:8px}.buy-now-btn:hover{background:#000}.accordions{margin-top:40px;border-top:1px solid var(--border)}.accordion-item{border-bottom:1px solid var(--border)}.accordion-header{padding:20px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;font-size:16px}.accordion-header svg{color:var(--text-muted)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#11182799;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:998;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--white);border-radius:20px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:slideUpModal .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpModal{0%{transform:translateY(20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{padding:24px 32px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:22px;font-weight:800;letter-spacing:-.5px;margin:0}.modal-close{background:#f3f4f6;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:var(--text-muted);transition:all .2s ease}.modal-close:hover{background:#e5e7eb;color:var(--text);transform:rotate(90deg)}.modal-body{padding:32px;overflow-y:auto;flex-grow:1}.checkout-sections{display:flex;flex-direction:column;gap:32px}.checkout-section h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:8px}.form-row{margin-bottom:16px}.form-input{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:10px;font-size:15px;font-family:inherit;transition:all .2s ease;background:#f9fafb}.form-input:focus{outline:none;border-color:var(--primary);background:var(--white);box-shadow:0 0 0 4px #1118270d}.order-summary{background:#f9fafb;border-radius:12px;padding:20px;border:1px solid var(--border)}.summary-item{display:flex;justify-content:space-between;font-weight:600;font-size:15px;margin-bottom:12px}.summary-divider{height:1px;background:var(--border);margin:16px 0}.summary-total-row{display:flex;justify-content:space-between;font-size:15px;color:var(--text-muted);margin-bottom:12px}.summary-total-row.discount-row{color:var(--accent);font-weight:600}.summary-total-row.final{font-size:18px;font-weight:800;color:var(--text);margin-bottom:0;margin-top:8px}.payment-method{display:flex;align-items:flex-start;padding:16px;border:1px solid var(--border);border-radius:12px;margin-bottom:12px;cursor:pointer;transition:all .2s ease;background:var(--white)}.payment-method:hover{border-color:#d1d5db}.payment-method.selected{border-color:var(--primary);background:#f8fafc;box-shadow:0 0 0 1px var(--primary)}.payment-method input[type=radio]{margin-top:4px;margin-right:12px;accent-color:var(--primary);transform:scale(1.2)}.payment-method label{cursor:pointer;flex-grow:1}.method-name{font-weight:700;font-size:15px;margin-bottom:4px}.method-desc{font-size:13px;color:var(--text-muted)}.checkout-footer{padding:24px 32px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;background:var(--white);border-bottom-left-radius:20px;border-bottom-right-radius:20px}.place-order-btn{width:100%;padding:18px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.place-order-btn:hover:not(:disabled){background:#000;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.place-order-btn:disabled{opacity:.7;cursor:not-allowed}.continue-shopping-btn{width:100%;padding:16px;background:transparent;color:var(--text-muted);border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.continue-shopping-btn:hover:not(:disabled){color:var(--text);text-decoration:underline}.confirmation-content{text-align:center}.confirmation-message{font-size:16px;color:var(--text-muted);margin-bottom:24px}.order-id{background:#f9fafb;padding:12px;border-radius:8px;font-size:14px;color:var(--text);margin-bottom:32px;border:1px dashed var(--border)}.confirmation-section{text-align:left;margin-bottom:24px;padding:20px;background:#f9fafb;border-radius:12px;border:1px solid var(--border)}.confirmation-section h4{font-size:15px;font-weight:700;margin-bottom:12px;color:var(--text)}.confirmation-section p{font-size:14px;color:var(--text-muted);margin-bottom:6px;line-height:1.5}.confirmation-items{display:flex;flex-direction:column;gap:12px}.confirmation-item{display:flex;justify-content:space-between;font-size:14px;font-weight:600}.payment-summary{display:flex;flex-direction:column;gap:8px}.summary-line{display:flex;justify-content:space-between;font-size:14px;color:var(--text-muted)}.summary-line.total-line{font-size:16px;font-weight:800;color:var(--text);margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.payment-method-info{margin-top:16px;font-size:14px;font-weight:600;color:var(--accent);display:flex;align-items:center;gap:6px}@media (max-width: 900px){.detail-layout{grid-template-columns:1fr;padding:0 20px 60px;gap:24px}.detail-left{flex-direction:column-reverse}.thumbnail-column{flex-direction:row;width:100%;overflow-x:auto}.thumb-img{width:60px;height:60px}.main-image-container{min-height:350px}.product-grid{grid-template-columns:repeat(2,1fr);gap:16px}.container{padding:0 20px}.urban-header-content{padding:16px 20px}.urban-nav{display:none}.page-header{padding:16px 0 24px}.page-header h2{font-size:24px}}@media (max-width: 600px){.product-grid{grid-template-columns:1fr}.detail-title,.detail-price{font-size:24px}.add-to-bag-btn,.buy-now-btn{padding:14px;font-size:14px}.product-image{height:240px}}
