/* Main container styling */

.aw-comparison-section {
    display: flex;
    justify-content: center;
}
.aw-comparison-container {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  max-width: 720px
}

/* Row styling */
.aw-row {
    display: flex;
}

/* Column width settings (each div takes equal width) */
.aw-row > div {
    width: 33.3%;
}

/* Feature cell styling */
.aw-feature {
  color: #3a4033;
  font-family: "CentraNo 2", Sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  min-height: 56px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 16px;
}

/* Feature label (bolded text for headers) */
.aw-feature-label {
  color: #3a4033;
  font-family: "CentraNo 2", Sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  min-height: 56px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  text-align: left;
  padding: 0 16px;
}

/* Header row styling */
.aw-header {
  color: #3a4033;
  text-align: center;
  font-family: "CentraNo 2", Sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  min-height: 56px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Comparison button styling */
.aw-compare-btn {
  color: #4a5935;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "CentraNo 2", Sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  padding: 17px 32px;
  border-radius: 4px;
  border: 1px solid var(--Primary-Main, #4a5935);
  background: var(--General-White, #fff);
  width: 100%;
}

/* Logo background and border radius */
.awara-logo {
  background: #21261b !important;
  border-radius: 4px 4px 0 0;
}

/* Alternating row background colors */
.aw-row:nth-child(odd) > div {
    background-color: #FBFAF9;
}
.aw-row:nth-child(even) > div {
    background-color: #FFF;
}

/* Styling for logo inside a row */
.aw-row .awara-logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  height: 64px;
  margin-top: -8px;
}

/* Shop button styling */
a.aw-shop-btn {
  border-radius: 4px;
  background: #4a5935;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  padding: 17px 32px;
  display: inline-block;
}

/* Star rating styling */
.r-stars {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

/* Rating section styling */
.rating-sec {
  display: flex;
  align-items: center;
  border: none !important;
  gap: 8px;
}

.rating-num {
  color: #3a4033;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

.r-star {
  line-height: 0;
}
.r-star img {
  height: 16px;
}

/* Border for second column only */
.aw-row > div:nth-child(2) {
    border-right: 1px solid #4A5935;
    border-left: 1px solid #4A5935;
    color: #4A5935;
    font-weight: 500;
        margin-left: -1px;
}

/* Add right border to all children except the last one, skipping first two */
.aw-row div:nth-child(n+3):not(:last-child) {
    border-right: 1px solid #F2EDE6;
}

/* Add bottom border in the first row, skipping the second column */
.aw-row:first-child > div:not(:nth-child(2)) {
    border-bottom: 1px solid #F2EDE6;
}

/* Border radius for the first row corners */
.aw-row:first-child > div:first-child {
    border-radius: 4px 0 0 0;
}
.aw-row:first-child > div:last-child {
    border-radius: 0 4px 0 0;
}

/* Border radius for the last row corners */
.aw-row:last-child > div:first-child {
    border-radius: 0 0 0 4px;
}
.aw-row:last-child > div:last-child {
    border-radius: 0 0 4px 0;
}

/* Adjust height of last row, skipping second column */
.aw-row:last-child > div:not(:nth-child(2)) {
    height: 88px;
}

/* Special height and bottom border for the second column in the last row */
.aw-row:last-child > div:nth-child(2) {
    height: 127px; 
    border-radius: 0px 0px 4px 4px;
    border-bottom: 1px solid  #4A5935;
}

/* CTA block styling */
.aw-feature.awara-cta-block {
    flex-direction: column;
    gap: 16px;
}

/* Rating block spacing */
.rating-block {
    display: flex;
    gap: 8px;
}

/* Star list styling */
.r-stars li {
    line-height: 0;
}
.r-stars li img {
    height: 16px;
}

	.last-block {
    background: none !important
}
/*============================*/

@media (max-width: 991px) {
    
 .aw-header,
 .aw-feature-label,
 .aw-feature {
     font-size: 12px;
     line-height: 16px;
     padding: 4px 8px;
     min-height: 40px;
	 height: 56px; 
     
 }
 
.aw-comparison-section {
	padding: 0 16px;
 } 



.aw-row:last-child > div:not(:nth-child(2)) {
            visibility: hidden;
        height: 46px;
    }


a.aw-shop-btn {
    display: none;
}

.aw-row:last-child > div:nth-child(2) {
    height: 34px; 
}
 .rating-block {
     flex-direction: column;
     gap: 4px;
     align-items: center;
 }
 
 .rating-num {
     font-size: 10px;
     line-height: 12px;
     letter-spacing: 0.5px;
text-transform: uppercase;
 }
 
 .r-stars li img {
    height: 11px;
}

.aw-row .awara-logo {
    padding: 0 8px;
}

	.aw-row .awara-logo img {
		height: 16px;
	}