.prodfeat {
	border-radius:0px!important;
	padding-top:60px;
	padding-left:20px!important;
}

.prodfeat__img img {
    width: 110%;      /* scale beyond container */
    max-width: 150%;
    height: auto;
    transform: scale(1.1);
	margin-top: -58px;
}

@media (max-width: 767px) {
	.prodfeat__img img {
		width: 110%;      /* scale beyond container */
		max-width: 120%;
		height: auto;
		transform: scale(1.1);
		margin-top: -28px;
	}
}

.downloadgrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	max-width: 500px;
	margin: 0 auto;
	justify-content: center;
}

@media (max-width: 700px) {
	.downloadgrid {
	  grid-template-columns: 1fr;
	}
}


#togglesubscribe #toggleBlock .toggle-panels .toggle-panel {
  display: block;
  width: 100%;
}

#togglesubscribe #toggleBlock .toggle-panels .toggle-panel.is-hidden {
  display: none;
}

#togglesubscribe #toggleBlock .toggle-panels .toggle-panel #faqAccordion,
#togglesubscribe #toggleBlock .toggle-panels .toggle-panel #faqAccordion2 {
  display: block;
  width: 100%;
  float: none;
}

#togglesubscribe #toggleBlock .toggle-panels .toggle-panel .mt-4 {
  display: block;
  width: 100%;
  float: none;
  clear: both;
}

.pc-item{
    flex:0 0 clamp(150px,22%,220px);
    min-width:150px;
    scroll-snap-align:start;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.pc-track.fit {
    justify-content: space-between;
}

.pc-track.fit .pc-item {
    flex: 1 1 0;
    max-width: none;
}

.logo-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* desktop default */
  gap: 16px;
  /* padding: 20px; */
}

.logo-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
  aspect-ratio: 4 / 4;
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding: 20px; */
}

.logo-card img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

@media (max-width: 600px) {
  .logo-grid {
    grid-template-columns: repeat(3, 1fr); /* 3 per row on mobile */
    gap: 10px; /* tighter gap for small screens */
  }
}


.comparison-table {
width: 100%;
border-collapse: collapse;
max-width: 1100px;
margin: 0 auto;
table-layout: fixed;
}

.comparison-table th {
font-size: 1.1rem;
font-weight: 700;
color: #0a0a23;
text-align: center;
padding: 12px 10px;
}

.comparison-table th:first-child {
text-align: left;
width: 40%;
}

.comparison-table th:not(:first-child),
.comparison-table td:not(:first-child) {
width: 30%;
}

.comparison-table td {
font-size: 0.95rem;
color: #0a0a23;
}

.comparison-table td:first-child {
text-align: left;
font-weight: 500;
padding: 16px 10px;
}

.comparison-table td:not(:first-child) {
padding: 0;
}

.comparison-table tr:nth-child(odd) td {
background-color: #efeeea;
}

.comparison-table tr:nth-child(even) td {
background-color: #ffffff;
}

.check-cell {
display: flex;
align-items: center;
justify-content: center;
padding: 16px 10px;
height: 100%;
}

.check {
color: #0a0a23;
font-size: 1.1rem;
font-weight: bold;
}