.products-intro {
   background: var(--white);
}

.products-intro .section-title {
   font-size: 2.5rem;
   line-height: 1.35;
}

.products-intro-image {
   overflow: hidden;
   border-radius: 8px;
   box-shadow: var(--shadow-lg);
}

.products-intro-image img {
   display: block;
   width: 100%;
   height: auto;
}

.products-list {
   background: var(--gray-50);
}

.product-card-full-link {
   display: flex;
   flex: 1;
   flex-direction: column;
   height: 100%;
   color: inherit;
   text-decoration: none;
}

.product-card-full-link:focus-visible {
   outline: 3px solid var(--accent-cyan);
   outline-offset: -3px;
}

.product-card-meta {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   margin-bottom: 16px;
}

.product-card-meta .badge {
   white-space: normal;
   text-align: left;
   line-height: 1.45;
   color: var(--blue-700) !important;
   background: var(--blue-50) !important;
   border: 1px solid var(--blue-100);
   border-radius: 8px;
}

.product-card-note {
   margin-top: 12px;
   padding-top: 12px;
   border-top: 1px solid var(--gray-200);
   color: var(--text-secondary);
   font-size: 0.86rem;
   line-height: 1.6;
}

.products-guide {
   position: relative;
   overflow: hidden;
   background: var(--dark-bg);
}

.products-guide-bg {
   position: absolute;
   top: -10%;
   left: 0;
   width: 100%;
   height: 120%;
   background: url('/img/products-guide-bg.avif') center/cover no-repeat;
   will-change: transform;
}

.products-guide-overlay {
   position: absolute;
   inset: 0;
   background: rgba(6, 14, 26, 0.72);
}

.products-guide .container {
   position: relative;
   z-index: 2;
}

.products-guide .section-label {
   color: var(--accent-cyan);
}

.products-guide .label-icon {
   color: var(--accent-cyan);
   background: rgba(0, 212, 255, 0.12);
}

.products-guide .section-title {
   color: var(--white);
}

.products-guide .section-subtitle {
   color: rgba(255, 255, 255, 0.72);
}

.products-guide .guide-item {
   height: 100%;
   padding: 28px;
   border: 1px solid rgba(255, 255, 255, 0.16);
   border-radius: 8px;
   background: rgba(6, 14, 26, 0.72);
   backdrop-filter: blur(10px);
}

.products-guide .guide-icon {
   width: 44px;
   height: 44px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 8px;
   color: var(--white);
   background: linear-gradient(135deg, var(--blue-600), var(--accent-cyan));
   margin-bottom: 18px;
}

.products-guide .guide-item h3 {
   font-size: 1.1rem;
   font-weight: 700;
   color: var(--white);
   margin-bottom: 10px;
}

.products-guide .guide-item p {
   color: rgba(255, 255, 255, 0.72);
   line-height: 1.75;
   margin-bottom: 0;
}

.products-process {
   background: var(--white);
   padding-bottom: 56px;
}

.products-process-card {
   display: flex;
   flex-direction: column;
   height: 100%;
   overflow: hidden;
   border: 1px solid var(--gray-200);
   border-radius: 8px;
   background: var(--white);
   transition: all var(--transition-smooth);
}

.products-process-card:hover {
   transform: translateY(-8px);
   border-color: var(--blue-200);
   box-shadow: var(--shadow-lg);
}

.products-process-card-img {
   position: relative;
   height: 190px;
   overflow: hidden;
   background: var(--gray-100);
}

.products-process-card-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.7s ease;
}

.products-process-card:hover .products-process-card-img img {
   transform: scale(1.08);
}

.products-process-step {
   position: absolute;
   right: 16px;
   bottom: 16px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 44px;
   height: 44px;
   border-radius: 50%;
   color: var(--white);
   background: var(--gradient-primary);
   box-shadow: var(--shadow-blue);
   font-size: 0.82rem;
   font-weight: 800;
}

.products-process-card-body {
   flex: 1;
   padding: 24px;
}

.products-process-card-body h3 {
   margin-bottom: 10px;
   color: var(--blue-800);
   font-size: 1.08rem;
   font-weight: 700;
}

.products-process-card-body p {
   margin-bottom: 0;
   color: var(--text-secondary);
   font-size: 0.9rem;
   line-height: 1.75;
}

.products-cases {
   background: var(--gray-50);
}

.products-cases .case-card {
   display: block;
   text-decoration: none;
}

.products-cases .case-card:focus-visible {
   outline: 3px solid var(--accent-cyan);
   outline-offset: 4px;
}

@media (max-width: 767.98px) {
   .products-intro .section-title {
      font-size: 2rem;
   }

   .products-guide-bg {
      left: -25%;
      width: 150%;
   }

   .products-process-card-img {
      height: 220px;
   }
}

/* ========== Product detail shared layout ========== */
.product-detail-page {
   background: var(--white);
   overflow-x: clip;
}

.product-detail-hero-media,
.product-detail-hero-media img {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
}

.product-detail-hero-media img {
   object-fit: cover;
   object-position: center 46%;
}

.product-detail-hero-overlay {
   position: absolute;
   inset: 0;
   background: linear-gradient(90deg, rgba(6, 14, 26, 0.94) 0%, rgba(6, 14, 26, 0.72) 52%, rgba(6, 14, 26, 0.32) 100%);
}

.product-detail-hero-content {
   position: relative;
   z-index: 2;
   padding-top: 0;
   padding-bottom: 0;
}

.product-detail-breadcrumb .breadcrumb-item,
.product-detail-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
   color: rgba(255, 255, 255, 0.7);
}

.product-detail-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
   content: "/";
}

.product-detail-breadcrumb a {
   color: rgba(255, 255, 255, 0.78);
   text-decoration: none;
}

.product-detail-breadcrumb a:hover,
.product-detail-breadcrumb a:focus-visible {
   color: var(--accent-cyan);
}

.product-detail-breadcrumb .active {
   color: var(--white);
}

.product-detail-hero-copy {
   max-width: 1100px;
}

.product-detail-hero h1 {
   margin: 0 0 20px;
   color: var(--white);
   font-size: 3.25rem;
   font-weight: 800;
   line-height: 1.2;
}

.product-detail-hero-copy > p {
   margin: 0;
   color: rgba(255, 255, 255, 0.82);
   font-size: 1.12rem;
   line-height: 1.8;
}

.product-detail-cta-actions {
   display: flex;
   flex-wrap: wrap;
   gap: 14px;
   margin-top: 30px;
}

.btn-bitaint-primary {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   min-height: 52px;
   padding: 14px 28px;
   border: 2px solid var(--blue-500);
   border-radius: 6px;
   color: var(--white);
   background: var(--blue-500);
   box-shadow: var(--shadow-blue);
   font-size: 0.96rem;
   font-weight: 700;
   text-decoration: none;
   transition: all var(--transition-smooth);
}

.btn-bitaint-primary:hover,
.btn-bitaint-primary:focus-visible {
   border-color: var(--blue-400);
   color: var(--white);
   background: var(--blue-400);
   transform: translateY(-3px);
}

.btn-bitaint-primary:focus-visible,
.btn-outline:focus-visible {
   outline: 3px solid var(--accent-cyan);
   outline-offset: 3px;
}

.product-detail-overview {
   overflow: visible;
   background: var(--white);
}

.product-gallery {
   position: sticky;
   top: 104px;
}

.product-gallery-main {
   position: relative;
   width: 100%;
   padding: 0;
   overflow: hidden;
   border: 0;
   border-radius: 8px;
   background: var(--gray-100);
   box-shadow: var(--shadow-lg);
   cursor: zoom-in;
}

.product-gallery-main picture {
   display: block;
   aspect-ratio: 4 / 3;
}

.product-gallery-main img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform var(--transition-dramatic);
}

.product-gallery-main:hover img {
   transform: scale(1.025);
}

.product-gallery-main:focus-visible {
   outline: 3px solid var(--blue-400);
   outline-offset: 4px;
}

.product-gallery-zoom {
   position: absolute;
   right: 16px;
   bottom: 16px;
   width: 44px;
   height: 44px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   color: var(--white);
   background: rgba(6, 14, 26, 0.82);
   backdrop-filter: blur(8px);
}

.product-gallery-caption {
   min-height: 44px;
   margin: 14px 0 12px;
   color: var(--text-secondary);
   font-size: 0.88rem;
   line-height: 1.6;
}

.product-gallery-thumbs-shell {
   display: grid;
   grid-template-columns: 40px minmax(0, 1fr) 40px;
   gap: 8px;
   align-items: center;
}

.product-gallery-thumbs {
   display: flex;
   gap: 10px;
   padding: 2px;
   overflow-x: auto;
   overscroll-behavior-inline: contain;
   scrollbar-width: none;
   scroll-behavior: smooth;
   scroll-snap-type: x mandatory;
}

.product-gallery-thumbs::-webkit-scrollbar {
   display: none;
}

.product-gallery-scroll {
   width: 40px;
   height: 40px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 0;
   border: 1px solid var(--gray-300);
   border-radius: 6px;
   color: var(--blue-700);
   background: var(--white);
   cursor: pointer;
   transition: color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);
}

.product-gallery-scroll:hover,
.product-gallery-scroll:focus-visible {
   border-color: var(--blue-400);
   color: var(--white);
   background: var(--blue-500);
   outline: none;
}

.product-gallery-scroll:disabled {
   color: var(--gray-400);
   border-color: var(--gray-200);
   background: var(--gray-50);
   cursor: default;
}

.product-gallery-thumb {
   flex: 0 0 104px;
   padding: 0;
   overflow: hidden;
   aspect-ratio: 4 / 3;
   border: 2px solid transparent;
   border-radius: 6px;
   background: var(--gray-100);
   cursor: pointer;
   scroll-snap-align: center;
   transition: border-color var(--transition-fast), opacity var(--transition-fast);
}

.product-gallery-thumb img {
   width: 100%;
   height: 100%;
   display: block;
   object-fit: cover;
}

.product-gallery-thumb:hover {
   border-color: var(--blue-200);
}

.product-gallery-thumb.active,
.product-gallery-thumb:focus-visible {
   border-color: var(--blue-500);
   outline: none;
}

.product-detail-section-title {
   margin-bottom: 22px;
   font-size: 2.25rem;
   line-height: 1.35;
}

.product-detail-lead {
   margin-bottom: 18px;
   color: var(--text-secondary);
   font-size: 1rem;
   line-height: 1.85;
}

.product-quick-facts {
   margin-top: 30px;
   border-top: 1px solid var(--gray-200);
}

.product-quick-fact {
   display: grid;
   grid-template-columns: 44px minmax(0, 1fr);
   gap: 14px;
   align-items: start;
   padding: 18px 0;
   border-bottom: 1px solid var(--gray-200);
}

.product-quick-fact > i {
   width: 44px;
   height: 44px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 8px;
   color: var(--blue-600);
   background: var(--blue-50);
   font-size: 1.1rem;
}

.product-quick-fact span,
.product-quick-fact strong,
.product-quick-fact small {
   display: block;
}

.product-quick-fact span {
   margin-bottom: 3px;
   color: var(--text-light);
   font-size: 0.78rem;
}

.product-quick-fact strong {
   color: var(--blue-800);
   font-size: 1rem;
}

.product-quick-fact small {
   margin-top: 3px;
   color: var(--text-secondary);
   line-height: 1.5;
}

.product-detail-disclaimer {
   display: flex;
   gap: 10px;
   align-items: flex-start;
   margin: 20px 0 0;
   padding: 14px 16px;
   border-left: 3px solid #d97706;
   color: #7c2d12;
   background: #fff7ed;
   font-size: 0.82rem;
   line-height: 1.65;
}

.product-detail-disclaimer i {
   margin-top: 2px;
   color: #b45309;
}

.product-fit-section {
   background: var(--gray-50);
}

.product-fit-panel {
   height: 100%;
   padding: 30px;
   border: 1px solid var(--gray-200);
   border-radius: 8px;
   background: var(--white);
}

.product-fit-panel-positive {
   border-top: 4px solid #059669;
}

.product-fit-panel-consider {
   border-top: 4px solid #d97706;
}

.product-fit-panel-heading {
   display: flex;
   gap: 12px;
   align-items: center;
   margin-bottom: 20px;
}

.product-fit-panel-heading i {
   font-size: 1.35rem;
}

.product-fit-panel-positive .product-fit-panel-heading i {
   color: #047857;
}

.product-fit-panel-consider .product-fit-panel-heading i {
   color: #b45309;
}

.product-fit-panel-heading h3 {
   margin: 0;
   color: var(--text-primary);
   font-size: 1.15rem;
   font-weight: 700;
}

.product-fit-panel ul {
   display: grid;
   gap: 14px;
   margin: 0;
   padding: 0;
   list-style: none;
}

.product-fit-panel li {
   position: relative;
   padding-left: 24px;
   color: var(--text-secondary);
   line-height: 1.7;
}

.product-fit-panel li::before {
   position: absolute;
   top: 0.7em;
   left: 2px;
   width: 7px;
   height: 7px;
   border-radius: 50%;
   content: "";
}

.product-fit-panel-positive li::before {
   background: #10b981;
}

.product-fit-panel-consider li::before {
   background: #f59e0b;
}

.product-features-section {
   isolation: isolate;
   background: var(--blue-900);
}

.product-features-background {
   position: absolute;
   top: -12%;
   left: 0;
   z-index: -2;
   width: 100%;
   height: 124%;
   display: block;
   will-change: transform;
}

.product-features-background img {
   width: 100%;
   height: 100%;
   display: block;
   object-fit: cover;
   object-position: center;
}

.product-features-overlay {
   position: absolute;
   inset: 0;
   z-index: -1;
   background: rgba(4, 13, 26, 0.82);
}

.product-features-section .container {
   position: relative;
   z-index: 1;
}

.product-features-section .section-label {
   color: var(--accent-cyan);
}

.product-features-section .label-icon {
   color: var(--accent-cyan);
   background: rgba(0, 212, 255, 0.12);
}

.product-features-section .section-title {
   color: var(--white);
}

.product-features-section .section-subtitle {
   color: rgba(255, 255, 255, 0.76);
}

.product-feature-card {
   position: relative;
   height: 100%;
   min-height: 290px;
   padding: 30px 26px;
   overflow: hidden;
   border: 1px solid var(--gray-200);
   border-radius: 8px;
   background: rgba(255, 255, 255, 0.95);
   backdrop-filter: blur(8px);
   transition: all var(--transition-smooth);
}

.product-feature-card:hover {
   border-color: var(--blue-200);
   box-shadow: var(--shadow-lg);
   transform: translateY(-6px);
}

.product-feature-number {
   position: absolute;
   top: 18px;
   right: 20px;
   color: var(--gray-200);
   font-size: 2.2rem;
   font-weight: 800;
   line-height: 1;
}

.product-feature-icon {
   width: 50px;
   height: 50px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 22px;
   border-radius: 8px;
   color: var(--white);
   background: var(--blue-600);
   font-size: 1.25rem;
}

.product-feature-card h3 {
   margin-bottom: 12px;
   color: var(--blue-800);
   font-size: 1.05rem;
   font-weight: 700;
   line-height: 1.45;
}

.product-feature-card p {
   margin: 0;
   color: var(--text-secondary);
   font-size: 0.9rem;
   line-height: 1.75;
}

.product-specifications-section {
   background: var(--gray-50);
}

.product-components-heading {
   max-width: 780px;
   margin-bottom: 24px;
}

.product-components-heading > span,
.product-specification-guide > span {
   display: block;
   margin-bottom: 7px;
   color: var(--blue-600);
   font-size: 0.72rem;
   font-weight: 800;
   letter-spacing: 0;
   text-transform: uppercase;
}

.product-components-heading h3 {
   margin: 0 0 9px;
   color: var(--blue-800);
   font-size: 1.35rem;
   font-weight: 800;
}

.product-components-heading p {
   margin: 0;
   color: var(--text-secondary);
   font-size: 0.92rem;
   line-height: 1.75;
}

.product-specification-table-wrap {
   overflow-x: auto;
   border: 1px solid var(--gray-200);
   border-radius: 8px;
   background: var(--white);
   box-shadow: var(--shadow-sm);
}

.product-specification-table {
   width: 100%;
   min-width: 620px;
   border-collapse: collapse;
}

.product-specification-table caption {
   padding: 16px 20px;
   color: var(--text-secondary);
   background: var(--white);
   font-size: 0.82rem;
   text-align: left;
}

.product-specification-table thead {
   color: var(--white);
   background: var(--blue-800);
}

.product-specification-table th,
.product-specification-table td {
   padding: 17px 20px;
   border-bottom: 1px solid var(--gray-200);
   text-align: left;
   vertical-align: top;
}

.product-specification-table thead th {
   font-size: 0.86rem;
   font-weight: 700;
}

.product-specification-table tbody th {
   width: 31%;
   color: var(--blue-800);
   background: var(--blue-50);
   font-size: 0.88rem;
   font-weight: 700;
}

.product-specification-table tbody tr:last-child th,
.product-specification-table tbody tr:last-child td {
   border-bottom: 0;
}

.product-specification-table td strong,
.product-specification-table td span {
   display: block;
}

.product-specification-table td strong {
   margin-bottom: 5px;
   color: var(--text-primary);
   font-size: 0.92rem;
}

.product-specification-table td span {
   color: var(--text-secondary);
   font-size: 0.82rem;
   line-height: 1.6;
}

.product-component-list {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 16px;
   margin-top: 24px;
}

.product-component-item {
   display: grid;
   grid-template-columns: 42px minmax(0, 1fr);
   gap: 13px;
   padding: 20px;
   border: 1px solid var(--gray-200);
   border-radius: 8px;
   background: var(--white);
}

.product-component-icon {
   width: 42px;
   height: 42px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 8px;
   color: var(--blue-600);
   background: var(--blue-50);
}

.product-component-item h3 {
   margin: 0 0 7px;
   color: var(--blue-800);
   font-size: 0.94rem;
   font-weight: 700;
}

.product-component-item p {
   margin: 0;
   color: var(--text-secondary);
   font-size: 0.82rem;
   line-height: 1.65;
}

.product-component-list-wide {
   grid-template-columns: repeat(6, minmax(0, 1fr));
   margin: 0 0 30px;
}

.product-component-list-wide .product-component-item {
   grid-column: span 2;
   min-height: 164px;
}

.product-component-list-wide .product-component-item:nth-last-child(2) {
   grid-column: 2 / span 2;
}

.product-component-list-wide .product-component-item:last-child {
   grid-column: 4 / span 2;
}

.product-specification-no-figure-details {
   display: grid;
   grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.55fr);
   gap: 24px;
   align-items: start;
}

.product-specification-summary-grid {
   display: grid;
   grid-template-columns: minmax(0, 1.45fr) minmax(340px, 0.55fr);
   gap: 24px;
   align-items: stretch;
}

.product-specification-summary-grid .product-specification-table-wrap {
   height: 100%;
}

.product-specification-summary-grid .product-component-list {
   height: 100%;
   grid-template-columns: 1fr;
   grid-auto-rows: 1fr;
   margin-top: 0;
}

.product-specification-figure-heading {
   max-width: 820px;
   margin-bottom: 22px;
}

.product-specification-figure-heading > span {
   display: block;
   margin-bottom: 7px;
   color: var(--blue-600);
   font-size: 0.72rem;
   font-weight: 800;
   letter-spacing: 0;
   text-transform: uppercase;
}

.product-specification-figure-heading h3 {
   margin: 0 0 9px;
   color: var(--blue-800);
   font-size: 1.35rem;
   font-weight: 800;
}

.product-specification-figure-heading p {
   margin: 0;
   color: var(--text-secondary);
   font-size: 0.9rem;
   line-height: 1.75;
}

.product-specification-guide {
   position: relative;
   overflow: hidden;
   padding: 28px;
   border: 1px solid var(--blue-100);
   border-radius: 8px;
   background: var(--white);
   box-shadow: var(--shadow-sm);
}

.product-specification-guide::before {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   height: 4px;
   background: var(--blue-600);
   content: "";
}

.product-specification-guide > h3 {
   margin: 0 0 10px;
   color: var(--blue-800);
   font-size: 1.18rem;
   font-weight: 800;
}

.product-specification-guide > p {
   margin: 0 0 22px;
   color: var(--text-secondary);
   font-size: 0.84rem;
   line-height: 1.7;
}

.product-specification-guide ol {
   display: grid;
   gap: 18px;
   margin: 0;
   padding: 0;
   list-style: none;
}

.product-specification-guide li {
   display: grid;
   grid-template-columns: 34px minmax(0, 1fr);
   gap: 12px;
}

.product-specification-guide li > span {
   width: 34px;
   height: 34px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   color: var(--white);
   background: var(--blue-700);
   font-size: 0.7rem;
   font-weight: 800;
}

.product-specification-guide h4 {
   margin: 0 0 4px;
   color: var(--text-primary);
   font-size: 0.88rem;
   font-weight: 800;
}

.product-specification-guide li p {
   margin: 0;
   color: var(--text-secondary);
   font-size: 0.78rem;
   line-height: 1.6;
}

.product-specification-figures {
   display: grid;
   gap: 20px;
}

.product-specification-figures figure {
   margin: 0;
   overflow: hidden;
   border: 1px solid var(--gray-200);
   border-radius: 8px;
   background: var(--white);
   box-shadow: var(--shadow-sm);
}

.product-specification-figures button {
   position: relative;
   width: 100%;
   padding: 0;
   border: 0;
   background: var(--white);
   cursor: zoom-in;
}

.product-specification-figures button:focus-visible {
   outline: 3px solid var(--blue-400);
   outline-offset: -3px;
}

.product-specification-figures picture,
.product-specification-figures img {
   display: block;
   width: 100%;
}

.product-specification-figures img {
   height: auto;
}

.product-specification-figures button > span {
   position: absolute;
   right: 12px;
   bottom: 12px;
   width: 38px;
   height: 38px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   color: var(--white);
   background: rgba(6, 14, 26, 0.8);
}

.product-specification-figures figcaption {
   padding: 14px 16px;
   border-top: 1px solid var(--gray-200);
   color: var(--text-secondary);
   font-size: 0.82rem;
   line-height: 1.6;
}

.product-specification-figures-grid {
   grid-template-columns: repeat(6, minmax(0, 1fr));
}

.product-specification-figures-grid figure {
   display: flex;
   grid-column: span 2;
   flex-direction: column;
}

.product-specification-figures-grid figure:nth-last-child(2) {
   grid-column: 2 / span 2;
}

.product-specification-figures-grid figure:last-child {
   grid-column: 4 / span 2;
}

.product-specification-figures-grid button,
.product-specification-figures-grid picture {
   background: var(--gray-100);
}

.product-specification-figures-grid img {
   aspect-ratio: 4 / 3;
   object-fit: contain;
}

.product-specification-figures-grid figcaption {
   flex: 1;
}

.product-industries-section {
   background: var(--white);
}

.product-industries-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   border-top: 1px solid var(--gray-200);
   border-left: 1px solid var(--gray-200);
}

.product-industry-item {
   min-height: 220px;
   padding: 30px;
   border-right: 1px solid var(--gray-200);
   border-bottom: 1px solid var(--gray-200);
   background: var(--white);
   transition: background var(--transition-fast);
}

.product-industry-item:hover {
   background: var(--blue-50);
}

.product-industry-item > i {
   color: var(--blue-500);
   font-size: 1.55rem;
}

.product-industry-item h3 {
   margin: 18px 0 10px;
   color: var(--blue-800);
   font-size: 1rem;
   font-weight: 700;
}

.product-industry-item p {
   margin: 0;
   color: var(--text-secondary);
   font-size: 0.86rem;
   line-height: 1.7;
}

.product-planning-section {
   color: var(--white);
   background: var(--blue-900);
}

.product-planning-section .section-label {
   color: var(--accent-cyan);
}

.product-planning-section .label-icon {
   color: var(--accent-cyan);
   background: rgba(0, 212, 255, 0.12);
}

.product-planning-section .section-title {
   color: var(--white);
}

.product-planning-section .section-subtitle {
   color: rgba(255, 255, 255, 0.7);
}

.product-planning-list {
   display: grid;
   gap: 1px;
   margin: 0;
   padding: 1px;
   background: rgba(255, 255, 255, 0.14);
   list-style: none;
}

.product-planning-list li {
   display: grid;
   grid-template-columns: 48px minmax(0, 1fr);
   gap: 18px;
   align-items: start;
   padding: 22px;
   background: var(--blue-900);
}

.product-planning-list li > span {
   width: 48px;
   height: 48px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border: 1px solid rgba(0, 212, 255, 0.35);
   border-radius: 50%;
   color: var(--accent-cyan);
   font-size: 0.8rem;
   font-weight: 800;
}

.product-planning-list h3 {
   margin: 0 0 7px;
   color: var(--white);
   font-size: 1rem;
   font-weight: 700;
}

.product-planning-list p {
   margin: 0;
   color: rgba(255, 255, 255, 0.66);
   font-size: 0.86rem;
   line-height: 1.65;
}

.product-cases-section {
   background: var(--gray-50);
}

.product-case-card {
   display: flex;
   flex-direction: column;
   height: 100%;
   overflow: hidden;
   border: 1px solid var(--gray-200);
   border-radius: 8px;
   background: var(--white);
   box-shadow: var(--shadow-sm);
}

.product-case-image {
   display: block;
   height: 230px;
   overflow: hidden;
   background: var(--gray-100);
}

.product-case-image img {
   width: 100%;
   height: 100%;
   display: block;
   object-fit: cover;
   transition: transform var(--transition-dramatic);
}

.product-case-card:hover .product-case-image img {
   transform: scale(1.05);
}

.product-case-body {
   display: flex;
   flex: 1;
   flex-direction: column;
   padding: 26px;
}

.product-case-body > span {
   display: inline-block;
   margin-bottom: 10px;
   color: #047857;
   font-size: 0.78rem;
   font-weight: 700;
}

.product-case-body h3 {
   margin-bottom: 18px;
   color: var(--blue-800);
   font-size: 1.08rem;
   font-weight: 700;
   line-height: 1.5;
}

.product-case-body h3 a {
   color: inherit;
   text-decoration: none;
}

.product-case-body h3 a:hover,
.product-case-body h3 a:focus-visible {
   color: var(--blue-600);
}

.product-case-body dl,
.product-case-body dl > div:last-child dd {
   margin-bottom: 0;
}

.product-case-body dl > div {
   display: grid;
   grid-template-columns: 42px minmax(0, 1fr);
   gap: 9px;
   margin-bottom: 12px;
}

.product-case-body dt {
   color: var(--blue-600);
   font-size: 0.8rem;
   font-weight: 700;
}

.product-case-body dd {
   margin: 0;
   color: var(--text-secondary);
   font-size: 0.82rem;
   line-height: 1.65;
}

.product-case-note {
   margin: 24px 0 0;
   color: var(--text-light);
   font-size: 0.8rem;
   line-height: 1.6;
   text-align: center;
}

.product-case-detail-link {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   margin-top: auto;
   padding-top: 18px;
   color: var(--blue-600);
   font-size: 0.88rem;
   font-weight: 700;
   text-decoration: none;
}

.product-case-detail-link:hover,
.product-case-detail-link:focus-visible {
   color: var(--blue-800);
}

.product-more-cases {
   margin-top: 34px;
   padding: 28px;
   border: 1px solid rgba(14, 116, 187, 0.18);
   border-radius: 18px;
   background: linear-gradient(135deg, rgba(14, 116, 187, 0.08), rgba(0, 188, 212, 0.08));
}

.product-more-cases h3 {
   margin-bottom: 18px;
   color: var(--blue-800);
   font-size: 1.08rem;
}

.product-more-case-links {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 12px;
}

.product-more-case-links > a {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 18px;
   min-width: 0;
   padding: 16px 18px;
   border: 1px solid rgba(14, 116, 187, 0.24);
   border-radius: 12px;
   background: #ffffff;
   color: var(--blue-900);
   text-decoration: none;
   box-shadow: 0 8px 22px rgba(16, 54, 86, 0.07);
   transition: transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.product-more-case-links > a:hover,
.product-more-case-links > a:focus-visible {
   transform: translateY(-3px);
   border-color: var(--blue-500);
   box-shadow: 0 12px 28px rgba(16, 54, 86, 0.13);
}

.product-more-case-links > a:focus-visible {
   outline: 3px solid var(--blue-600);
   outline-offset: 3px;
}

.product-more-case-links span {
   min-width: 0;
}

.product-more-case-links small,
.product-more-case-links strong {
   display: block;
}

.product-more-case-links small {
   margin-bottom: 5px;
   color: var(--text-light);
   font-size: 0.76rem;
}

.product-more-case-links strong {
   line-height: 1.55;
   white-space: normal;
}

.product-more-case-links i {
   flex: 0 0 auto;
   color: var(--accent-cyan);
   font-size: 1.1rem;
}

.product-cases-all {
   display: flex;
   justify-content: center;
   margin-top: 28px;
}

@media (max-width: 767.98px) {
   .product-more-case-links {
      grid-template-columns: 1fr;
   }

   .product-more-cases {
      padding: 22px 18px;
   }
}

.product-video-section {
   background: linear-gradient(135deg, #f8fbff 0%, #ffffff 54%, #eef7ff 100%);
}

.product-video-link {
   display: inline-flex;
   gap: 8px;
   align-items: center;
   margin-top: 16px;
}

.product-video-frame {
   overflow: hidden;
   aspect-ratio: 16 / 9;
   border: 1px solid rgba(34, 114, 192, 0.18);
   border-radius: 8px;
   background: #07111f;
   box-shadow: 0 22px 54px rgba(12, 36, 68, 0.18);
}

.product-video-frame iframe {
   display: block;
   width: 100%;
   height: 100%;
   border: 0;
}

.product-faq-section {
   background: var(--white);
}

.product-faq-list {
   border-top: 1px solid var(--gray-200);
}

.product-faq-list details {
   border-bottom: 1px solid var(--gray-200);
}

.product-faq-list summary {
   display: flex;
   gap: 20px;
   align-items: center;
   justify-content: space-between;
   padding: 22px 4px;
   color: var(--text-primary);
   cursor: pointer;
   font-size: 1rem;
   font-weight: 700;
   line-height: 1.55;
   list-style: none;
}

.product-faq-list summary::-webkit-details-marker {
   display: none;
}

.product-faq-list summary:focus-visible {
   outline: 3px solid var(--blue-300);
   outline-offset: 3px;
}

.product-faq-list summary i {
   flex: 0 0 auto;
   color: var(--blue-500);
   transition: transform var(--transition-fast);
}

.product-faq-list details[open] summary i {
   transform: rotate(45deg);
}

.product-faq-answer {
   padding: 0 50px 22px 4px;
}

.product-faq-answer p {
   margin: 0;
   color: var(--text-secondary);
   line-height: 1.8;
}

.product-detail-cta {
   padding: 72px 0;
   color: var(--white);
   background: #0d2240;
}

.product-detail-cta-inner {
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;
   gap: 48px;
   align-items: center;
}

.product-detail-cta-inner > div:first-child {
   max-width: 760px;
}

.product-detail-cta-inner span {
   display: block;
   margin-bottom: 10px;
   color: var(--accent-cyan);
   font-size: 0.82rem;
   font-weight: 700;
}

.product-detail-cta-inner h2 {
   margin: 0 0 14px;
   color: var(--white);
   font-size: 2rem;
   font-weight: 800;
   line-height: 1.35;
}

.product-detail-cta-inner p {
   margin: 0;
   color: rgba(255, 255, 255, 0.7);
   line-height: 1.75;
}

.product-detail-cta-actions {
   min-width: 250px;
   margin-top: 0;
}

.product-lightbox {
   position: fixed;
   inset: 0;
   width: min(94vw, 1440px);
   height: 94vh;
   max-width: none;
   max-height: 94vh;
   margin: auto;
   padding: 0;
   overflow: visible;
   border: 0;
   background: transparent;
}

.product-lightbox::backdrop {
   background: rgba(3, 8, 16, 0.92);
}

.product-lightbox-close {
   position: fixed;
   top: 22px;
   right: 22px;
   z-index: 2;
   width: 48px;
   height: 48px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border: 1px solid rgba(255, 255, 255, 0.25);
   border-radius: 50%;
   color: var(--white);
   background: rgba(6, 14, 26, 0.88);
   cursor: pointer;
}

.product-lightbox-close:focus-visible {
   outline: 3px solid var(--accent-cyan);
   outline-offset: 3px;
}

.product-lightbox-content {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   max-height: 94vh;
}

.product-lightbox-content img {
   width: auto;
   height: auto;
   max-width: 100%;
   max-height: calc(94vh - 64px);
   display: block;
   object-fit: contain;
   box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
}

.product-lightbox-content p {
   margin: 12px 0 0;
   color: rgba(255, 255, 255, 0.84);
   font-size: 0.88rem;
   text-align: center;
}

@media (max-width: 1199.98px) {
   .product-gallery {
      position: static;
   }

   .product-detail-cta-inner {
      grid-template-columns: 1fr;
      gap: 28px;
   }

   .product-detail-cta-actions {
      min-width: 0;
   }
}

@media (max-width: 991.98px) {
   .product-detail-hero-overlay {
      background: rgba(6, 14, 26, 0.74);
   }

   .product-detail-hero h1 {
      font-size: 2.7rem;
   }

   .product-industries-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .product-component-list-wide {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .product-component-list-wide .product-component-item,
   .product-component-list-wide .product-component-item:nth-last-child(2),
   .product-component-list-wide .product-component-item:last-child {
      grid-column: auto;
   }

   .product-component-list-wide .product-component-item:last-child {
      grid-column: 1 / -1;
      min-height: 0;
   }

   .product-specification-no-figure-details {
      grid-template-columns: 1fr;
   }

   .product-specification-summary-grid {
      grid-template-columns: 1fr;
   }

   .product-specification-summary-grid .product-component-list {
      height: auto;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      grid-auto-rows: auto;
   }

   .product-specification-figures-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .product-specification-figures-grid figure,
   .product-specification-figures-grid figure:nth-last-child(2),
   .product-specification-figures-grid figure:last-child {
      grid-column: auto;
   }

   .product-specification-figures-grid figure:last-child {
      width: calc(50% - 10px);
      grid-column: 1 / -1;
      justify-self: center;
   }
}

@media (max-width: 767.98px) {
   .product-detail-page .section-padding {
      padding: 72px 0;
   }

   .product-detail-page .row {
      --bs-gutter-x: 1.5rem;
   }

   .product-detail-hero-media img {
      object-position: 57% center;
   }

   .product-detail-breadcrumb {
      font-size: 0.8rem;
   }

   .product-detail-hero h1 {
      font-size: 2.2rem;
   }

   .product-detail-hero-copy > p {
      font-size: 1rem;
      line-height: 1.7;
   }

   .product-detail-cta-actions {
      align-items: stretch;
      flex-direction: column;
   }

   .product-detail-cta-actions a,
   .product-planning-section .btn-bitaint-primary {
      width: 100%;
      max-width: none;
   }

   .product-detail-section-title {
      font-size: 1.85rem;
   }

   .product-gallery-caption {
      min-height: 62px;
   }

   .product-gallery-thumbs {
      gap: 7px;
   }

   .product-gallery-thumbs-shell {
      grid-template-columns: 36px minmax(0, 1fr) 36px;
      gap: 6px;
   }

   .product-gallery-scroll {
      width: 36px;
      height: 36px;
   }

   .product-gallery-thumb {
      flex-basis: 88px;
   }

   .product-component-list {
      grid-template-columns: 1fr;
   }

   .product-specification-summary-grid .product-component-list,
   .product-specification-figures-grid {
      grid-template-columns: 1fr;
   }

   .product-specification-figures-grid figure:last-child {
      width: 100%;
      grid-column: auto;
   }

   .product-component-list-wide .product-component-item:last-child {
      grid-column: auto;
   }

   .product-component-list-wide .product-component-item {
      min-height: 0;
   }

   .product-specification-guide {
      padding: 24px 20px;
   }

   .product-industries-grid {
      grid-template-columns: 1fr;
   }

   .product-industry-item {
      min-height: 0;
      padding: 24px;
   }

   .product-planning-list li {
      grid-template-columns: 40px minmax(0, 1fr);
      gap: 14px;
      padding: 18px;
   }

   .product-planning-list li > span {
      width: 40px;
      height: 40px;
   }

   .product-case-image {
      height: 240px;
   }

   .product-faq-list summary {
      padding: 20px 2px;
      font-size: 0.94rem;
   }

   .product-faq-answer {
      padding-right: 8px;
      padding-left: 2px;
   }

   .product-detail-cta {
      padding: 60px 0;
   }

   .product-detail-cta-inner h2 {
      font-size: 1.65rem;
   }

   .product-lightbox-close {
      top: 12px;
      right: 12px;
   }
}

@media (max-width: 575.98px) {
   .product-detail-breadcrumb .breadcrumb-item:nth-child(2) {
      display: none;
   }

   .product-detail-hero h1 {
      font-size: 2rem;
   }

   .product-fit-panel,
   .product-feature-card,
   .product-case-body {
      padding: 24px 20px;
   }

   .product-specification-table {
      min-width: 560px;
   }
}

@media (prefers-reduced-motion: reduce) {
   .product-features-background {
      transform: none !important;
   }

   .product-gallery-thumbs {
      scroll-behavior: auto;
   }

   .product-gallery-main img,
   .product-feature-card,
   .product-case-image img {
      transition: none;
   }
}