:root{--hero-img-max:480px;--hero-img-ratio:1/1;--hero-thumb-size:64px;--hero-thumb-gap:8px;--card-radius:12px}.pdt-detail-page{display:block;min-height:100vh;background-color:var(--color-bg)}.pdt-detail{padding-bottom:var(--space-3xl)}.pdt-hero{min-height:400px;padding:var(--space-2xl) 0;background:var(--color-bg-card)}.pdt-hero__grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:start;max-width:var(--container-xl);margin-inline:auto;padding-inline:var(--space-4)}.pdt-hero__media{min-height:300px}.pdt-hero__main-img{position:relative;aspect-ratio:1/1;min-height:280px;background:var(--color-bg);border-radius:var(--card-radius);overflow:hidden}.pdt-hero__img{width:100%;height:100%;object-fit:cover}.pdt-hero__thumbs{display:flex;gap:var(--hero-thumb-gap);min-height:72px;margin-top:var(--space-md);overflow-x:auto}.pdt-hero__thumb{flex-shrink:0;width:var(--hero-thumb-size);height:var(--hero-thumb-size);padding:0;border:2px solid transparent;border-radius:6px;background:var(--color-bg);cursor:pointer;overflow:hidden}.pdt-hero__thumb.is-active{border-color:var(--color-primary)}.pdt-hero__thumb img{width:100%;height:100%;object-fit:cover}.pdt-hero__info{display:flex;flex-direction:column;gap:var(--space-lg);min-height:200px}.pdt-hero__header{min-height:80px}.pdt-hero__title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.25;min-height:calc(1.25em * 2);color:var(--color-text)}.pdt-hero__price{display:flex;align-items:baseline;gap:var(--space-2);min-height:48px;margin-top:var(--space-2)}.pdt-hero__current-price{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-primary)}.pdt-hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-3);min-height:56px;margin-top:var(--space-lg)}.pdt-card-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.pdt-card{display:flex;flex-direction:column;min-height:280px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.pdt-card__media{aspect-ratio:1/1;min-height:160px;background:var(--color-bg-secondary);overflow:hidden}.pdt-card__media img{width:100%;height:100%;object-fit:cover}.pdt-card__body{flex:1;display:flex;flex-direction:column;padding:var(--space-4)}.pdt-card__title{margin:0 0 var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:1.35;min-height:calc(1.35em * 2);color:var(--color-text)}.pdt-card__price{min-height:28px;margin-top:auto;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}@media (min-width:768px){.pdt-hero__grid{grid-template-columns:minmax(0,480px) 1fr;gap:var(--space-2xl);padding-inline:var(--space-6)}.pdt-card-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.pdt-hero__grid{padding-inline:var(--space-8)}.pdt-card-grid{grid-template-columns:repeat(4,1fr)}}