/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *



*/
/* Sidebar */
nav#pages .pages-root {
  text-transform: uppercase;
  border-bottom: 1px solid rgb(217, 217, 219);
  margin-bottom: 5px;
  font-size: 14px;
}
@font-face {
  font-family: 'Inter Regular';
  src: url(/assets/fonts/inter/inter-v18-latin-regular-946d92c15caba780eb8bded7677176290232aa3b3c46d7963e90e334011fbab7.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter Medium';
  src: url(/assets/fonts/inter/inter-v18-latin-500-583f164ea68fed5c0acd89f90f1adf8c1e2f8e35ecff1cc935a6ba2c3a88450f.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter Semibold';
  src: url(/assets/fonts/inter/inter-v18-latin-600-65980880ffbea689289fa21fdc3debfa36b433ebe4a6bc05ce33378f975a4ffa.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Source Serif';
  src: url(/assets/fonts/source-serif/source-serif-4-v8-latin-regular-cd0e209cf63b118fbce43d610b77cf8721a371f9c797dea114e18b189db76461.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: 'Source Serif Medium';
  src: url(/assets/fonts/source-serif/source-serif-4-v8-latin-500-fb1e90dce5ecf1b2229e466f83d08697efdddfc99132510688680523952b7ae3.woff2) format("woff2");
  font-display: swap;
}

/* line 2, app/assets/stylesheets/pages/_header.scss */
.header-category {
  font-size: 20px;
  font-weight: 600;
}

/* line 7, app/assets/stylesheets/pages/_header.scss */
.header-icon-btn {
  border-radius: 9999px;
  background-color: #4D8E2F;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

/* line 18, app/assets/stylesheets/pages/_header.scss */
.header-icon-btn:hover {
  background-color: #385723;
}

/* line 22, app/assets/stylesheets/pages/_header.scss */
.header-icon-btn svg {
  fill: #ffffff;
}

/* line 27, app/assets/stylesheets/pages/_header.scss */
.header-search {
  background-color: #ffffff;
  border-radius: 240px;
  max-height: 40px;
  padding: 8px 18px;
}

/* line 1, app/assets/stylesheets/pages/_auth.scss */
.auth {
  color: #4F4949;
}

/* line 4, app/assets/stylesheets/pages/_auth.scss */
.auth-container {
  max-width: 880px;
  width: 100%;
}

/* line 9, app/assets/stylesheets/pages/_auth.scss */
.auth-link {
  color: #4D8E2F;
  text-decoration: underline;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

/* line 14, app/assets/stylesheets/pages/_auth.scss */
.auth-link:hover {
  color: #385723;
}

/* line 19, app/assets/stylesheets/pages/_auth.scss */
.auth-input-row {
  display: flex;
  gap: 16px;
  width: 100%;
}

/* line 25, app/assets/stylesheets/pages/_auth.scss */
.auth-field {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

@media (max-width: 48em) {
  /* line 33, app/assets/stylesheets/pages/_auth.scss */
  .auth-input-row {
    flex-direction: column;
  }
}

/* line 38, app/assets/stylesheets/pages/_auth.scss */
.auth-btn {
  max-width: 370px;
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 8px;
  border-radius: 8px;
  background-color: #4D8E2F;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

/* line 54, app/assets/stylesheets/pages/_auth.scss */
.auth-btn:hover {
  background-color: #385723;
}

@media (max-width: 48em) {
  /* line 38, app/assets/stylesheets/pages/_auth.scss */
  .auth-btn {
    font-size: 18px;
  }
}

/* line 2, app/assets/stylesheets/pages/_account.scss */
.account-link {
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  color: #4F4949;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

/* line 9, app/assets/stylesheets/pages/_account.scss */
.account-link:hover {
  color: #385723;
}

/* line 13, app/assets/stylesheets/pages/_account.scss */
.account-link-icon {
  color: #4F4949;
}

/* line 20, app/assets/stylesheets/pages/_account.scss */
.orders-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  padding: 8px 16px;
  text-align: center;
  font-size: 12px;
  background-color: #a6bdd9;
  color: #ffffff;
}

/* line 34, app/assets/stylesheets/pages/_account.scss */
.orders-badge-complete {
  background-color: #4ADE80;
}

/* line 34, app/assets/stylesheets/pages/_account.scss */
.orders-badge-confirm {
  background-color: #4ADE80;
}

/* line 34, app/assets/stylesheets/pages/_account.scss */
.orders-badge-shipped {
  background-color: #4ADE80;
}

/* line 34, app/assets/stylesheets/pages/_account.scss */
.orders-badge-pending {
  background-color: #FACC15;
  color: #4F4949;
}

/* line 34, app/assets/stylesheets/pages/_account.scss */
.orders-badge-ready {
  background-color: #868181;
}

/* line 3, app/assets/stylesheets/pages/_cart.scss */
.cart-total {
  color: #4D8E2F;
  font-weight: 600;
}

/* line 8, app/assets/stylesheets/pages/_cart.scss */
.cart-order-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

/* line 14, app/assets/stylesheets/pages/_cart.scss */
.cart-price {
  color: #4D8E2F;
}

/* line 18, app/assets/stylesheets/pages/_cart.scss */
.cart-link {
  color: #4D8E2F;
  text-decoration: underline;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

/* line 23, app/assets/stylesheets/pages/_cart.scss */
.cart-link:hover {
  color: #385723;
}

/* line 28, app/assets/stylesheets/pages/_cart.scss */
.cart-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 320px;
  width: 100%;
  padding: 16px 8px;
  border-radius: 8px;
  background-color: #4D8E2F;
  color: #ffffff;
  font-weight: 600;
  line-height: 1;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

/* line 42, app/assets/stylesheets/pages/_cart.scss */
.cart-btn:hover {
  background-color: #385723;
}

/* line 1, app/assets/stylesheets/pages/_main_category.scss */
.main-category {
  display: flex;
  gap: 16px;
  height: 480px;
}

@media (max-width: 991px) {
  /* line 1, app/assets/stylesheets/pages/_main_category.scss */
  .main-category {
    height: auto;
    flex-direction: column;
  }
}

/* line 11, app/assets/stylesheets/pages/_main_category.scss */
.main-category-card {
  flex-basis: 136px;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  transform: translateZ(0);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 991px) {
  /* line 11, app/assets/stylesheets/pages/_main_category.scss */
  .main-category-card {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 767px) {
  /* line 11, app/assets/stylesheets/pages/_main_category.scss */
  .main-category-card {
    flex-basis: 108px;
  }
}

/* line 28, app/assets/stylesheets/pages/_main_category.scss */
.main-category-card.active {
  flex-basis: calc(100% - (3 * 136px) - (3 * 16px));
}

@media (max-width: 991px) {
  /* line 28, app/assets/stylesheets/pages/_main_category.scss */
  .main-category-card.active {
    flex-basis: 400px;
    align-items: flex-end;
  }
}

@media (max-width: 767px) {
  /* line 28, app/assets/stylesheets/pages/_main_category.scss */
  .main-category-card.active {
    flex-basis: 320px;
  }
}

/* line 40, app/assets/stylesheets/pages/_main_category.scss */
.main-category-card.active .main-category-card-gradient {
  height: 50%;
}

@media (max-width: 991px) {
  /* line 40, app/assets/stylesheets/pages/_main_category.scss */
  .main-category-card.active .main-category-card-gradient {
    height: 100%;
  }
}

/* line 48, app/assets/stylesheets/pages/_main_category.scss */
.main-category-card.active .main-category-card-ttl {
  font-size: 36px;
}

@media (max-width: 991px) {
  /* line 48, app/assets/stylesheets/pages/_main_category.scss */
  .main-category-card.active .main-category-card-ttl {
    font-size: 24px;
  }
}

/* line 56, app/assets/stylesheets/pages/_main_category.scss */
.main-category-card.active .main-category-card-content {
  padding: 48px;
}

@media (max-width: 991px) {
  /* line 56, app/assets/stylesheets/pages/_main_category.scss */
  .main-category-card.active .main-category-card-content {
    padding: 24px 32px;
  }
}

/* line 63, app/assets/stylesheets/pages/_main_category.scss */
.main-category-card.active .main-category-card-content__in {
  rotate: 0deg;
  translate: 0 0;
}

/* line 70, app/assets/stylesheets/pages/_main_category.scss */
.main-category-card-img {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 79, app/assets/stylesheets/pages/_main_category.scss */
.main-category-card-gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.6;
  z-index: 2;
  transition: height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 991px) {
  /* line 79, app/assets/stylesheets/pages/_main_category.scss */
  .main-category-card-gradient {
    height: 100%;
  }
}

/* line 95, app/assets/stylesheets/pages/_main_category.scss */
.main-category-card-content {
  color: #ffffff;
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  padding: 32px;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 991px) {
  /* line 95, app/assets/stylesheets/pages/_main_category.scss */
  .main-category-card-content {
    position: relative;
    padding: 24px 32px;
  }
}

/* line 110, app/assets/stylesheets/pages/_main_category.scss */
.main-category-card-content__in {
  transform-origin: left bottom;
  rotate: -90deg;
  translate: 73px -15px;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 991px) {
  /* line 110, app/assets/stylesheets/pages/_main_category.scss */
  .main-category-card-content__in {
    rotate: 0deg;
    translate: 0 0;
  }
}

/* line 123, app/assets/stylesheets/pages/_main_category.scss */
.main-category-card-ttl {
  font-weight: 600;
  font-size: 32px;
  line-height: 130%;
  margin-bottom: 5px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 991px) {
  /* line 123, app/assets/stylesheets/pages/_main_category.scss */
  .main-category-card-ttl {
    font-size: 28px;
  }
}

@media (max-width: 574px) {
  /* line 123, app/assets/stylesheets/pages/_main_category.scss */
  .main-category-card-ttl {
    font-size: 20px;
  }
}

/* line 139, app/assets/stylesheets/pages/_main_category.scss */
.main-category-card-sub {
  font-size: 20px;
  line-height: 140%;
}

@media (max-width: 991px) {
  /* line 139, app/assets/stylesheets/pages/_main_category.scss */
  .main-category-card-sub {
    font-size: 18px;
  }
}

/* line 2, app/assets/stylesheets/pages/_product_card.scss */
.product-card-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* line 9, app/assets/stylesheets/pages/_product_card.scss */
.product-card-img-wrapper {
  width: 100%;
  aspect-ratio: 4 / 3;
  max-height: 310px;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f9fafb;
}

/* line 22, app/assets/stylesheets/pages/_product_card.scss */
.product-card-info {
  height: 90px;
}

@media (max-width: 767px) {
  /* line 22, app/assets/stylesheets/pages/_product_card.scss */
  .product-card-info {
    max-height: 100px;
    height: 100%;
  }
}

/* line 31, app/assets/stylesheets/pages/_product_card.scss */
.product-card-title {
  font-size: 20px;
  font-weight: 600;
  color: #4F4949;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 42, app/assets/stylesheets/pages/_product_card.scss */
.product-card-title:hover {
  color: #385723;
}

/* line 47, app/assets/stylesheets/pages/_product_card.scss */
.product-card-category {
  font-size: 14px;
  color: #868181;
}

/* line 52, app/assets/stylesheets/pages/_product_card.scss */
.product-card-buy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

/* line 59, app/assets/stylesheets/pages/_product_card.scss */
.product-card-tax {
  font-size: 12px;
  color: #4F4949;
}

/* line 64, app/assets/stylesheets/pages/_product_card.scss */
.product-card-gross {
  font-size: 12px;
  color: #868181;
}

/* line 69, app/assets/stylesheets/pages/_product_card.scss */
.product-card-price {
  font-size: 24px;
  font-weight: 600;
  color: #4D8E2F;
}

/* line 75, app/assets/stylesheets/pages/_product_card.scss */
.product-card-btn {
  border-radius: 8px;
  background-color: #4D8E2F;
  color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
  width: 48px;
  height: 48px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

/* line 88, app/assets/stylesheets/pages/_product_card.scss */
.product-card-btn:hover {
  background-color: #385723;
}

/* line 92, app/assets/stylesheets/pages/_product_card.scss */
.product-card-btn svg {
  fill: #ffffff;
}

/* Hide reCAPTCHA badge */
/* line 11, app/assets/stylesheets/screen.scss */
.grecaptcha-badge {
  visibility: hidden !important;
  opacity: 0 !important;
}

/* line 16, app/assets/stylesheets/screen.scss */
html,
body {
  background-color: #f5f5f5;
}

/* line 21, app/assets/stylesheets/screen.scss */
input:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* line 27, app/assets/stylesheets/screen.scss */
input[type="radio"]:checked {
  color: #4D8E2F;
  border-color: #4D8E2F;
}

/* line 32, app/assets/stylesheets/screen.scss */
input[type="checkbox"]:checked {
  background-color: #4D8E2F;
}

/* line 36, app/assets/stylesheets/screen.scss */
.button-primary {
  background-color: #4D8E2F;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

/* line 40, app/assets/stylesheets/screen.scss */
.button-primary:hover {
  background-color: #385723;
}

/* line 45, app/assets/stylesheets/screen.scss */
.bg-gray {
  background-color: #f5f5f5;
}

/* line 49, app/assets/stylesheets/screen.scss */
.roos-logo {
  max-width: 100px;
  margin: 0 !important;
}

/* line 54, app/assets/stylesheets/screen.scss */
.see_all {
  color: #4D8E2F;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

/* line 61, app/assets/stylesheets/screen.scss */
.see_all:hover {
  color: #385723;
}

/* line 66, app/assets/stylesheets/screen.scss */
.input-with-icon {
  padding: .75rem 1rem .75rem 2.5rem !important;
}
/*
Placeholder manifest file.
the installer will append this file to the app vendored assets here: 'vendor/assets/stylesheets/spree/frontend/all.css'
*/

.solidus-stripe-payment {
  padding: 1em 0;
}

[type="submit"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *
 * spree/frontend/all points to the
 * `vendor/assets/stylesheets/spree/frontend/all.css` file generated by
 * `solidus:install`. See `setup_assets` at
 * https://github.com/solidusio/solidus/blob/main/core/lib/generators/solidus/install/install_generator.rb

 *


*/