.detail-page{padding-top:74px;padding-bottom:80px;min-height:100vh;background:#f5f5f7}.detail-not-found{text-align:center;padding:80px 20px}.detail-not-found h1{font-size:24px;color:var(--text);margin-bottom:24px}.detail-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:32px;font-size:13px;color:var(--muted);flex-wrap:wrap}.detail-breadcrumb__link{border:none;background:none;color:var(--muted);font-size:13px;cursor:pointer;padding:0;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.detail-breadcrumb__link:hover{color:var(--color-accent)}.detail-breadcrumb__sep{color:#cbd5e1}.detail-breadcrumb__current{color:var(--text);font-weight:500}.detail-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;align-items:start}.detail-gallery__main{aspect-ratio:3/4;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.detail-gallery__icon{width:120px;height:150px;opacity:.9}.detail-gallery__thumbs{display:flex;gap:10px;margin-top:14px}.detail-gallery__thumb{width:64px;height:80px;border:2px solid transparent;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);overflow:hidden}.detail-gallery__thumb:hover{transform:translateY(-2px)}.detail-gallery__thumb--active{border-color:var(--color-accent);transform:translateY(-2px)}.detail-info__category{display:inline-block;padding:4px 12px;background:#eef2ff;color:var(--color-accent);border-radius:999px;font-size:13px;font-weight:500;margin-bottom:12px}.detail-info__name{font-size:26px;font-weight:700;color:var(--text);margin:0 0 16px;line-height:1.3}.detail-info__price{font-size:28px;font-weight:700;color:var(--color-cta);margin-bottom:24px}.detail-info__desc{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 24px}.detail-info__label{font-size:14px;font-weight:500;color:var(--text);display:block;margin-bottom:10px}.detail-info__sizes{margin-bottom:20px}.detail-info__size-list{display:flex;gap:8px;flex-wrap:wrap}.detail-info__size-btn{min-width:44px;height:40px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;font-size:14px;font-weight:500;color:var(--text);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.detail-info__size-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.detail-info__size-btn:active{background:#eef2ff;border-color:var(--color-accent);color:var(--color-accent)}.detail-info__qty{margin-bottom:28px}.detail-info__qty-controls{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.detail-info__qty-btn{width:40px;height:40px;border:none;background:#f8fafc;font-size:18px;color:var(--text);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.detail-info__qty-btn:hover{background:#e2e8f0}.detail-info__qty-val{width:48px;text-align:center;font-size:15px;font-weight:500;color:var(--text)}.detail-info__actions{display:flex;gap:12px;margin-bottom:24px}.detail-info__btn{flex:1 1;height:48px;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.detail-info__btn--primary{background:var(--color-cta);color:#fff}.detail-info__btn--primary:hover{background:var(--color-cta-hover)}.detail-info__btn--secondary{background:#fff;color:var(--color-cta);border:2px solid var(--color-cta)}.detail-info__btn--secondary:hover{background:var(--color-cta-light)}.detail-info__back{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.detail-back-btn,.detail-info__back:hover{color:var(--color-accent)}.detail-back-btn{display:inline-flex;align-items:center;gap:4px;font-size:14px;text-decoration:none;margin-top:16px}@media (max-width:768px){.detail-page{padding-top:60px}.detail-content{grid-template-columns:1fr;gap:24px}.detail-gallery__icon{width:80px;height:100px}.detail-info__name{font-size:22px}.detail-info__price{font-size:24px}.detail-info__actions{flex-direction:column}.detail-info__btn{flex:none}}