@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700&family=Syne:wght@400;500;600;700&display=swap');

:root {
  --silk-base: #d8d5cf;
  --silk-base-rgb: 216, 213, 207;
  --silk-base-light: #f4f2ee;
  --silk-base-soft: #fbfbfa;
  --silk-base-dark: #607264;
  --silk-ink: #242424;
  --silk-muted: #6d6d6d;
  --silk-white: #fbfbfa;
  --silk-secondary-bg: #cfcbc4;
  --silk-premium: #b69b74;
  --silk-rose: #d9b1aa;
  --silk-conversion: #cc7f82;
  --silk-charcoal: #1e201d;
}

body {
  color: var(--silk-ink);
  background-color: var(--silk-base-soft);
  font-family: Inter, Arial, sans-serif;
}

a,
.menu-main > li > a,
.menu-home-lv2 a,
.breadcrumb a {
  color: var(--silk-ink);
}

a:hover,
a:focus,
.menu-main > li > a:hover,
.menu-home-lv2 a:hover,
.breadcrumb a:hover {
  color: var(--silk-muted);
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.page-title h2,
.product-title,
.title,
.title-about {
  font-family: Syne, Arial, sans-serif;
  color: var(--silk-ink);
}

header nav,
.pos-header nav,
.navbar-fixed-top.pos-header,
.form-search-mobile,
.dropdown-menu,
.menu-home-lv2,
.container-menu,
footer,
.info-footer,
.count,
.panel-default,
.shopping-cart,
.checkout,
.wishlist,
.page404,
.tracking,
.contact,
.about {
  background-color: var(--silk-base-soft);
}

.topbar,
.nav-help,
.language,
.footer,
.newsletter,
.breadcrumb,
.page-title,
.banner,
.bg,
.count {
  border-color: rgba(var(--silk-base-rgb), .55);
}

.btn,
button,
input[type="submit"],
.btn-default,
.btn-primary,
.shop-now,
.add-to-cart,
.checkout-button,
.button,
.pagination > li > a,
.pagination > li > span {
  border-color: var(--silk-base-dark);
}

.btn-primary,
.btn-default:hover,
.btn:hover,
button:hover,
input[type="submit"],
.shop-now,
.add-to-cart:hover,
.checkout-button,
.pagination > .active > a,
.pagination > .active > span {
  color: var(--silk-white) !important;
  background-color: var(--silk-base-dark) !important;
  border-color: var(--silk-base-dark) !important;
}

.btn-default,
.btn-primary:hover,
.add-to-cart,
.checkout-button:hover,
.pagination > li > a,
.pagination > li > span {
  color: var(--silk-base-dark) !important;
  background-color: var(--silk-base-light) !important;
  border-color: var(--silk-base) !important;
}

.hot::before,
.sale::before,
.star,
.price,
.product-price,
.cart .number,
.badge,
.label,
.active-tags,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: var(--silk-base-dark) !important;
  border-color: var(--silk-base-dark) !important;
  color: var(--silk-white) !important;
}

.star {
  background-color: transparent !important;
  color: var(--silk-base-dark) !important;
}

input,
textarea,
select,
.form-control {
  border-color: rgba(var(--silk-base-rgb), .8) !important;
  color: var(--silk-ink);
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
  border-color: var(--silk-base-dark) !important;
  box-shadow: 0 0 0 3px rgba(var(--silk-base-rgb), .25);
}

.product,
.product-item,
.blog-item,
.panel,
.card,
.thumbnail {
  border-color: rgba(var(--silk-base-rgb), .45);
}

.text-muted,
p,
.list-group-item,
.panel-body p {
  color: var(--silk-muted);
}

.btn,
button,
input,
select,
textarea,
.form-control,
.menu-main > li > a,
.menu-home-lv2 a,
.breadcrumb a,
.newsletter input {
  font-family: Inter, Arial, sans-serif;
}

.silk-kicker,
.newsletter h3,
.title-hot,
.page-title span {
  color: var(--silk-premium);
}

.silk-app-copy h1,
.product .title-product,
.post-info h3,
.widget-title,
.comment-count {
  font-family: Syne, Arial, sans-serif;
}

.silk-app-copy p,
.des-product,
.content-post p,
.about p,
.contact p {
  color: var(--silk-muted);
}

.price,
.badge,
.label,
.sale::before,
.hot::before {
  background-color: var(--silk-conversion) !important;
  border-color: var(--silk-conversion) !important;
}

::selection {
  color: var(--silk-white);
  background-color: var(--silk-base-dark);
}

.silk-app-showcase {
  overflow: hidden;
  padding: 100px 0 90px;
  background: linear-gradient(180deg, var(--silk-base-soft) 0%, #ffffff 100%);
}

.silk-app-showcase-row {
  display: flex;
  align-items: center;
}

.silk-app-copy {
  padding-right: 70px;
}

.silk-kicker {
  margin: 0 0 14px;
  color: var(--silk-base-dark);
  font-family: Poppins, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.silk-app-copy h1 {
  margin: 0 0 24px;
  color: var(--silk-ink);
  font-family: "Abril Fatface", serif;
  font-size: 48px;
  line-height: 1.12;
  letter-spacing: 0;
}

.silk-app-copy p {
  max-width: 500px;
  margin-bottom: 34px;
  color: var(--silk-muted);
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 1.8;
}

.silk-app-link {
  display: inline-block;
  min-width: 190px;
  padding: 15px 28px;
  color: var(--silk-white);
  background: var(--silk-ink);
  border: 1px solid var(--silk-ink);
  font-family: Poppins, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
}

.silk-app-link:hover,
.silk-app-link:focus {
  color: var(--silk-ink);
  background: transparent;
  border-color: var(--silk-ink);
}

.silk-app-visual {
  text-align: center;
}

.silk-app-visual img {
  display: inline-block;
  width: min(100%, 390px);
  max-height: 760px;
  object-fit: contain;
  filter: drop-shadow(0 30px 45px rgba(45, 37, 32, .22));
}

@media (max-width: 991px) {
  .silk-app-showcase {
    padding: 72px 0 70px;
  }

  .silk-app-showcase-row {
    display: block;
  }

  .silk-app-copy {
    padding-right: 15px;
    text-align: center;
  }

  .silk-app-copy p {
    margin-right: auto;
    margin-left: auto;
  }

  .silk-app-visual {
    margin-top: 44px;
  }

  .silk-app-visual img {
    width: min(82vw, 340px);
    max-height: 680px;
  }
}

@media (max-width: 480px) {
  .silk-app-showcase {
    padding: 56px 0 58px;
  }

  .silk-app-copy h1 {
    font-size: 34px;
  }

  .silk-app-copy p {
    font-size: 14px;
    line-height: 1.7;
  }

  .silk-app-link {
    width: 100%;
  }

  .silk-app-visual img {
    width: min(88vw, 300px);
  }
}

.silk-product-card .product-image-flower,
.silk-product-card .product-image-category {
  background: var(--silk-base-soft);
}

.silk-product-card .product-image-flower img,
.silk-product-card .product-image-category img,
.silk-detail-image {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.silk-product-card .product-title-flower .p-title {
  min-height: 66px;
}

.silk-product-type {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--silk-base-dark);
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.silk-catalog-notice {
  padding: 58px 15px;
  text-align: center;
}

.silk-catalog-notice h2 {
  margin: 0 0 22px;
  color: var(--silk-ink);
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
}

.silk-notice-link {
  display: inline-block;
  padding: 13px 24px;
  color: var(--silk-white);
  background: var(--silk-ink);
  border: 1px solid var(--silk-ink);
  font-family: Poppins, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.silk-notice-link:hover,
.silk-notice-link:focus {
  color: var(--silk-ink);
  background: transparent;
}

.silk-product-detail-row {
  display: flex;
  align-items: center;
}

.product-detail {
  padding-top: 70px;
  background: #ffffff;
}

.product-detail .detail h1 {
  margin: 18px 0 14px;
  color: var(--silk-ink);
  font-family: Poppins, sans-serif;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 0;
}

.product-detail .detail .prince {
  margin: 10px 0;
  color: var(--silk-ink);
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.product-text {
  padding: 80px 0 50px;
  background: #ffffff;
}

.related {
  padding: 50px 0 80px;
  background: #ffffff;
}

.silk-detail-copy .p1 {
  max-width: 620px;
  line-height: 1.8;
}

.silk-detail-meta {
  margin: 22px 0 28px;
  color: var(--silk-muted);
  font-family: Poppins, sans-serif;
  font-size: 13px;
}

.silk-product-menu-item a {
  white-space: normal;
}

@media (max-width: 991px) {
  .silk-product-detail-row {
    display: block;
  }

  .silk-detail-copy {
    margin-top: 32px;
  }
}