.product-page {
    --product-ink: #17212d;
    --product-muted: #68717c;
    --product-accent: #e84c1b;
    background: linear-gradient(180deg, #f3f6f8 0, #fff 520px);
    min-height: 70vh;
    padding: 120px 0 95px;
}
.product-hero { max-width: 780px; margin: 0 auto 48px; text-align: center; }
.product-eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--product-accent); font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.product-eyebrow::before { content: ""; width: 26px; height: 2px; background: currentColor; }
.product-hero h1 { color: var(--product-ink); font-size: clamp(34px, 5vw, 56px); line-height: 1.12; margin: 12px 0 16px; }
.product-hero p { color: var(--product-muted); font-size: 17px; line-height: 1.9; margin: 0; }
.product-grid { row-gap: 26px; }
.product-card { position: relative; height: 100%; background: #fff; border: 1px solid #e8edf1; border-radius: 20px; overflow: hidden; transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease; }
.product-card:hover { transform: translateY(-7px); border-color: transparent; box-shadow: 0 22px 50px rgba(23, 33, 45, .12); }
.product-card__media { position: relative; display: block; height: 280px; overflow: hidden; background: radial-gradient(circle at 50% 45%, #fff 0, #f4f6f8 72%); }
.product-card__media img {
    display: block;
    position: absolute;
    inset: 32px;
    width: calc(100% - 64px) !important;
    height: calc(100% - 64px) !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center;
}
.product-card__arrow { position: absolute; inset-inline-end: 18px; top: 18px; width: 40px; height: 40px; display: grid; place-items: center; color: #fff; background: var(--product-ink); border-radius: 50%; opacity: 0; transform: translateY(8px); transition: .25s ease; }
.product-card:hover .product-card__arrow { opacity: 1; transform: translateY(0); }
.product-card__body { display: flex; flex-direction: column; min-height: 235px; padding: 25px; }
.product-card h2 { color: var(--product-ink); font-size: 22px; line-height: 1.4; margin-bottom: 10px; }
.product-card p { display: -webkit-box; overflow: hidden; color: var(--product-muted); line-height: 1.8; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.product-card__link { display: inline-flex; align-items: center; gap: 9px; color: var(--product-ink); font-weight: 750; margin-top: auto; }
.product-card__link:hover { color: var(--product-accent); }
.product-detail-hero { position: relative; overflow: hidden; background: #fff; border: 1px solid #e8edf1; border-radius: 24px; box-shadow: 0 22px 60px rgba(23,33,45,.08); margin-bottom: 48px; }
.product-detail-hero::after { content: ""; position: absolute; width: 270px; height: 270px; inset-inline-end: -90px; bottom: -130px; border-radius: 50%; background: rgba(232,76,27,.08); pointer-events: none; }
.product-detail-hero__image { position: relative; min-height: 410px; overflow: hidden; background: linear-gradient(145deg, #f8fafb, #eef2f4); }
.product-detail-hero__image img {
    display: block;
    position: absolute;
    inset: 38px;
    width: calc(100% - 76px) !important;
    height: calc(100% - 76px) !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center;
}
.product-detail-hero__content { position: relative; z-index: 1; padding: clamp(32px, 6vw, 70px); }
.product-detail-hero__content h1 { color: var(--product-ink); font-size: clamp(32px, 4vw, 50px); margin: 12px 0 18px; }
.product-detail-hero__content p { color: var(--product-muted); font-size: 17px; line-height: 1.9; }
.product-section-title { margin-bottom: 28px; }
.product-section-title h2 { color: var(--product-ink); margin-bottom: 7px; }
.product-section-title p { color: var(--product-muted); margin: 0; }
.product-empty { padding: 65px 25px; text-align: center; background: #fff; border: 1px dashed #ccd4db; border-radius: 18px; color: var(--product-muted); }
.product-breadcrumb { margin-bottom: 25px; }
.product-breadcrumb a { color: var(--product-muted); }
@media (max-width: 767px) {
    .product-page { padding: 90px 0 70px; }
    .product-hero { margin-bottom: 34px; }
    .product-card__media { height: 245px; }
    .product-card__media img { inset: 26px; width: calc(100% - 52px) !important; height: calc(100% - 52px) !important; }
    .product-card__arrow { opacity: 1; transform: none; }
    .product-detail-hero__image { min-height: 280px; }
    .product-detail-hero__image img { inset: 28px; width: calc(100% - 56px) !important; height: calc(100% - 56px) !important; }
}