/* BOX 1 - PRODUCT SELECTOR */

.full-box1 {

  background: #f5f5f5; /* Nền xám nhạt như ảnh */

  padding: 60px 20px;

}



.inner-box1 {

  max-width: 1200px;

  margin: 0 auto;

}



.box1 {

  text-align: center;

}



.product-selector {

  display: flex;

  align-items: center;

  text-align: left;

}



.selector-title {

  font-size: 16px;

  font-weight: bold;

  color: #333;

  text-align: center;

  text-transform: uppercase;

  width: 15%;

}



.product-selector-form {

  flex: 1;

  width: 100%;

}



.selector-fields {

  width: 100%;

  display: flex;

  align-items: center;

  gap: 15px;

}



.field-group {

  position: relative;

  min-width: 25%;

}



.selector-select,

.selector-input {

  height: 40px;

  padding: 0 20px;

  border: 1px solid #ddd;

  outline: none;

  border-radius: 6px;

  font-size: 16px;

  color: #666;

  background: #fff;

  width: 100%;

}



.selector-select {

  appearance: none;

  padding-right: 50px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23333' d='M1 0l5 6 5-6z'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-position: right 20px center;

}



.selector-input {

  padding-right: 20px;

}



.or-separator {

  font-size: 16px;

  color: #999;

  font-weight: bold;

  margin: 0 10px;

}



.shop-now-btn {

  flex: 1;

  background: #ffb700;

  color: #333;

  font-weight: bold;

  font-size: 18px;

  padding: 0 40px;

  height: 50px;

  border: none;

  border-radius: 6px;

  cursor: pointer;

  transition: background 0.3s;

  white-space: nowrap;

}



.shop-now-btn:hover {

  background: #ff9900;

}



/* Box 2 */

/* BOX 2 - SALE / PROMOTION GRID (giống ảnh bạn gửi) */

.full-box2 {

  background: #fff;

  padding: 50px 20px;

}



.inner-box2 {

  max-width: 1400px;

  margin: 0 auto;

}



.box2 {

  text-align: center;

}



.sale-grid {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 30px;

}



.sale-item {

  position: relative;

  overflow: hidden;

  border-radius: 3px;

}



.sale-link {

  display: block;

  position: relative;

  text-decoration: none;

  color: inherit;

  height: 100%;

  aspect-ratio: 4/3;

  position: relative;

}



.sale-image {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: 1;

}



/* Overlay nền màu + nội dung */

.sale-item::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #ffb700;

  opacity: 0.4;

  /* Màu cam gradient như ảnh - có thể đổi thành xanh nhạt cho item giữa nếu muốn */

  z-index: 2;

}



.sale-item:nth-child(2)::before {

  background: #e0f1fb;

  /* Nền xanh nhạt cho item giữa (Bosch) */

}

.sale-item:nth-child(3)::before {

  background: #f25c05;

}



.sale-badge {

  position: absolute;

  top: 20px;

  left: 20px;

  background: #ff0000;

  color: #fff;

  font-size: 14px;

  font-weight: bold;

  padding: 6px 14px;

  border-radius: 30px;

  z-index: 3;

  text-transform: uppercase;

  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);

}



.sale-content {

  position: absolute;

  top: 55px;

  left: 20px;

  text-align: left;

  z-index: 10;

  color: #fff;

}



.sale-title {

  font-size: 32px;

  font-weight: bold;

  margin: 0 0 10px 0;

  line-height: 1.2;

  text-transform: uppercase;

  color: #000;

}



.sale-subtitle {

  font-size: 20px;

  margin: 0;

  font-weight: 500;

  opacity: 0.95;

}



.sale-button {

  position: absolute;

  bottom: 30px;

  left: 30px;

  background: #fff;

  color: #333;

  font-weight: bold;

  font-size: 16px;

  padding: 12px 30px;

  border-radius: 50px;

  z-index: 3;

  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

  transition: all 0.3s;

}



.sale-button:hover {

  background: #ffb700;

  color: #fff;

  transform: translateY(-3px);

}

/* Danh mục nổi bật */

.full-featured-cat {

  padding: 40px 0;

  padding-top: 0;

}

.box-cat-title {

  font-size: 30px;

  color: #ffb700;

  margin-bottom: 30px;

}

.featured-cat-grid {

  display: grid;

  grid-template-columns: repeat(6, 1fr);

  row-gap: 20px;

  column-gap: 10px;

}

.featured-cat-item:hover {

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

}

.featured-cat-image {

  width: 100%;

  aspect-ratio: 1/1;

  object-fit: cover;

}

.featured-cat-content {

  padding: 15px 0;

  text-align: center;

}

.featured-cat-title {

  font-size: 18px;

  color: #000;

}

/* LATEST PRODUCTS SECTION */

.full-latest-products {

  padding: 60px 0;

  padding-top: 0;

  background: #fff;

}



.inner-latest-products {

  max-width: 1400px;

  margin: 0 auto;

}



.section-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 30px;

}



.section-title {

  font-size: 24px;

  font-weight: bold;

  color: #ffb700;

  text-transform: uppercase;

}

.latest-products-section {

  overflow: hidden;

}

.swiper-navigation button {

  background: none;

  border: none;

  outline: none;

  color: #bdbdbd;

  font-size: 18px;

  font-weight: 300;

  cursor: pointer;

  margin-left: 5px;

  border: 1px solid #938484;

  padding: 8px 10px;

}



.product-item {

  position: relative;

  border-style: solid;

  border-width: 1px 0 1px 1px; /* top right bottom left */

  border-color: #ddd;

}

.product-slide:last-child .product-item {

  border-right: 1px solid #434343;

}



.sale-badge {

  position: absolute;

  top: 10px;

  left: 10px;

  background: #ff6b00;

  color: #fff;

  font-size: 14px;

  padding: 5px 10px;

  border-radius: 4px;

}



.product-actions {

  position: absolute;

  top: 10px;

  right: 10px;

  display: flex;

  flex-direction: column;

  gap: 10px;

  opacity: 0;

  transition: opacity 0.3s ease;

  z-index: 3;

}



.wishlist-btn,

.compare-btn {

  background-color: transparent;

  border: none;

  color: #ccc;

  font-size: 18px;

  cursor: pointer;

  padding: 5px;

}

.product-item:hover .product-actions {

  opacity: 1;

}



.wishlist-btn.active,

.compare-btn.active {

  color: #ffb700;

}



.product-item img {

  display: block;

  width: 85%;

  height: auto;

  margin: 5px auto;

  aspect-ratio: 4/3;

  border-bottom: 1px solid #ddd;

}

.latest-pr-item {

  padding: 20px;

  display: flex;

  flex-direction: column;

  gap: 5px;

  min-height: 209px;

}

.product-title {

  display: -webkit-box;

  -webkit-line-clamp: 2; /* Chính xác 2 dòng */

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  line-height: 1.5; /* Tăng nhẹ để chữ thoáng, đẹp hơn (có thể chỉnh 1.4 - 1.6) */

  margin: 8px 0 6px; /* Khoảng cách trên/dưới */

  font-size: 15px; /* Tùy chỉnh kích thước chữ */

}

.product-title a {

  font-size: 16px;

  margin: 10px 0;

  color: #333;

}



.product-rating {

  color: #ffb700;

  font-size: 14px;

}



.product-price {

  font-size: 13px;

  font-weight: bold;

  color: #ffb700;

  margin: 10px 0;

}



.add-to-cart-btn {

  background: #ffb700;

  color: #000;

  font-weight: bold;

  padding: 10px 20px;

  border-radius: 4px;

  text-decoration: none;

  display: inline-block;

  width: 100%;

  text-align: center;

  margin-top: auto;

}



.add-to-cart-btn:hover {

  background-color: #1c1c1e;

  color: #fff;

}

.star-rating {

  margin-top: 5px;

  overflow: hidden;

  position: relative;

  height: 1.2em;

  line-height: 1;

  font-size: 16px;

  width: 6em;

  font-family: star;

}

.star-rating::before {

  content: "\53\53\53\53\53";

  color: #e0f1fb; /* xám nhạt */

  float: left;

  top: 0;

  left: 0;

  position: absolute;

}

.star-rating span {

  overflow: hidden;

  float: left;

  top: 0;

  left: 0;

  position: absolute;

  padding-top: 1.5em;

}

.star-rating span::before {

  content: "\53\53\53\53\53"; /* 5 sao đầy */

  top: 0;

  position: absolute;

  left: 0;

  color: #ffb700; /* vàng */

}

/* Box banner 1 */

.full-banner1 {

  padding: 40px 0;

  height: 250px;

  width: 100%;

  position: relative;

}

.inner-banner1 {

  height: 100%;

  width: 100%;

}

.box-banner1 {

  position: relative;

  height: 100%;

}

.box-banner1 .background {

  position: absolute;

  margin: auto;

  width: 100%;

  height: 100%;

  border-radius: 5px;

  object-fit: cover;

  z-index: -1;

}

.box-banner1-content {

  padding: 0 40px;

  height: 100%;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.banner-left {

  display: flex;

  align-items: center;

  gap: 8px;

}

.big-text {

  font-size: 45px;

  color: #fff;

}

.banner-title {

  font-size: 28px;

  color: #ffb700;

}

.banner-subtitle {

  font-size: 20px;

  color: #fff;

}

.banner-btn {

  padding: 10px 30px;

  background-color: #ff6b00;

  color: #fff;

  border-radius: 5px;

  border: none;

  outline: none;

}

.best-deal-header {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.header-left {

  display: flex;

  align-items: center;

  gap: 10px;

  flex: 1;

  justify-content: center;

}

.header-text {

  gap: 5px;

  text-decoration: none;

  color: #000;

}

.countdown-title {

  font-size: 32px;

  color: #000 ;

  display: inline-block;

}

.countdown-subtitle {

  font-size: 32px;

  color: #ff3b3b ;

  font-weight: 600;

  display: inline-block;

}



.countdown-timer {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  font-size: 20px;

}



.timer-box {

  background: #ff3b3b;; /* Màu cam đỏ giống ảnh */

  color: #fff;

  width: 60px;

  height: 60px;

  border-radius: 8px;

  text-align: center;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}



.timer-box span {

  display: block;

  font-size: 22px;

  font-weight: bold;

  line-height: 1;

}



.timer-box label {

  font-size: 12px;

  font-weight: 600;

}



.timer-separator {

  font-size: 24px;

  font-weight: bold;

  color: #000;

}

.best-deal-swiper {

  overflow: hidden;

  border: 3px solid #ffb700;

  border-radius: 2px;

}

.best-deal-swiper .sale-badge {

  background-color: #66bbf2;

}

/* Box top 5 sản phẩm bán chạy */

.full-top5-products {

  padding: 40px 0;

}

.top5-title {

  font-size: 32px;

  margin-bottom: 20px;

  color: #333;

  text-align: center;

}



.top5-tabs-list {

  display: flex;

  justify-content: center;

  gap: 10px;

  margin-bottom: 30px;

  flex-wrap: wrap;

  border-bottom: 1px solid #ddd;

}

.top5-tab-btn {

  padding: 10px 25px;

  background: transparent;

  border-radius: 3px 3px 0 0;

  border-style: solid;

  border-color: #ddd;

  border-width: 1px 1px 0 1px;

  cursor: pointer;

  font-size: 16px;

  transition: all 0.3s;

}

.top5-tab-btn.active {

  color: #ffb700;

}



.top5-tab-panel {

  display: none;

}

.top5-tab-panel.active {

  display: block;

}



.top5-products-grid {

  display: grid;

  grid-template-columns: repeat(5, 1fr);

  border: 3px solid #ffb700;

}

.featured-products-swiper {

  overflow: hidden;

}

.full-banner2 {

  padding: 40px 0;

  padding-top: 0;

}

.banner2 {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 20px;

}

.banner2-item {

  position: relative;

  aspect-ratio: 10/5;

  width: 100%;

  overflow: hidden;

}

.banner2-image {

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: 0;

}

.banner2-image::after {

  position: absolute;

  content: "";

  left: 0;

  top: 0;

  width: 50%;

  height: 100%;

  border-radius: 3px;

  background: linear-gradient(

    90deg,

    rgba(0, 0, 0, 1) 0%,

    rgba(0, 0, 0, 0) 100%

  );

  z-index: 1;

}

.banner2-img {

  position: absolute;

  width: 100%;

  height: 100%;

  border-radius: 3px;

  z-index: 0;

  transition: transform 0.3s ease;

}

.banner2-item:hover .banner2-img {

  transform: translateX(15px);

}

.banner2-content {

  height: 100%;

  position: relative;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  padding: 30px;

}

.banner2-price {

  display: flex;

  align-items: center;

  gap: 5px;

  color: #fff;

  font-weight: 600;

}

.price-yl {

  color: #ffb700;

}

.banner2-title {

  font-size: 30px;

  color: #ffb700;

}

.banner2-subtitle {

  font-size: 22px;

  color: #fff;

  font-weight: 600;

}

.banner2-btn {

  background-color: #fff;

  color: #000;

  padding: 8px 20px;

  border-radius: 3px;

}

.full-cus-rating {

  padding: 40px 0;

}



.cus-rating-title {

  text-align: center;

  font-size: 30px;

  font-weight: 700;

  margin-bottom: 40px;

}



.box-rating {

  border-radius: 8px;

  position: relative;

}

.rating-grid {

  margin: 0 40px;

  background: #f7f7f7;

  padding: 40px 20px;

  overflow: hidden;

}



.cus-rating-item {

  padding: 0 20px;

  border-left: 1px solid #e5e5e5;

  height: 100%;

}



.swiper-slide:first-child .cus-rating-item {

  border-left: none;

}



.cus-rating-stars {

  margin-bottom: 12px;

}

.cus-rating-stars {

  display: flex;

  align-items: center;

  gap: 3px;

}

.cus-rating-stars .star {

  width: 25px;

  height: 25px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #66bbf2;

  color: #fff;

}

.cus-rating-stars .star i {

  font-size: 14px;

}



.cus-rating-item-title {

  font-size: 16px;

  font-weight: 700;

  margin-bottom: 10px;

}



.cus-rating-content {

  font-size: 14px;

  line-height: 1.6;

  color: #555;

}



.cus-rating-name {

  margin-top: 15px;

  font-weight: 600;

}

.cus-rate-prev,

.cus-rate-next {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 3;

  border: 1px solid #ddd;

  border-radius: 50%;

  width: 35px;

  height: 35px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.cus-rate-prev {

  left: 0;

}

.cus-rate-next {

  right: 0;

}



/* arrows */

.full-cus-rating .swiper-button-prev,

.full-cus-rating .swiper-button-next {

  color: #aaa;

}



/* Box liên hệ */

.full-newsletter {

  padding: 50px 20px;

  background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);

  position: relative;

  overflow: hidden;

}



.full-newsletter::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><circle cx="200" cy="200" r="150" fill="none" stroke="%23ffffff" stroke-width="80" opacity="0.2"/><circle cx="800" cy="800" r="200" fill="none" stroke="%23ffffff" stroke-width="100" opacity="0.15"/></svg>');

  background-size: cover;

  pointer-events: none;

}



.inner-newsletter {

  margin: 0 auto;

  text-align: center;

  position: relative;

  z-index: 2;

}

.newsletter-section {

  max-width: 850px;

  margin: auto;

}

.newsletter-title {

  font-size: 36px;

  font-weight: 700;

  color: #333;

  margin-bottom: 15px;

  line-height: 1.3;

}



.newsletter-subtitle {

  font-size: 18px;

  color: #555;

  max-width: 700px;

  margin: 0 auto 40px;

  line-height: 1.6;

}



.newsletter-form {

  max-width: 600px;

  margin: 0 auto;

  overflow: hidden;

}

.newsletter-form-wrapper {

  display: flex;

  align-items: center;

  justify-content: center;

}

.newsletter-form-wrapper .wpcf7-spinner {

  display: none !important;

}

.newsletter-form-wrapper .newsletter-placeholder {

  height: 100%;

}

.newsletter-form-wrapper .wpcf7-form-control-wrap {

  width: 100% !important;

  margin: 0 !important;

}

.newsletter-email {

  float: none !important;

  width: 100% !important;

  height: 40px;

  border: none;

  outline: none;

  padding: 0;

  margin: 0;

  padding: 10px;

}



.newsletter-email input::placeholder {

  color: #aaa;

  font-style: italic;

}



.newsletter-btn {

  background: #ffb700 !important;

  color: white;

  text-transform: none !important;

  font-weight: 700;

  font-size: 16px;

  padding: 10px;

  height: 40px;

  border: none;

  cursor: pointer;

  transition: background 0.3s;

  margin-top: 0 !important;

}



.newsletter-btn:hover {

  background: #e6a800;

}



/* Ẩn các thông báo lỗi/thành công mặc định của CF7 nếu muốn (tùy chọn) */

.wpcf7-response-output {

  margin-top: 20px;

  font-weight: 600;

}



/* Box tin tức */

.full-home-news {

  padding: 60px 0;

  background: #f9f9f9;

}



.box-home-news {

  max-width: 1200px;

  margin: 0 auto;

}



.news-header {

  text-align: center;

  margin-bottom: 40px;

}



.news-title {

  font-size: 32px;

  font-weight: 700;

  color: #333;

  margin-bottom: 10px;

}



.news-subtitle {

  font-size: 16px;

  color: #666;

  margin: 0;

}



.news-swiper {

  position: relative;

  overflow: hidden;

  padding: 20px 40px;

}



.news-slide {

  height: auto;

}



.news-item {

  border-radius: 3px;

  overflow: hidden;

}



.news-thumb {

  position: relative;

  height: 280px;

  overflow: hidden;

}



.news-thumb img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform 0.5s;

}



.news-date {

  position: absolute;

  top: 20px;

  left: 20px;

  background: #ffbc00;

  color: #000;

  width: 60px;

  height: 70px;

  border-radius: 5px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  font-weight: bold;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

}



.news-date .day {

  font-size: 28px;

  line-height: 1;

}



.news-date .month {

  font-size: 14px;

  text-transform: uppercase;

}



.news-content {

  padding: 25px;

  border: 1px solid #ddd;

  border-top: none;

  display: flex;

  flex-direction: column;

  min-height: 254px;

}



.news-cat {

  display: inline-block;

  padding: 4px 8px;

  border-radius: 3px;

  font-size: 12px;

  font-weight: 400;

  margin-bottom: 12px;

  background: rgba(242, 92, 5, 0.05);

  color: #f25c05;

}



.news-post-title {

  font-size: 20px;

  margin: 0 0 15px;

  line-height: 1.4;

  display: -webkit-box;

  -webkit-line-clamp: 2; /* Giới hạn đúng 2 dòng */

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}



.news-post-title a {

  color: #333;

  text-decoration: none;

}



.news-post-title a:hover {

  color: #ffbc00;

}



.news-excerpt {

  font-size: 15px;

  color: #666;

  margin-bottom: 20px;

  line-height: 1.6;

}



.read-more {

  color: #ffbc00;

  font-weight: 600;

  text-decoration: none;

  font-size: 15px;

  margin-top: auto;

}



.read-more:hover {

  color: #e6a800;

}



.read-more i {

  margin-left: 5px;

  transition: transform 0.3s;

}



.read-more:hover i {

  transform: translateX(5px);

}



/* Swiper navigation */

.news-prev,

.news-next {

  width: 35px;

  height: 35px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid #ddd;

  border-radius: 3px;

  margin-top: -25px;

  color: #333;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 3;

}



.news-prev:after,

.news-next:after {

  font-size: 20px;

}



.news-prev {

  left: 0;

}



.news-next {

  right: 0;

}

.news-prev i,

.news-next i {

  color: #ddd;

}



@media (max-width: 1024px) {

  .sale-grid {

    grid-template-columns: 1fr 1fr;

    gap: 20px;

  }

  .top5-products-grid {

    grid-template-columns: repeat(4, 1fr);

  }

}

/* Responsive */

@media (max-width: 900px) {

  .product-selector {

    flex-direction: column;

  }

  .selector-title {

    width: 100%;

  }

  .product-selector-form {

    width: 100%;

  }

  .product-selector-form {

    flex-direction: column;

    align-items: stretch;

  }



  .selector-fields {

    flex-direction: column;

    align-items: stretch;

  }



  .selector-select,

  .selector-input,

  .shop-now-btn {

    width: 100%;

    min-width: auto;

    padding: 10px;

  }



  .or-separator {

    margin: 10px 0;

    text-align: center;

  }

  .featured-cat-grid{

    grid-template-columns: repeat(3, 1fr);

  }

  .product-item{

    border: 1px solid #ddd;

  }

  .best-deal-header{

    flex-direction: column;

    text-align: center;

    gap: 20px;

  }

  .best-deal-header > div{

    width: 100%;

  }

  .header-left{

    flex-direction: column;

    text-align: center;

  }

  .header-left > div{

    width: 100%;

  }

  .countdown-title {

    font-size: 32px;

    margin-bottom: 30px;

  }



  .timer-box label {

    font-size: 14px;

  }



  .full-banner1{

    height: auto;

  }

  .news-swiper .swiper-wrapper {

    display: flex;

  }

  .news-slide {

    flex: 0 0 50%;

    max-width: 50%;

  }

  .sale-grid {

    grid-template-columns: repeat(3, 1fr);

  }

   .top5-products-grid {

    grid-template-columns: repeat(3, 1fr);

  }

}



@media (max-width: 768px) {

  .featured-cat-grid{

    grid-template-columns: repeat(2, 1fr);

  }

  .box-banner1-content{

    flex-direction: column;

    padding: 30px;

    gap: 15px;

  }

  .box-banner1-content > div{

    width: 100%;

  }

  .sale-grid {

    grid-template-columns: 1fr;

  }



  .sale-title {

    font-size: 26px;

  }



  .sale-subtitle {

    font-size: 18px;

  }



  .sale-badge {

    font-size: 13px;

    padding: 5px 12px;

  }

   .top5-products-grid {

    grid-template-columns:  repeat(2, 1fr);

  }

  .banner2{

    grid-template-columns: 1fr;

  }

  .news-slide {

    flex: 0 0 100%;

    max-width: 100%;

  }

  .news-prev {

    left: 10px;

  }

  .news-next {

    right: 10px;

  }

  .newsletter-title {

    font-size: 28px;

  }

  .newsletter-subtitle {

    font-size: 16px;

    padding: 0 20px;

  }

  .newsletter-form {

    flex-direction: column;

    border-radius: 12px;

  }

  .newsletter-email input {

    padding: 18px 25px;

    border-bottom: 2px solid #eee;

    border-radius: 12px 12px 0 0;

  }

  .newsletter-btn {

    padding: 18px;

    border-radius: 0 0 12px 12px;

    width: 100%;

  }

}