@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}.bg-transparent{background-color:transparent;border:none;cursor:pointer}.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}.page-header-status{margin:8px 0 0;color:var(--demo-muted);font-size:14px}.skeleton{position:relative;overflow:hidden;background:color-mix(in srgb,var(--demo-border) 68%,var(--demo-surface))}.skeleton:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--demo-surface) 72%,transparent),transparent);animation:demo-skeleton-shimmer 1.35s ease-in-out infinite}@keyframes demo-skeleton-shimmer{to{transform:translate(100%)}}.skeleton-product-card{min-height:520px;overflow:hidden;pointer-events:none}.skeleton-product-image{height:clamp(190px,18vw,230px)}.skeleton-product-content{display:flex;flex-direction:column;gap:12px;padding:18px 16px 16px}.skeleton-line,.skeleton-button,.skeleton-deal{border-radius:8px}.skeleton-line{height:13px}.skeleton-line-title{width:66%;height:18px}.skeleton-line-short{width:38%}.skeleton-line-rating{width:45%}.skeleton-line-price{width:34%;height:25px}.skeleton-deal{height:96px;margin-top:4px}.skeleton-button{height:46px;margin-top:auto}.detail-skeleton{padding-top:46px}.detail-skeleton-gallery{display:flex;gap:18px;min-width:0}.detail-skeleton-thumbs{display:flex;flex-direction:column;gap:12px}.detail-skeleton-thumb{width:72px;height:72px;border-radius:12px}.detail-skeleton-image{min-height:560px;flex:1;border-radius:18px}.detail-skeleton-copy{display:flex;flex-direction:column;gap:20px;padding-top:12px}.detail-skeleton-title{width:74%;height:38px}.detail-skeleton-price{width:38%;height:34px}.detail-skeleton-control{height:70px;border-radius:12px}.detail-skeleton-deal{height:180px;border-radius:16px}.detail-skeleton-button{height:58px}.empty-products-placeholder{max-width:560px;margin:20px auto 48px;padding:48px 28px;border:1px dashed var(--demo-border);border-radius:20px;background:var(--demo-surface);text-align:center;box-shadow:var(--demo-card-shadow)}.empty-products-placeholder h3{margin:20px 0 8px;font-size:21px}.empty-products-placeholder p{max-width:390px;margin:0 auto;color:var(--demo-muted);line-height:1.6}.empty-products-illustration{display:inline-flex;align-items:flex-end;gap:7px;height:62px;padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--demo-accent) 11%,var(--demo-surface))}.empty-products-illustration span{width:22px;border-radius:7px 7px 4px 4px;background:var(--demo-accent)}.empty-products-illustration span:nth-child(1){height:25px;opacity:.45}.empty-products-illustration span:nth-child(2){height:42px}.empty-products-illustration span:nth-child(3){height:33px;opacity:.7}.checkout-loading-overlay{background:color-mix(in srgb,var(--demo-overlay) 86%,transparent)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.checkout-loading-card{display:flex;align-items:center;gap:16px;min-width:min(360px,calc(100vw - 40px));padding:20px 22px!important;border:1px solid var(--demo-border);border-radius:18px!important}.checkout-loading-card:before{width:28px;height:28px;flex:0 0 28px;content:"";border:3px solid color-mix(in srgb,var(--demo-accent) 22%,var(--demo-border));border-top-color:var(--demo-accent);border-radius:50%;animation:checkout-spin .8s linear infinite}@keyframes checkout-spin{to{transform:rotate(360deg)}}.checkout-modal{max-width:920px;border:1px solid var(--demo-border);border-radius:24px;background:var(--demo-surface);box-shadow:0 32px 90px #0f172a47}.checkout-modal-header{padding:26px 30px 22px;background:linear-gradient(135deg,color-mix(in srgb,var(--demo-accent) 8%,var(--demo-surface)),var(--demo-surface) 58%)}.checkout-kicker{display:block;margin-bottom:6px;color:var(--demo-accent);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.checkout-modal-header h2{color:var(--demo-text);font-size:25px}.checkout-modal-header p{margin:7px 0 0;color:var(--demo-muted);font-size:13px}.checkout-modal .modal-body{padding:26px 30px 0}.checkout-modal .checkout-sections{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:18px}.checkout-modal .checkout-section{padding:22px;border:1px solid var(--demo-border);border-radius:16px;background:color-mix(in srgb,var(--demo-surface) 94%,var(--demo-page-bg))}.checkout-modal .checkout-section:first-child{grid-row:span 2}.checkout-modal .checkout-section h3{margin:0 0 18px;color:var(--demo-text);font-size:15px}.checkout-modal .form-row{margin-bottom:12px}.checkout-modal .form-input{min-height:50px;padding:13px 15px;border-color:var(--demo-border);border-radius:11px;background:var(--demo-surface);color:var(--demo-text)}.checkout-modal .form-input:hover{border-color:color-mix(in srgb,var(--demo-accent) 42%,var(--demo-border))}.checkout-modal .form-input:focus{border-color:var(--demo-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--demo-accent) 13%,transparent)}.checkout-modal .order-summary{padding:0;border:0;background:transparent}.checkout-modal .checkout-footer{margin:24px -30px 0;padding:20px 30px 24px;border-color:var(--demo-border);border-radius:0 0 24px 24px;background:var(--demo-surface)}.checkout-modal .place-order-btn{min-height:54px;border-radius:12px;background:var(--demo-primary)}@media (max-width: 900px){.checkout-modal .checkout-sections{grid-template-columns:1fr}.checkout-modal .checkout-section:first-child{grid-row:auto}.detail-skeleton-gallery{flex-direction:column-reverse}.detail-skeleton-thumbs{flex-direction:row}.detail-skeleton-image{min-height:390px}.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){.modal-overlay{align-items:flex-end;padding:0}.checkout-modal{max-height:94vh;border-radius:22px 22px 0 0}.checkout-modal-header,.checkout-modal .modal-body{padding-left:20px;padding-right:20px}.checkout-modal .checkout-section{padding:18px}.checkout-modal .checkout-footer{margin-right:-20px;margin-left:-20px;padding-right:20px;padding-left:20px;border-radius:0}.detail-skeleton{padding-top:24px}.detail-skeleton-image{min-height:300px}.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}}:root{--demo-primary: #0f172a;--demo-secondary: #1e293b;--demo-accent: #ff7a00;--demo-surface: #ffffff;--demo-page-bg: #f8fafc;--demo-border: #e2e8f0;--demo-text: #0f172a;--demo-muted: #64748b;--demo-radius: 16px;--demo-card-shadow: 0 20px 52px rgba(15, 23, 42, .16);--demo-header-bg: #ffffff;--demo-header-text: #0f172a;--demo-header-muted: #64748b;--demo-header-border: #e2e8f0;--demo-header-shadow: none}html,body,.product-card,.main-image-container,.demo-header,.demo-configure-button,.demo-settings-drawer{transition:background-color var(--cobuy-animation-duration, .3s) var(--cobuy-animation-easing, ease),border-color var(--cobuy-animation-duration, .3s) var(--cobuy-animation-easing, ease),color var(--cobuy-animation-duration, .3s) var(--cobuy-animation-easing, ease),box-shadow var(--cobuy-animation-duration, .3s) var(--cobuy-animation-easing, ease),border-radius var(--cobuy-animation-duration, .3s) var(--cobuy-animation-easing, ease)}body.demo-settings-open{overflow:hidden}.product-card{border-radius:var(--demo-radius);border-color:var(--demo-border)}.main-image-container,.add-to-bag-btn,.buy-now-btn,.quantity-selector{border-radius:var(--demo-radius)}.demo-header{background:var(--demo-header-bg);color:var(--demo-header-text);border-bottom-color:var(--demo-header-border);box-shadow:var(--demo-header-shadow);backdrop-filter:none;-webkit-backdrop-filter:none}.demo-header-content{max-width:1500px;min-height:78px;padding-top:13px;padding-bottom:13px;gap:24px}.demo-store-brand{display:inline-flex;align-items:center;min-width:160px;color:inherit;text-decoration:none}.demo-store-brand-logo{display:block;width:142px;height:53px;object-fit:contain;object-position:left center}.demo-store-brand-mark{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;border-radius:13px;background:var(--demo-accent);color:#fff;font-size:14px;font-weight:900;letter-spacing:-.04em;box-shadow:0 8px 22px color-mix(in srgb,var(--demo-accent) 28%,transparent)}.demo-store-brand-copy{display:flex;min-width:0;flex-direction:column;line-height:1.1}.demo-store-brand-copy strong{font-size:15px;font-weight:850;letter-spacing:-.02em}.demo-store-brand-copy small{margin-top:5px;color:var(--demo-header-muted);font-size:10px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.demo-config-nav{display:flex;min-width:0;flex:1 1 auto;align-items:center;justify-content:center;gap:8px}.demo-nav-select{display:flex;min-width:122px;flex-direction:column;gap:4px;padding:7px 10px;border:1px solid var(--demo-header-border);border-radius:12px;background:color-mix(in srgb,var(--demo-header-bg) 90%,transparent);color:var(--demo-header-text)}.demo-nav-select>span:first-child{color:var(--demo-header-muted);font-size:9px;font-weight:750;letter-spacing:.08em;line-height:1;text-transform:uppercase}.demo-nav-select-field{position:relative;display:flex;align-items:center}.demo-nav-select select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:12px;font-weight:750;line-height:1.2;padding:0 20px 0 0}html[data-demo-theme=dark] .demo-nav-select select{color-scheme:dark}.demo-nav-select-field svg{position:absolute;right:0;width:16px;height:16px;pointer-events:none;color:var(--demo-header-muted)}.demo-header-actions{display:flex;min-width:220px;justify-content:flex-end;align-items:center;gap:10px}.demo-sdk-status{display:inline-flex;align-items:center;gap:7px;color:var(--demo-header-muted);font-size:11px;font-weight:700;white-space:nowrap}.demo-sdk-status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 14%,transparent);animation:demo-status-pulse 2.4s ease-in-out infinite}@keyframes demo-status-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.82);opacity:.74}}.demo-configure-button,.demo-icon-button,.demo-copy-button,.demo-reset-button,.demo-done-button,.demo-preset-card,.demo-segmented button{font-family:inherit}.demo-configure-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid color-mix(in srgb,var(--demo-accent) 30%,var(--demo-header-border));border-radius:12px;background:var(--demo-accent);color:#fff;cursor:pointer;font-size:12px;font-weight:800;box-shadow:0 9px 24px color-mix(in srgb,var(--demo-accent) 22%,transparent)}.demo-configure-button:hover{transform:translateY(-1px);box-shadow:0 12px 30px color-mix(in srgb,var(--demo-accent) 28%,transparent)}.demo-configure-button svg,.demo-icon-button svg,.demo-copy-button svg,.demo-reset-button svg{width:18px;height:18px}.demo-settings-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:flex;justify-content:flex-end}.demo-settings-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:color-mix(in srgb,var(--demo-primary) 52%,transparent);cursor:default;animation:demo-backdrop-in .18s ease both}.demo-settings-drawer{position:relative;z-index:1;display:flex;width:min(580px,100vw);height:100%;flex-direction:column;border-left:1px solid var(--demo-border);background:var(--demo-surface);color:var(--demo-text);box-shadow:-24px 0 80px color-mix(in srgb,var(--demo-primary) 20%,transparent);animation:demo-drawer-in .26s cubic-bezier(.16,1,.3,1) both}@keyframes demo-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes demo-drawer-in{0%{transform:translate(28px);opacity:0}to{transform:translate(0);opacity:1}}.demo-settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 25px 20px;border-bottom:1px solid var(--demo-border)}.demo-settings-eyebrow{display:block;margin-bottom:6px;color:var(--demo-accent);font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.demo-settings-header h2{margin:0;font-size:24px;font-weight:900;letter-spacing:-.045em}.demo-settings-header p{max-width:450px;margin:8px 0 0;color:var(--demo-muted);font-size:12px;line-height:1.55}.demo-icon-button{display:inline-flex;width:38px;height:38px;flex:0 0 38px;align-items:center;justify-content:center;border:1px solid var(--demo-border);border-radius:11px;background:var(--demo-page-bg);color:var(--demo-text);cursor:pointer}.demo-settings-body{min-height:0;flex:1 1 auto;overflow-y:auto;padding:0 25px 28px;scrollbar-width:thin}.demo-settings-section{padding:23px 0;border-bottom:1px solid var(--demo-border)}.demo-settings-section:last-child{border-bottom:0}.demo-settings-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.demo-settings-section-heading>div{display:flex;flex-direction:column;gap:4px}.demo-settings-section-heading span{font-size:13px;font-weight:850;letter-spacing:-.01em}.demo-settings-section-heading small{color:var(--demo-muted);font-size:11px;line-height:1.45}.demo-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.demo-preset-card{position:relative;display:flex;min-height:126px;flex-direction:column;align-items:flex-start;padding:14px;border:1px solid var(--demo-border);border-radius:14px;background:var(--demo-surface);color:var(--demo-text);cursor:pointer;text-align:left;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.demo-preset-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px color-mix(in srgb,var(--demo-primary) 9%,transparent)}.demo-preset-card.active{border-color:var(--demo-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--demo-accent) 12%,transparent)}.demo-preset-card-top{display:flex;width:100%;align-items:center;justify-content:space-between;margin-bottom:15px}.demo-preset-swatches{display:flex;align-items:center}.demo-preset-swatches span{width:25px;height:25px;margin-left:-5px;border:2px solid var(--demo-surface);border-radius:50%}.demo-preset-swatches span:first-child{margin-left:0}.demo-preset-check{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;background:var(--demo-accent);color:#fff}.demo-preset-check svg{width:14px;height:14px}.demo-preset-card strong{margin-bottom:5px;font-size:13px;font-weight:850}.demo-preset-card small{color:var(--demo-muted);font-size:10px;line-height:1.45}.demo-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.demo-color-control{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--demo-border);border-radius:12px;background:var(--demo-page-bg);font-size:11px;font-weight:750}.demo-color-input-wrap{display:flex;align-items:center;gap:8px}.demo-color-input-wrap input{width:29px;height:29px;padding:0;overflow:hidden;border:2px solid var(--demo-surface);border-radius:8px;background:none;cursor:pointer;box-shadow:0 0 0 1px var(--demo-border)}.demo-color-input-wrap input::-webkit-color-swatch-wrapper{padding:0}.demo-color-input-wrap input::-webkit-color-swatch{border:0}.demo-color-input-wrap code{color:var(--demo-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px}.demo-settings-field,.demo-range-control,.demo-input-control{display:flex;flex-direction:column;gap:8px;margin-top:14px}.demo-settings-field:first-of-type{margin-top:0}.demo-settings-label,.demo-settings-label-row{color:var(--demo-muted);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.demo-settings-label-row{display:flex;align-items:center;justify-content:space-between}.demo-settings-label-row strong{color:var(--demo-text);font-size:11px}.demo-segmented{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:4px;border:1px solid var(--demo-border);border-radius:12px;background:var(--demo-page-bg)}.demo-segmented button{min-height:34px;padding:5px 8px;border:0;border-radius:8px;background:transparent;color:var(--demo-muted);cursor:pointer;font-size:10px;font-weight:750}.demo-segmented button.active{background:var(--demo-surface);color:var(--demo-text);box-shadow:0 4px 12px color-mix(in srgb,var(--demo-primary) 10%,transparent)}.demo-range-control input[type=range]{width:100%;accent-color:var(--demo-accent)}.demo-input-control select,.demo-input-control input{width:100%;min-height:42px;padding:0 12px;border:1px solid var(--demo-border);border-radius:11px;outline:none;background:var(--demo-page-bg);color:var(--demo-text);font:inherit;font-size:12px;font-weight:650}.demo-input-control select:focus,.demo-input-control input:focus{border-color:var(--demo-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--demo-accent) 13%,transparent)}.demo-copy-button,.demo-reset-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--demo-border);background:var(--demo-surface);color:var(--demo-text);cursor:pointer;font-size:11px;font-weight:800}.demo-copy-button{min-height:34px;padding:0 11px;border-radius:9px}.demo-copy-button svg{width:15px;height:15px}.demo-code-section pre{max-height:310px;margin:0;overflow:auto;padding:16px;border:1px solid color-mix(in srgb,var(--demo-primary) 25%,transparent);border-radius:14px;background:#0b1020;color:#dbeafe;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;line-height:1.6;white-space:pre}.demo-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 25px;border-top:1px solid var(--demo-border);background:color-mix(in srgb,var(--demo-surface) 92%,transparent)}.demo-reset-button,.demo-done-button{min-height:42px;padding:0 15px;border-radius:11px}.demo-done-button{min-width:118px;border:1px solid var(--demo-primary);background:var(--demo-primary);color:var(--cobuy-button-text-color, #ffffff);cursor:pointer;font-size:12px;font-weight:850}.cobuy-demo-widget,.cobuy-demo-banner{transition:background-color var(--cobuy-animation-duration, .3s) var(--cobuy-animation-easing, ease),border-color var(--cobuy-animation-duration, .3s) var(--cobuy-animation-easing, ease),color var(--cobuy-animation-duration, .3s) var(--cobuy-animation-easing, ease),box-shadow var(--cobuy-animation-duration, .3s) var(--cobuy-animation-easing, ease),border-radius var(--cobuy-animation-duration, .3s) var(--cobuy-animation-easing, ease),transform var(--cobuy-animation-duration, .3s) var(--cobuy-animation-easing, ease)}html[data-demo-density=compact] .product-info{padding:16px}html[data-demo-density=compact] .product-title{font-size:18px}html[data-demo-density=compact] .product-image{height:255px}@media (max-width: 1180px){.demo-header-content{gap:14px}.demo-store-brand{min-width:auto}.demo-store-brand-copy small,.demo-sdk-status{display:none}.demo-header-actions{min-width:auto}.demo-nav-select{min-width:108px}}@media (max-width: 900px){.demo-header-content{padding:11px 20px}.demo-config-nav{display:none}.demo-store-brand-copy small{display:block}.demo-configure-button{min-width:42px;padding:0 11px}.demo-configure-button span{display:none}}@media (max-width: 600px){.demo-header-content{min-height:68px}.demo-store-brand-mark{width:38px;height:38px;flex-basis:38px}.demo-store-brand-copy strong{font-size:14px}.demo-store-brand-copy small{max-width:170px;overflow:hidden;text-overflow:ellipsis}.demo-settings-header,.demo-settings-body,.demo-settings-footer{padding-left:18px;padding-right:18px}.demo-settings-header h2{font-size:22px}.demo-preset-grid,.demo-color-grid{grid-template-columns:1fr}.demo-segmented{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.demo-code-section pre{max-height:240px}}@media (prefers-reduced-motion: reduce){.demo-sdk-status-dot,.demo-settings-backdrop,.demo-settings-drawer{animation:none!important}html,body,.product-card,.main-image-container,.demo-header,.demo-configure-button,.demo-settings-drawer,.cobuy-demo-widget,.cobuy-demo-banner{transition:none!important}}html{color-scheme:light;background:var(--demo-page-bg, var(--bg));transition:background-color .32s cubic-bezier(.16,1,.3,1)}html[data-demo-theme=dark]{color-scheme:dark}body,.urban-header,.product-card,.product-info,.detail-layout,.detail-right,.main-image-container,.modal-content,.checkout-section,.order-summary,.confirmation-section,.demo-settings-drawer,.demo-settings-section,.demo-preset-card,.demo-nav-select-field,.demo-segmented,.demo-input-control input,.demo-color-input-wrap,.demo-range-control input{transition:background-color .32s cubic-bezier(.16,1,.3,1),color .24s ease,border-color .24s ease,box-shadow .32s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1)}html[data-demo-theme=dark] body{background:radial-gradient(circle at 16% -8%,color-mix(in srgb,var(--demo-primary) 15%,transparent),transparent 34%),radial-gradient(circle at 90% 2%,color-mix(in srgb,var(--demo-accent) 9%,transparent),transparent 30%),var(--demo-page-bg);color:var(--demo-text)}html[data-demo-theme=dark] :where(.product-card,.detail-layout,.detail-right,.main-image-container,.modal-content,.checkout-section,.order-summary,.confirmation-section,.demo-settings-drawer,.demo-settings-section,.demo-preset-card,.demo-nav-select-field,.demo-color-input-wrap,.demo-input-control input,.form-input,.size-select){background-color:var(--demo-surface)!important;color:var(--demo-text)!important;border-color:var(--demo-border)!important}html[data-demo-theme=dark] :where(.product-image,.main-image-container,.thumbnail-column img,.order-summary,.summary-item,.demo-code-section pre,.demo-segmented,.demo-range-control,.confirmation-items,.confirmation-item){background-color:color-mix(in srgb,var(--demo-page-bg) 76%,var(--demo-surface))!important;border-color:var(--demo-border)!important}html[data-demo-theme=dark] :where(.product-title,.detail-title,.detail-price,.page-header h2,.selector-label,.modal-header h2,.checkout-section h3,.summary-total-row,.confirmation-section h3,.demo-settings-label,.demo-settings-section-heading span,.demo-preset-card strong,.demo-store-brand-copy strong){color:var(--demo-text)!important}html[data-demo-theme=dark] :where(.product-sub,.rating-count,.breadcrumb,.summary-label,.confirmation-message,.demo-settings-section-heading small,.demo-preset-card small,.demo-store-brand-copy small,.form-row label){color:var(--demo-muted)!important}html[data-demo-theme=dark] :where(.form-input,.size-select,.demo-input-control input){background:var(--demo-page-bg)!important;color:var(--demo-text)!important;border-color:var(--demo-border)!important}html[data-demo-theme=dark] :where(.form-input,.demo-input-control input)::placeholder{color:var(--demo-muted)!important}html[data-demo-theme=dark] .modal-overlay{background:color-mix(in srgb,#000 72%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}html[data-demo-theme=dark] :where(.modal-close,.wishlist-btn,.heart-btn,.expand-btn){color:var(--demo-text)!important;background:color-mix(in srgb,var(--demo-surface) 86%,var(--demo-page-bg))!important;border-color:var(--demo-border)!important}html[data-demo-theme=dark] .urban-header{background:var(--demo-header-bg);border-color:var(--demo-header-border)}html[data-demo-theme=dark] .demo-settings-backdrop{background:#000000a3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}html[data-demo-theme=dark] .demo-code-section pre{color:#dbeafe;box-shadow:inset 0 0 0 1px var(--demo-border)}html[data-demo-theme=dark] .demo-preset-card.active,html[data-demo-theme=dark] .demo-segmented button.active{background:color-mix(in srgb,var(--demo-primary) 22%,var(--demo-surface))!important;color:var(--demo-text)!important;border-color:color-mix(in srgb,var(--demo-primary) 62%,var(--demo-border))!important}html[data-demo-theme=dark] ::selection{background:color-mix(in srgb,var(--demo-primary) 56%,transparent);color:var(--demo-text)}.product-card,.detail-layout,.demo-preset-card,.demo-settings-section{will-change:transform,opacity}.product-card:hover{transform:translate3d(0,-5px,0);border-color:color-mix(in srgb,var(--demo-primary) 28%,var(--demo-border));box-shadow:var(--demo-card-shadow)}.product-image img,.main-image-container img,.thumb-img{transition:transform .52s cubic-bezier(.16,1,.3,1),filter .32s ease}.product-card:hover .product-image img{transform:scale(1.035)}.demo-configure-button,.demo-copy-button,.demo-reset-button,.demo-done-button,.add-to-bag-btn,.buy-now-btn,.place-order-btn,.continue-shopping-btn,.wishlist-btn,.heart-btn,.expand-btn{transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),background-color .22s ease,color .22s ease,border-color .22s ease;transform-origin:center}:where(.demo-configure-button,.demo-copy-button,.demo-reset-button,.demo-done-button,.add-to-bag-btn,.buy-now-btn,.place-order-btn,.continue-shopping-btn,.wishlist-btn,.heart-btn,.expand-btn):not(:disabled):hover{transform:translate3d(0,-2px,0) scale(1.012)}:where(.demo-configure-button,.demo-copy-button,.demo-reset-button,.demo-done-button,.add-to-bag-btn,.buy-now-btn,.place-order-btn,.continue-shopping-btn,.wishlist-btn,.heart-btn,.expand-btn):not(:disabled):active{transform:scale(.975)}.demo-sdk-status-dot{animation:demoSdkPulse 2.2s ease-in-out infinite}.demo-preset-swatches span{transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.demo-preset-card:hover .demo-preset-swatches span:nth-child(1){transform:translateY(-2px) rotate(-4deg)}.demo-preset-card:hover .demo-preset-swatches span:nth-child(2){transform:translateY(-4px)}.demo-preset-card:hover .demo-preset-swatches span:nth-child(3){transform:translateY(-2px) rotate(4deg)}@keyframes demoSdkPulse{0%,to{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--success) 34%,transparent)}50%{transform:scale(1.12);box-shadow:0 0 0 7px transparent}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}