/* ===========================================
 WHY CHOOSE US SECTION
 =========================================== */
.why-choose-section {
 padding: 42px 0 54px;
 background: #fff;
}

.why-choose-section__container {
 width: min(100% - 32px, 1180px);
 margin: 0 auto;
}

.why-choose-section__eyebrow {
 text-align: center;
 font-size: 11px;
 font-weight: 800;
 letter-spacing: .04em;
 text-transform: uppercase;
 color: #2563eb;
 margin-bottom: 6px;
}

.why-choose-section__title {
 text-align: center;
 font-size: clamp(24px, 2.5vw, 32px);
 line-height: 1.2;
 font-weight: 800;
 color: #07133d;
 margin: 0 0 34px;
}

.why-choose-grid {
 display: grid;
 grid-template-columns: repeat(6, minmax(0, 1fr));
 gap: 32px;
 align-items: start;
}

.why-choose-item {
 text-align: center;
 display: flex;
 flex-direction: column;
 align-items: center;
}

.why-choose-item__icon {
 width: 52px;
 height: 52px;
 margin-bottom: 14px;
 border-radius: 999px;
 display: grid;
 place-items: center;
 position: relative;
}

.why-choose-item__icon svg {
 width: 34px;
 height: 34px;
 stroke-width: 1.8;
}

.why-choose-item__title {
 font-size: 14px;
 font-weight: 800;
 color: #07133d;
 margin: 0 0 8px;
}

.why-choose-item__description {
 font-size: 12.5px;
 line-height: 1.65;
 color: #526179;
 margin: 0;
 max-width: 145px;
}

/* Icon accent colors */
.why-choose-item__icon--speed { color: #f59e0b; background: #fffbeb; }
.why-choose-item__icon--security { color: #22c55e; background: #f0fdf4; }
.why-choose-item__icon--support { color: #ef4444; background: #fef2f2; }
.why-choose-item__icon--guarantee { color: #38bdf8; background: #f0f9ff; }
.why-choose-item__icon--network { color: #2563eb; background: #eff6ff; }
.why-choose-item__icon--uptime { color: #0ea5e9; background: #f0f9ff; }

@media (max-width: 1024px) {
 .why-choose-grid { grid-template-columns: repeat(3, 1fr); gap: 32px; }
}

@media (max-width: 640px) {
 .why-choose-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
 .why-choose-item__description { max-width: 120px; }
}

@media (max-width: 420px) {
 .why-choose-grid { grid-template-columns: 1fr; }
 .why-choose-section { padding: 32px 0 42px; }
 .why-choose-section__title { margin-bottom: 24px; }
 .why-choose-item__description { max-width: 100%; }
}


/* ===========================================
 CUSTOMER REVIEWS SECTION
 =========================================== */
.customer-reviews-section {
 padding: 72px 0;
 background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
 color: #fff;
}

.customer-reviews-section__container {
 width: min(100% - 32px, 1180px);
 margin: 0 auto;
}

.customer-reviews-section__eyebrow {
 text-align: center;
 font-size: 11px;
 font-weight: 800;
 letter-spacing: .05em;
 text-transform: uppercase;
 color: rgba(255,255,255,0.9);
 margin-bottom: 8px;
}

.customer-reviews-section__title {
 text-align: center;
 font-size: clamp(24px, 2.7vw, 34px);
 line-height: 1.2;
 font-weight: 800;
 color: #fff;
 margin: 0 0 10px;
}

.customer-reviews-section__subtitle {
 text-align: center;
 color: rgba(255,255,255,0.78);
 font-size: 14px;
 margin: 0 0 38px;
}

.customer-reviews-grid {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 28px;
}

.customer-review-card {
 min-height: 220px;
 display: flex;
 flex-direction: column;
 padding: 30px;
 background: #fff;
 border-radius: 16px;
 border: 1px solid rgba(226,232,240,0.9);
 box-shadow: 0 18px 45px rgba(15,23,42,0.18);
}

.customer-review-card__stars {
 display: flex;
 gap: 4px;
 color: #f59e0b;
 margin-bottom: 18px;
 line-height: 1;
}

.customer-review-card__stars svg {
 width: 18px;
 height: 18px;
 fill: currentColor;
}

.customer-review-card__text {
 color: #07133d;
 font-size: 14px;
 line-height: 1.75;
 margin: 0 0 26px;
}

.customer-review-card__profile {
 margin-top: auto;
 display: flex;
 align-items: center;
 gap: 12px;
}

.customer-review-card__avatar {
 width: 44px;
 height: 44px;
 border-radius: 999px;
 object-fit: cover;
 flex: 0 0 auto;
}

.customer-review-card__avatar--initials {
 display: grid;
 place-items: center;
 background: linear-gradient(135deg, #dbeafe, #bfdbfe);
 color: #07133d;
 font-weight: 800;
 font-size: 13px;
}

.customer-review-card__name {
 color: #07133d;
 font-size: 14px;
 font-weight: 800;
 margin: 0;
}

.customer-review-card__role {
 color: #64748b;
 font-size: 12px;
 margin: 3px 0 0;
}

.customer-reviews-dots {
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 7px;
 margin-top: 24px;
}

.customer-reviews-dot {
 width: 7px;
 height: 7px;
 border-radius: 999px;
 background: rgba(255,255,255,0.45);
}

.customer-reviews-dot--active {
 width: 22px;
 background: #fff;
}

@media (max-width: 992px) {
 .customer-reviews-grid { grid-template-columns: repeat(2, 1fr); }
 .customer-review-card { min-height: 240px; }
}

@media (max-width: 640px) {
 .customer-reviews-section { padding: 54px 0; }
 .customer-reviews-grid { grid-template-columns: 1fr; }
 .customer-review-card { min-height: auto; padding: 28px; }
}


/* ===========================================
 TESTIMONIAL CAROUSEL (Override)
 =========================================== */
.customer-reviews-section {
 padding: 72px 0;
 background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
 overflow: hidden !important;
}

.customer-reviews-grid { display: none !important; }

.testimonial-carousel {
 position: relative;
 max-width: 100%;
 width: 100%;
 box-sizing: border-box;
}

.testimonial-carousel__viewport {
 overflow: hidden;
 width: 100%;
 padding: 4px;
 position: relative;
 box-sizing: border-box;
}

.testimonial-carousel__track {
 display: flex !important;
 flex-wrap: nowrap !important;
 gap: 28px !important;
 transition: transform 600ms cubic-bezier(0.22, 1, 0.36, 1) !important;
 will-change: transform !important;
 width: 100%;
 min-width: 0;
}

.customer-review-card {
 flex: 0 0 calc((100% - 56px) / 3) !important;
 max-width: calc((100% - 56px) / 3) !important;
 min-height: 230px !important;
 height: auto !important;
 display: flex !important;
 flex-direction: column !important;
 padding: 28px !important;
 background: #fff !important;
 border-radius: 16px !important;
 border: 1px solid rgba(226,232,240,0.9) !important;
 box-shadow: 0 18px 45px rgba(15,23,42,0.16) !important;
 margin: 0 !important;
 box-sizing: border-box !important;
 min-width: 0 !important;
 overflow: hidden !important;
 position: static !important;
 top: auto !important;
 left: auto !important;
 right: auto !important;
 bottom: auto !important;
 transform: none !important;
 grid-column: auto !important;
 grid-row: auto !important;
 justify-self: auto !important;
 align-self: auto !important;
}

.customer-review-card__text {
 margin-bottom: 24px !important;
 flex-grow: 1 !important;
 max-width: 100% !important;
 overflow-wrap: break-word !important;
 word-break: normal !important;
 white-space: normal !important;
}

.customer-review-card__profile { margin-top: auto !important; }

.testimonial-carousel__arrow {
 position: absolute;
 top: 50%;
 z-index: 5;
 width: 42px;
 height: 42px;
 border-radius: 999px;
 border: 0;
 background: #fff;
 color: var(--color-primary);
 box-shadow: 0 10px 25px rgba(15,23,42,0.18);
 transform: translateY(-50%);
 cursor: pointer;
 font-size: 20px;
 font-weight: 700;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.testimonial-carousel__arrow:hover {
 transform: translateY(-50%) scale(1.06);
 box-shadow: 0 14px 30px rgba(15,23,42,0.22);
}

.testimonial-carousel__arrow:focus {
 outline: 2px solid var(--color-primary);
 outline-offset: 2px;
}

.testimonial-carousel__arrow--prev { left: -58px; }
.testimonial-carousel__arrow--next { right: -58px; }

.customer-reviews-dots {
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 7px;
 margin-top: 24px;
}

.customer-reviews-dot {
 width: 7px;
 height: 7px;
 border: 0;
 padding: 0;
 border-radius: 999px;
 background: rgba(255,255,255,0.45);
 cursor: pointer;
 transition: all 0.2s ease;
}

.customer-reviews-dot:hover { background: rgba(255,255,255,0.7); }
.customer-reviews-dot:focus { outline: 2px solid #fff; outline-offset: 2px; }
.customer-reviews-dot--active { width: 22px; background: #fff; }

@media (max-width: 991px) {
 .customer-review-card {
 flex: 0 0 calc((100% - 28px) / 2) !important;
 max-width: calc((100% - 28px) / 2) !important;
 min-height: 230px !important;
 }
 .testimonial-carousel__arrow--prev { left: 8px; }
 .testimonial-carousel__arrow--next { right: 8px; }
}

@media (max-width: 639px) {
 .customer-reviews-section { padding: 54px 0 46px; overflow: hidden; }
 .customer-reviews-section__container { width: 100%; max-width: 100%; padding-left: 20px; padding-right: 20px; overflow: hidden; }
 .customer-reviews-section__title { font-size: 28px; line-height: 1.25; max-width: 340px; margin-left: auto; margin-right: auto; }
 .customer-reviews-section__subtitle { font-size: 16px; line-height: 1.6; max-width: 340px; margin-left: auto; margin-right: auto; }
 .testimonial-carousel { width: 100%; max-width: 100%; overflow: hidden; padding-bottom: 58px; }
 .testimonial-carousel__viewport { width: 100%; max-width: 100%; overflow: hidden; padding: 0; }
 .testimonial-carousel__track { gap: 0 !important; display: flex; flex-wrap: nowrap; width: 100% !important; min-width: 0; }
 .customer-review-card {
 flex: 0 0 100% !important;
 max-width: 100% !important;
 width: 100% !important;
 min-width: 100% !important;
 min-height: 260px;
 padding: 28px 24px !important;
 box-sizing: border-box !important;
 overflow: hidden !important;
 }
 .customer-review-card__text { font-size: 16px; line-height: 1.75; width: 100%; max-width: 100% !important; overflow-wrap: break-word !important; word-break: normal !important; white-space: normal !important; hyphens: auto; }
 .customer-review-card__profile { max-width: 100%; min-width: 0; }
 .customer-review-card__meta { min-width: 0; }
 .customer-review-card__name, .customer-review-card__role { overflow-wrap: anywhere; white-space: normal; }
 .testimonial-carousel__arrow { width: 42px; height: 42px; top: auto; bottom: 4px; transform: none; }
 .testimonial-carousel__arrow:hover { transform: scale(1.06); }
 .testimonial-carousel__arrow--prev { left: calc(50% - 54px); }
 .testimonial-carousel__arrow--next { right: calc(50% - 54px); }
 .customer-reviews-dots { margin-top: 14px; }
}


/* ===========================================
 REVIEW RATINGS SECTION
 =========================================== */
.review-ratings-section {
 padding: 62px 0 56px;
 background: #fff;
}

.review-ratings-section__container {
 width: min(100% - 32px, 1180px);
 margin: 0 auto;
}

.review-ratings-section__eyebrow {
 text-align: center;
 color: #2563eb;
 font-size: 11px;
 font-weight: 800;
 text-transform: uppercase;
 letter-spacing: .05em;
 margin-bottom: 8px;
}

.review-ratings-section__title {
 text-align: center;
 color: #07133d;
 font-size: clamp(26px, 3vw, 38px);
 font-weight: 900;
 line-height: 1.15;
 margin: 0 0 8px;
}

.review-ratings-section__subtitle {
 text-align: center;
 color: #526179;
 font-size: 15px;
 margin: 0 0 46px;
}

.review-ratings-grid {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 34px;
 margin-bottom: 48px;
}

.rating-card-wrap {
 position: relative;
 min-height: 112px;
}

.rating-card-wrap::before {
 content: "";
 position: absolute;
 left: -10px;
 top: 12px;
 width: calc(100% - 4px);
 height: 92px;
 border: 1px dashed #9ca3af;
 border-radius: 22px 4px 28px 4px;
 z-index: 0;
}

.rating-card {
 position: relative;
 z-index: 1;
 height: 95px;
 padding: 18px 18px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 background: #fbfff8;
 border: 2px solid #13b8a6;
 border-radius: 22px 4px 28px 4px;
 box-shadow: 0 10px 24px rgba(15, 23, 42, 0.10);
}

.rating-card__score {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 color: #ef4444;
 font-size: 18px;
 font-weight: 900;
 margin-bottom: 4px;
}

.rating-card__score-text { white-space: nowrap; }

.rating-card__stars {
 display: inline-flex;
 align-items: center;
 gap: 3px;
 line-height: 1;
}

.rating-card__star {
 color: #f97316;
 font-family: Arial, "Segoe UI Symbol", "Noto Sans Symbols", "Apple Color Emoji", sans-serif;
 font-size: 18px;
 font-weight: 900;
 line-height: 1;
 display: inline-block;
}

.rating-card__platform {
 display: flex;
 align-items: center;
 justify-content: center;
 min-height: 36px;
 margin-top: 8px;
}

.rating-card__logo {
 display: block;
 width: auto;
 height: auto;
 max-height: 34px;
 object-fit: contain;
}

.rating-card__logo--trustpilot { max-width: 150px; }
.rating-card__logo--hostadvice { max-width: 145px; }
.rating-card__logo--google { max-width: 125px; }
.rating-card__logo--hostingseekers { max-width: 155px; }

.newsletter-bar {
 display: flex;
 align-items: center;
 gap: 24px;
 min-height: 84px;
 padding: 18px 28px;
 background: #061947;
 border-radius: 10px;
 box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16);
}

.newsletter-bar__icon {
 width: 58px;
 height: 58px;
 display: grid;
 place-items: center;
 color: #fff;
 flex: 0 0 auto;
}

.newsletter-bar__icon svg { width: 42px; height: 42px; }

.newsletter-bar__content {
 flex: 1 1 auto;
 min-width: 0;
}

.newsletter-bar__title {
 color: #fff;
 font-size: 20px;
 font-weight: 900;
 margin: 0 0 5px;
}

.newsletter-bar__subtitle {
 color: rgba(255,255,255,0.75);
 font-size: 14px;
 margin: 0;
}

.newsletter-bar__form {
 display: flex;
 align-items: center;
 gap: 14px;
 flex: 0 0 auto;
}

.newsletter-bar__input {
 width: 330px;
 height: 46px;
 padding: 0 16px;
 border: 0;
 border-radius: 6px;
 background: #fff;
 color: #07133d;
 font-size: 14px;
 outline: none;
}

.newsletter-bar__button {
 height: 46px;
 padding: 0 24px;
 border: 0;
 border-radius: 6px;
 background: #00b67a;
 color: #fff;
 font-size: 14px;
 font-weight: 800;
 cursor: pointer;
 transition: transform .2s ease, background .2s ease;
}

.newsletter-bar__button:hover {
 background: #00a36d;
 transform: translateY(-1px);
}

@media (max-width: 1024px) {
 .review-ratings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
 .newsletter-bar { flex-wrap: wrap; justify-content: center; }
}

@media (max-width: 640px) {
 .review-ratings-section { padding: 32px 0 36px; }
 .review-ratings-grid { grid-template-columns: 1fr; gap: 20px; }
 .newsletter-bar { flex-direction: column; gap: 18px; padding: 20px; }
 .newsletter-bar__icon, .newsletter-bar__content, .newsletter-bar__form { width: 100%; justify-content: center; }
 .newsletter-bar__input { width: 100%; max-width: 330px; }
 .newsletter-bar__form { flex-direction: column; width: 100%; }
 .newsletter-bar__input, .newsletter-bar__button { width: 100%; }
}


/* ===========================================
 WORDPRESS FEATURE SECTION
 =========================================== */
.wordpress-feature-section {
 padding: 35px 0;
 background:
 radial-gradient(circle at 90% 35%, rgba(0, 182, 122, 0.08), transparent 28%),
 #fff;
 overflow: hidden;
}

.wordpress-feature-section__container {
 width: min(100% - 32px, 1180px);
 margin: 0 auto;
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
 gap: 56px;
 align-items: center;
}

.wordpress-feature-section__title-row {
 display: flex;
 align-items: center;
 gap: 14px;
 margin-bottom: 14px;
}

.wordpress-feature-section__badge {
 width: 52px;
 height: 52px;
 border-radius: 999px;
 display: grid;
 place-items: center;
 background: #eff6ff;
 color: #21759b;
 flex-shrink: 0;
}

.wordpress-feature-section__wp-icon {
 width: 32px;
 height: 32px;
}

.wordpress-feature-section__title {
 color: #07133d;
 font-size: clamp(19px, 2.2vw, 19px);
 line-height: 1.2;
 font-weight: 800;
 margin: 0;
}

.wordpress-feature-section__text {
 color: #526179;
 font-size: 15px;
 line-height: 1.75;
 margin: 0 0 24px;
 max-width: 520px;
}

.wordpress-feature-section__features {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 14px 24px;
 margin: 0 0 30px;
 padding: 0;
 list-style: none;
}

.wordpress-feature-section__feature {
 display: flex;
 align-items: center;
 gap: 10px;
 color: #07133d;
 font-size: 14px;
 font-weight: 700;
}

.wordpress-feature-section__check {
 width: 18px;
 height: 18px;
 border-radius: 999px;
 display: grid;
 place-items: center;
 background: rgba(0, 182, 122, 0.12);
 color: #00b67a;
 flex: 0 0 auto;
}

.wordpress-feature-section__check svg {
 width: 10px;
 height: 10px;
}

.wordpress-feature-section__button {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 48px;
 padding: 0 24px;
 border-radius: 8px;
 border: 2px solid #00b67a;
 color: #00b67a;
 background: #fff;
 font-weight: 800;
 text-decoration: none;
 transition: all .2s ease;
}

.wordpress-feature-section__button:hover {
 background: #00b67a;
 color: #fff;
 transform: translateY(-1px);
}

.wordpress-feature-section__visual {
 position: relative;
 min-height: 330px;
}

.wordpress-feature-section__dots {
 position: absolute;
 right: -28px;
 top: 24px;
 width: 150px;
 height: 150px;
 opacity: .45;
 background-image: radial-gradient(rgba(0, 182, 122, .35) 1.5px, transparent 1.5px);
 background-size: 14px 14px;
}

/* Mockup Styles */
.wordpress-mockup {
 position: relative;
 z-index: 1;
 background: #fff;
 border: 1px solid #e5e7eb;
 border-radius: 16px;
 box-shadow: 0 24px 60px rgba(15, 23, 42, 0.14);
 overflow: hidden;
 max-width: 620px;
 margin-left: auto;
}

.wordpress-mockup__topbar {
 height: 54px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 0 22px;
 border-bottom: 1px solid #eef2f7;
 background: #fff;
}

.wordpress-mockup__brand {
 color: #07133d;
 font-size: 14px;
 font-weight: 900;
}

.wordpress-mockup__nav {
 display: flex;
 gap: 18px;
 color: #526179;
 font-size: 12px;
 font-weight: 700;
}

.wordpress-mockup__body {
 min-height: 230px;
 display: grid;
 grid-template-columns: 1fr 220px;
 align-items: center;
 gap: 24px;
 padding: 34px;
 background: linear-gradient(135deg, #ffffff, #f8fafc);
}

.wordpress-mockup__title {
 color: #07133d;
 font-size: 34px;
 line-height: 1.1;
 font-weight: 900;
 margin: 0 0 18px;
}

.wordpress-mockup__button {
 display: inline-flex;
 min-height: 34px;
 align-items: center;
 padding: 0 14px;
 border-radius: 6px;
 background: #00b67a;
 color: #fff;
 font-size: 12px;
 font-weight: 800;
}

.wordpress-mockup__image {
 height: 180px;
 border-radius: 18px;
 background:
 radial-gradient(circle at 50% 20%, rgba(0, 182, 122, .18), transparent 38%),
 linear-gradient(135deg, #ecfdf5, #e0f2fe);
 display: grid;
 place-items: center;
}

.wordpress-mockup__image::before {
 content: "";
 width: 92px;
 height: 128px;
 border-radius: 46px 46px 16px 16px;
 background: linear-gradient(180deg, #ffffff, #d1fae5);
 box-shadow: inset 0 -18px 0 rgba(0, 182, 122, .16);
}

.wordpress-mockup__side-tools {
 position: absolute;
 right: -28px;
 top: 72px;
 width: 48px;
 padding: 12px 0;
 display: grid;
 gap: 10px;
 justify-items: center;
 background: #fff;
 border: 1px solid #e5e7eb;
 border-radius: 999px;
 box-shadow: 0 16px 38px rgba(15, 23, 42, .12);
}

.wordpress-mockup__tool {
 width: 24px;
 height: 24px;
 border-radius: 999px;
 background: rgba(0, 182, 122, .12);
}

.wordpress-mockup__floating-badge {
 position: absolute;
 right: -44px;
 bottom: -34px;
 width: 92px;
 height: 92px;
 border-radius: 999px;
 display: grid;
 place-items: center;
 background: #fff;
 color: #21759b;
 box-shadow: 0 18px 45px rgba(15, 23, 42, .16);
 border: 1px solid #e5e7eb;
}

.wordpress-mockup__floating-badge svg {
 width: 62px;
 height: 62px;
}

/* Responsive */
@media (max-width: 991px) {
 .wordpress-feature-section__container {
 grid-template-columns: 1fr;
 gap: 42px;
 }

 .wordpress-feature-section__visual {
 min-height: auto;
 }

 .wordpress-mockup {
 margin: 0 auto;
 }
}

@media (max-width: 640px) {
 .wordpress-feature-section {
 padding: 36px 0;
 }

 .wordpress-feature-section__container {
 width: min(100% - 28px, 1180px);
 }

 .wordpress-feature-section__title-row {
 justify-content: center;
 }

 .wordpress-feature-section__content {
 text-align: center;
 }

 .wordpress-feature-section__text {
 margin-left: auto;
 margin-right: auto;
 }

 .wordpress-feature-section__features {
 grid-template-columns: 1fr;
 text-align: left;
 max-width: 320px;
 margin-left: auto;
 margin-right: auto;
 }

 .wordpress-mockup__body {
 grid-template-columns: 1fr;
 padding: 24px;
 }

 .wordpress-mockup__nav {
 display: none;
 }

 .wordpress-mockup__side-tools {
 display: none;
 }

 .wordpress-mockup__floating-badge {
 right: 16px;
 bottom: -28px;
 width: 74px;
 height: 74px;
 }

 .wordpress-mockup__floating-badge svg {
 width: 50px;
 height: 50px;
 }
}


/* ===========================================
 FOOTER PAYMENTS (Combined in main.css already)
 =========================================== */
.site-footer__bottom {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 32px;
 padding: 26px 0;
 border-top: 1px solid rgba(255,255,255,0.08);
}

.site-footer__copyright {
 flex: 1 1 auto;
 min-width: 0;
}

.site-footer__copyright p {
 margin: 0;
 color: rgba(255,255,255,0.62);
 font-size: 15px;
 line-height: 1.6;
}

.site-footer__payments {
 flex: 0 0 auto;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 gap: 14px;
 white-space: nowrap;
}

.site-footer__payments-title {
 color: rgba(255,255,255,0.72);
 font-size: 16px;
 font-weight: 600;
 line-height: 1;
}

.site-footer__payment-list {
 display: flex;
 align-items: center;
 gap: 10px;
 flex-wrap: nowrap;
 list-style: none;
 margin: 0;
 padding: 0;
}

.site-footer__payment-item {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 flex: 0 0 auto;
 width: auto;
 height: auto;
 margin: 0;
 padding: 0;
 background: transparent;
 border: 0;
 overflow: visible;
}

.site-footer__payment-logo {
 display: block;
 width: auto;
 height: 28px;
 max-width: 76px;
 object-fit: contain;
 object-position: center;
 background: transparent;
 border: 0;
 border-radius: 0;
}

.site-footer__payment-logo--visa { height: 22px; max-width: 58px; }
.site-footer__payment-logo--mastercard { height: 30px; max-width: 58px; }
.site-footer__payment-logo--bkash { height: 30px; max-width: 72px; }

@media (max-width: 767px) {
 .site-footer__bottom { flex-direction: column; align-items: flex-start; gap: 18px; }
 .site-footer__payments { flex-direction: column; align-items: flex-start; gap: 10px; white-space: normal; }
 .site-footer__payment-list { flex-wrap: wrap; }
}