.product-detail-enhanced .card-body h3 i { display:inline-flex; align-items:center; justify-content:center; width:3rem; height:3rem; border-radius:.8rem; background:#e5f2f8; font-size:1.4rem; }
.product-detail-enhanced .row > .col:nth-child(3n+2) .card-body h3 i { background:#e7f5f1; color:#087d72 !important; }
.product-detail-enhanced .row > .col:nth-child(3n) .card-body h3 i { background:#fff1d9; color:#a96a00 !important; }
.product-detail-enhanced .card-body { line-height:1.65; }
.product-detail-enhanced .card-body h3 { line-height:1.4; }
.product-detail-enhanced .products-banner .ratio > img { object-fit:contain; object-position:right center; background:#e9eef1; }
.product-detail-enhanced .products-banner .card-img-overlay { background:linear-gradient(90deg,rgba(0,29,48,.95),rgba(0,38,61,.78) 55%,rgba(0,38,61,.35)) !important; }
@media(max-width:767px) { .product-detail-enhanced .products-banner .ratio { min-height:300px; } .product-detail-enhanced .products-banner .card-img-overlay h1 { font-size:2rem; } }

/* Reusable product specification table */
.product-spec-table { width:100%; border-collapse:separate; border-spacing:0; background:#fff; border-radius:12px; overflow:hidden; }
.product-spec-table th,.product-spec-table td { padding:15px 20px; border-bottom:1px solid #edf1f6; vertical-align:top; }
.product-spec-table th { width:35%; color:#10233f; background:#f9fbfe; font-weight:700; }
.product-spec-table tr:last-child th,.product-spec-table tr:last-child td { border-bottom:0; }
.qr8-hero { background:radial-gradient(circle at 85% 20%,#285d91 0,transparent 35%),linear-gradient(125deg,#0c1e36,#173e69); color:white; padding:95px 0 90px; overflow:hidden; }
.qr8-eyebrow { color:#70c9ff; font-size:13px; letter-spacing:3px; font-weight:bold; }
.qr8-hero h1 { font-size:clamp(36px,5vw,58px); line-height:1.15; margin:22px 0; font-weight:700; }
.qr8-hero h1 span { color:#61c7ff; }
.qr8-hero p:not(.qr8-eyebrow) { color:#d1e0f0; font-size:17px; max-width:590px; }
.qr8-tags { display:flex; flex-wrap:wrap; gap:10px; margin:30px 0; }
.qr8-tags span { border:1px solid #6083a8; background:#ffffff12; border-radius:30px; padding:7px 15px; font-size:13px; }
.qr8-hero-art { min-height:310px; border:1px solid #ffffff30; border-radius:24px; background:linear-gradient(145deg,#ffffff14,#ffffff05); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:30px; }
.qr8-hero-art img { width:min(100%,300px); height:auto; border-radius:18px; mix-blend-mode:normal; }
.qr8-hero-art strong { font-size:23px; letter-spacing:2px; }
.qr8-hero-art small { color:#b9d5ed; margin-top:7px; }
.qr8-section { padding:78px 0; }
.qr8-light { background:#f3f7fc; }
.qr8-heading { text-align:center; max-width:720px; margin:0 auto 45px; }
.qr8-heading h2,.qr8-cta h2 { color:#10233f; font-size:34px; font-weight:700; margin-bottom:12px; }
.qr8-heading p,.qr8-cta p { color:#718096; }
.qr8-protocol { height:100%; background:white; padding:28px; border-radius:14px; border-top:4px solid #1769d2; box-shadow:0 8px 25px #183c6410; }
.qr8-protocol h3 { color:#1769d2; font-size:21px; margin-bottom:16px; font-weight:700; }
.qr8-protocol ul { list-style:none; padding:0; margin:0; }
.qr8-protocol li { border-bottom:1px solid #edf1f6; padding:8px 0; font-size:14px; }
.qr8-protocol li:last-child { border:0; }
.qr8-form { background:#f5f8fc; border-radius:16px; overflow:hidden; border:1px solid #e5ebf3; height:100%; }
.qr8-form-icon { height:175px; background:linear-gradient(140deg,#16385f,#2875b9); color:white; display:flex; align-items:center; justify-content:center; font-size:48px; }
.qr8-form-content { padding:25px; }
.qr8-form-content h3 { color:#10233f; font-size:20px; font-weight:700; }
.qr8-form-content p { color:#718096; font-size:14px; }
.qr8-note { font-size:12px; color:#718096; margin-top:14px; }
.qr8-application { padding:22px 15px; background:#f3f7fc; border-radius:12px; font-weight:bold; color:#10233f; height:100%; }
.qr8-cta { background:#edf5ff; }
.qr8-cta p { margin:15px auto 25px; max-width:800px; }
.qr8-contact { display:inline-block; padding:13px 30px; background:#1769d2; color:white; border-radius:6px; font-weight:bold; text-decoration:none; }
.qr8-contact:hover { background:#1055ad; color:white; }
@media(max-width:800px) { .qr8-hero { padding:65px 0; } .qr8-section { padding:55px 0; } .qr8-heading h2 { font-size:28px; } }
@media(max-width:480px) { .product-spec-table th,.product-spec-table td { padding:12px; font-size:13px; } }

.qr8-developer-card { border:1px solid #ffffff30; border-radius:12px; background:#ffffff0d; }
.qr8-developer-card strong { color:#70c9ff; }