.cui-product { max-width:1200px; margin:0 auto; padding:48px 24px; color:#222; background:#fff; }
.cui-product *, .cui-product *::before, .cui-product *::after { box-sizing:border-box; }
.cui-product [hidden] { display:none !important; }
.cui-product a { color:inherit; }
.cui-product a:hover { color:#2e338c; }
.cui-product a:focus-visible, .cui-product button:focus-visible, .cui-product [tabindex]:focus-visible { outline:2px solid #2e338c; outline-offset:4px; }
.cui-product__overview { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; }
.cui-product__main-image { display:block; overflow:hidden; border-radius:24px; aspect-ratio:1; background:#f8f8f8; }
.cui-product__main-image img { display:block; width:100%; height:100%; object-fit:contain; transition:transform .25s; }
@media (hover:hover) { .cui-product__main-image:hover img { transform:scale(1.08); } }
.cui-product__thumbnails { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:16px; }
.cui-product__thumbnails a { overflow:hidden; border:2px solid #e5e5e5; border-radius:16px; }
.cui-product__thumbnails a[aria-current="true"] { border-color:#2e338c; }
.cui-product__thumbnails img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
.cui-product h1 { margin:0 0 16px; font-size:clamp(2rem,3vw,2.6rem); line-height:1.2; font-weight:700; color:#000; }
.cui-product__short-description { line-height:1.8; color:#555; }
.cui-product__price { margin-top:16px; font-size:1.25rem; font-weight:700; }
.cui-product .cui-product__contact { display:block; margin:24px 0 32px; padding:16px 24px; border-radius:8px; background:#000; color:#fff; text-align:center; font-weight:700; text-decoration:none; }
.cui-product .cui-product__contact:hover { background:#2e338c; color:#fff; }
.cui-product__taxonomy { padding-top:24px; border-top:1px solid #e7e7e7; }
.cui-product__taxonomy p { margin:0 0 8px; }
.cui-product__taxonomy span { color:#767676; }
.cui-product__taxonomy a:hover { text-decoration:underline; }
.cui-product__details { margin-top:56px; }
.cui-product__tabs { display:flex; gap:40px; border-bottom:1px solid #e5e5e5; overflow-x:auto; }
.cui-product__tabs a { flex-shrink:0; padding:0 0 15px; font-size:20px; font-weight:500; text-decoration:none; border-bottom:2px solid transparent; }
.cui-product__tabs a[aria-selected="true"] { border-color:#000; color:#000; }
.cui-product__tabs a[aria-selected="false"] { color:#767676; }
.cui-product__panel { padding:32px; line-height:1.9; overflow-wrap:anywhere; scroll-margin-top:100px; }
.cui-product__panel img { max-width:100%; height:auto; }
.cui-product__panel iframe, .cui-product__panel video { max-width:100%; }
.cui-product__panel table { display:block; max-width:100%; overflow:auto; }
.cui-product__section { margin-top:64px; }
.cui-product__section h2 { margin:0 0 24px; font-size:clamp(1.8rem,3vw,2.2rem); line-height:1.3; font-weight:700; color:#000; }
.cui-product__cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.cui-product__cards--news { grid-template-columns:repeat(3,minmax(0,1fr)); }
.cui-product__card { min-width:0; }
.cui-product__card-image { display:block; overflow:hidden; border-radius:16px; margin-bottom:16px; background:#f8f8f8; }
.cui-product__card-image img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
.cui-product__cards--news .cui-product__card-image img { aspect-ratio:3/2; }
.cui-product__card h3 { margin:8px 0; font-size:18px; line-height:1.5; font-weight:600; }
.cui-product__card p { margin:8px 0; line-height:1.6; }
.cui-product__card time, .cui-product__rating { font-size:14px; color:#666; }
.cui-product__section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:16px; }
.cui-product__enquiry { padding-top:32px; border-top:1px solid #e7e7e7; }
.cui-product__panel .comment-reply-title { display:block; margin:24px 0 16px; font-size:24px; font-weight:600; }
@media (max-width:767px) {
    .cui-product { padding:32px 16px; }
    .cui-product__overview { grid-template-columns:1fr; }
    .cui-product__cards, .cui-product__cards--news { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .cui-product__panel { padding:24px 0; }
    .cui-product__tabs { gap:24px; }
    .cui-product__tabs a { font-size:18px; }
    .cui-product__section { margin-top:40px; }
}
@media (max-width:479px) { .cui-product__cards, .cui-product__cards--news { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { .cui-product__main-image img { transition:none; } }