/* Compact product detail. All catalog content remains available. */
.forkom-product { --product-accent: #6e4ac6; --product-ink: #252331; --product-muted: #6b6878; --product-line: #e9e6ee; color: var(--product-ink); padding-bottom: 44px; }
.forkom-product *, .forkom-product *::before, .forkom-product *::after { box-sizing: border-box; }
.forkom-product [hidden] { display: none !important; }
.forkom-product img:hover { opacity: 1; }
.forkom-product button, .forkom-product input { font: inherit; }
.forkom-product :is(a, button, input, summary):focus-visible { outline: 3px solid #ad91ef; outline-offset: 4px; }
.forkom-product .product_container { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(30px, 5vw, 76px); margin: 30px 0 42px; align-items: center; }
.forkom-product .product_container > * { min-width: 0; }
.forkom-product .product_container-product_images { max-width: 480px; width: 100%; justify-self: center; }
.forkom-product .product_container-product_images-image { position: relative; margin: 0 0 12px; border-radius: 18px; overflow: hidden; background: #f5f5f4; aspect-ratio: 1 / 1; }
.forkom-product .product-main-link { display: block; height: 100%; }
.forkom-product .product_container-product_images-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 0; box-shadow: none; cursor: zoom-in; }
.product-image-zoom { position: absolute; right: 14px; bottom: 14px; width: 34px; height: 34px; padding: 8px; background: #fff; border: 1px solid var(--product-line); border-radius: 50%; color: #514962; pointer-events: none; }
.product-image-zoom svg { width: 100%; height: 100%; }
.forkom-product .product_container-product_images-gallery { justify-content: flex-start; gap: 8px; overflow-x: auto; padding: 3px; }
.product-gallery-thumb { flex: 0 0 56px; height: 56px; border: 1px solid transparent; background: #f5f5f4; padding: 3px; border-radius: 10px; overflow: hidden; }
.product-gallery-thumb.is-active { border-color: var(--product-accent); background: #f2edf9; }
.product-gallery-thumb:hover { border-color: #a38bc9; }
.forkom-product .product_container-product_images-gallery img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 6px; }
.product-status { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; line-height: 1.3; font-weight: 500; color: #23714b; margin-bottom: 16px; }
.product-status > span { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.product-status--unavailable { color: #9f3d50; }
.product-status--order { color: #926020; }
.forkom-product .product_container-product_info-title h1 { margin: 0 0 20px; font-size: clamp(25px, 2.35vw, 34px); line-height: 1.17; font-weight: 500; letter-spacing: -.025em; overflow-wrap: anywhere; }
.product-intro { font-size: 16px; line-height: 1.65; color: #686574; margin: 0; max-width: 61ch; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.product-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin-top: 28px; }
.product-action-primary { display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; min-height: 48px; padding: 13px 20px; background: var(--product-accent); border: 1px solid var(--product-accent); border-radius: 9px; color: #fff; font-size: 15px; font-weight: 500; }
.product-action-primary:hover { background: #5c38b2; color: #fff; }
.product-action-primary span { font-size: 20px; line-height: 1; }
.product-action-secondary { display: inline-flex; align-items: center; gap: 14px; color: var(--product-muted); font-size: 14px; padding: 12px 0; }
.product-action-secondary:hover { color: var(--product-accent); }
.product-prices, .product-information { scroll-margin-top: 190px; }
.product-prices { padding-top: 28px; border-top: 1px solid var(--product-line); }
.product-section-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 20px; }
.product-section-heading .forkom-price-tools { flex: 0 1 380px; min-width: 0; width: 380px; margin-top: 0; }
.forkom-product .product-section-heading h2, .forkom-product .product-information__title { font-size: 24px; line-height: 1.3; letter-spacing: -.015em; font-weight: 500; margin: 0; }
.product-section-heading > span { font-size: 13px; color: var(--product-muted); }
.product-information { border-top: 1px solid var(--product-line); margin-top: 32px; padding-top: 28px; }
.forkom-product .product-information__title { margin-bottom: 16px; }
.forkom-product .product-acf-fields { display: block; margin: 0; padding: 0; }
.forkom-product .product-detail { padding: 0; margin: 0; background: transparent; border-radius: 0; border-bottom: 1px solid var(--product-line); }
.product-detail > summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 62px; padding: 18px 0; font-size: 16px; font-weight: 500; cursor: pointer; list-style: none; }
.product-detail > summary::-webkit-details-marker { display: none; }
.product-detail > summary::after { content: '+'; color: var(--product-accent); font-size: 23px; font-weight: 400; flex-shrink: 0; line-height: 1; }
.product-detail[open] > summary::after { content: '−'; }
.product-detail > summary:hover { color: var(--product-accent); }
.product-detail__body { max-width: 960px; padding: 0 0 22px; font-size: 15px; line-height: 1.7; color: #605c6a; overflow-wrap: anywhere; }
.forkom-product .product-detail__body :is(p, li) { font-size: inherit; font-weight: 400; line-height: inherit; margin: 0 0 10px; }
.forkom-product .product-detail__body :is(ul, ol) { padding-left: 22px; margin: 0 0 12px; }
.product-detail__body ul { list-style: disc; }
.product-detail__body ol { list-style: decimal; }
.product-detail__body a { color: var(--product-accent); text-decoration: underline; }
.product-detail__body table { display: block; max-width: 100%; overflow-x: auto; }
.forkom-product .product-tech-passports { margin: 24px 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.forkom-product .product-tech-passports__title, .forkom-product .product-visual-section__title { font-size: 18px; margin-bottom: 16px; color: var(--product-ink); }
.forkom-product .product-tech-passports__list { grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 12px; }
.forkom-product .product-tech-passports__item { padding: 14px; border: 1px solid var(--product-line); border-radius: 10px; gap: 12px; }
.forkom-product .product-tech-passports__item:hover { transform: none; box-shadow: none; border-color: #bfaedb; }
.forkom-product .product-tech-passports__meta { gap: 10px; }
.forkom-product .product-tech-passports__icon { width: 34px; height: 34px; font-size: 17px; border-radius: 7px; }
.forkom-product .product-tech-passports__name { color: var(--product-ink); font-size: 14px; font-weight: 400; overflow-wrap: anywhere; }
.forkom-product .product-tech-passports__ext { display: none; }
.forkom-product .product-tech-passports__link { background: #f4f0fa; color: var(--product-accent); padding: 10px 14px; font-size: 13px; }
.forkom-product .product-visual-sections { margin: 24px 0; }
.forkom-product .forkom-lightbox__image:hover { cursor: default; }
@media (max-width: 900px) {
    .forkom-product .product_container { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 24px; }
    .forkom-product .product_container-product_info-title h1 { font-size: 26px; }
    .product-intro { font-size: 15px; line-height: 1.55; }
    .product-actions { gap: 8px 18px; margin-top: 20px; }
}
@media (max-width: 640px) {
    .forkom-product .product_container { grid-template-columns: minmax(0, 1fr); gap: 24px; margin: 22px 0 30px; }
    .forkom-product .product_container-product_images { max-width: 380px; }
    .forkom-product .product_container-product_images-image { border-radius: 12px; }
    .product-gallery-thumb { flex-basis: 48px; height: 48px; }
    .product-status { margin-bottom: 12px; }
    .forkom-product .product_container-product_info-title h1 { font-size: 25px; line-height: 1.2; margin-bottom: 14px; }
    .product-actions { gap: 8px 16px; }
    .product-action-primary { gap: 20px; }
    .product-section-heading { display: block; }
    .product-section-heading .forkom-price-tools { width: 100%; margin-top: 12px; }
    .product-section-heading > span { display: block; margin-top: 7px; }
    .forkom-product .product-section-heading h2, .forkom-product .product-information__title { font-size: 22px; }
    .product-prices, .product-information { scroll-margin-top: 100px; }
    .product-detail > summary { font-size: 15px; }
    .forkom-product .product-tech-passports__item { flex-direction: row; align-items: center; }
    .forkom-product .product-tech-passports__link { width: auto; }
}
@media (prefers-reduced-motion: reduce) {
    .forkom-product *, .forkom-product *::before, .forkom-product *::after { transition: none !important; scroll-behavior: auto !important; }
}
@media print {
    .forkom-product [hidden] { display: revert !important; }
    .product-actions, .forkom-price-tools, .forkom-price-footer, .forkom-price-empty, .product-image-zoom { display: none !important; }
    .forkom-product .forkom-tech-price__table-wrap { overflow: visible; }
    .forkom-product .product-detail::details-content { content-visibility: visible; display: block; }
}
