/* DeVries-inspired storefront treatment for the Syllee products page. */
body.page-id-41 {
  --shop-ink: #242424;
  --shop-muted: #6e6a65;
  --shop-accent: #a01e22;
  --shop-cream: #f7f4ee;
  --shop-rule: #ded8ce;
}
body.page-id-41 #main-content,
body.page-id-41 .entry-content,
body.page-id-41 .et_builder_inner_content { background: #fff; }
/* Always-visible local navigation; it does not depend on Divi mobile JavaScript. */
body.page-id-41 .et_pb_row_0.et_pb_row--with-menu {
  display: block !important; width: 100% !important; max-width: none !important;
  margin: 0 !important; padding: 13px 6vw !important; background: #fff;
  border-bottom: 1px solid var(--shop-rule);
}
body.page-id-41 .et_pb_menu_0 { display: block !important; }
body.page-id-41 .et_pb_menu_1 { display: none !important; }
body.page-id-41 .et_pb_menu_0 .et_pb_menu__wrap,
body.page-id-41 .et_pb_menu_0 .et_pb_menu__menu { display: flex !important; justify-content: center; }
body.page-id-41 .et_pb_menu_0 .et-menu { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 4px 8px; padding: 0 !important; }
body.page-id-41 .et_pb_menu_0 .et-menu > li { display: block !important; padding: 0 !important; }
body.page-id-41 .et_pb_menu_0 .et-menu > li > a {
  display: block; padding: 8px 13px !important; color: var(--shop-ink) !important;
  font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
}
body.page-id-41 .et_pb_menu_0 .et-menu > li.current-menu-item > a,
body.page-id-41 .et_pb_menu_0 .et-menu > li > a:hover { color: var(--shop-accent) !important; }
body.page-id-41 .et_pb_menu_0 .et_mobile_nav_menu { display: none !important; }
body.page-id-41 .et_pb_section_0 { padding: 0 !important; background: transparent !important; }
body.page-id-41 .et_pb_row_1 {
  width: 100% !important; max-width: none !important; min-height: 390px;
  margin: 0 !important; padding: clamp(92px, 10vw, 150px) 7vw !important;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(180deg, rgba(28,28,24,.56), rgba(28,28,24,.62)),
    url('/wp-content/uploads/2021/04/Syllees-Devilish-Garlic-Dill-Pickles-300x300.jpg') center 47% / cover no-repeat;
}
body.page-id-41 .et_pb_row_1,
body.page-id-41 .et_pb_row_1:hover,
body.page-id-41 .et_pb_row_1 * { transform: none !important; transition: none !important; }
body.page-id-41 .et_pb_row_1:hover { background-size: cover !important; }
body.page-id-41 .et_pb_row_1 .et_pb_image { display: none !important; }
body.page-id-41 .et_pb_row_1 .et_pb_column { width: min(900px, 90vw) !important; margin: 0 auto !important; text-align: center; }
body.page-id-41 .et_pb_text_0,
body.page-id-41 .et_pb_text_0 h1,
body.page-id-41 .et_pb_text_0 p,
body.page-id-41 .et_pb_text_0 span { color: #fff !important; }
body.page-id-41 .et_pb_text_0 h1 {
  padding: 0 0 16px; font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(44px, 6vw, 72px); font-weight: 700; line-height: 1.08;
  letter-spacing: -.025em; text-shadow: 0 2px 22px rgba(0,0,0,.28);
}
body.page-id-41 .et_pb_text_0 p { max-width: 720px; margin: 0 auto; font-size: clamp(15px,1.8vw,18px); line-height: 1.7; font-weight: 500; }
body.page-id-41 .et_pb_section:not(.et_pb_section_0) { padding: 64px 0 22px !important; background: #fff !important; }
body.page-id-41 .et_pb_section:not(.et_pb_section_0) + .et_pb_section { padding-top: 22px !important; }
body.page-id-41 .et_pb_section:not(.et_pb_section_0) .et_pb_row { width: min(1180px,88vw) !important; max-width: 1180px !important; padding: 0 !important; }
body.page-id-41 .et_pb_text:not(.et_pb_text_0) { text-align: left !important; }
body.page-id-41 .et_pb_text:not(.et_pb_text_0) h2 {
  margin: 0 0 12px; padding: 0 0 14px; border-bottom: 1px solid var(--shop-rule);
  color: var(--shop-ink) !important; font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(28px,3vw,40px); font-weight: 700; line-height: 1.2;
}
body.page-id-41 .et_pb_text:not(.et_pb_text_0) p { color: var(--shop-muted) !important; font-size: 15px; line-height: 1.7; }
body.page-id-41 .et_pb_shop { text-align: left !important; }
body.page-id-41 .et_pb_shop ul.products {
  display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 58px 34px; margin: 28px 0 42px !important; padding: 0 !important;
}
body.page-id-41 .et_pb_shop ul.products::before,
body.page-id-41 .et_pb_shop ul.products::after { display: none !important; }
body.page-id-41 .et_pb_shop ul.products li.product { float: none !important; clear: none !important; width: auto !important; margin: 0 !important; text-align: left !important; }
body.page-id-41 .et_shop_image { display: block; position: relative; aspect-ratio: 1/1; margin-bottom: 19px; overflow: hidden; background: var(--shop-cream); }
body.page-id-41 .et_shop_image > img,
body.page-id-41 .et_shop_image > .acoplw-badge,
body.page-id-41 .et_shop_image > .acoplw-badge > img { width: 100% !important; height: 100% !important; object-fit: cover; }
body.page-id-41 .et_shop_image img { transition: transform .45s ease; }
body.page-id-41 li.product a:hover .et_shop_image img { transform: scale(1.035); }
body.page-id-41 .et_overlay { border: 0 !important; background: rgba(160,30,34,.08) !important; }
body.page-id-41 .et_overlay::before { color: var(--shop-accent) !important; }
body.page-id-41 .woocommerce-loop-product__title {
  min-height: 0 !important; margin: 0 !important; padding: 0 0 7px !important;
  color: var(--shop-ink) !important; font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 20px !important; font-weight: 600 !important; line-height: 1.35 !important;
}
body.page-id-41 .et_pb_shop .price,
body.page-id-41 .et_pb_shop .price .amount { color: var(--shop-accent) !important; font-size: 16px !important; font-weight: 700 !important; }
body.page-id-41 .star-rating { margin: 2px 0 8px !important; }
body.page-id-41 .acoplw-blockText { color: #fff !important; background: var(--shop-accent) !important; font-family: Arial,sans-serif; font-size: 11px !important; letter-spacing: .08em; }
@media (max-width: 980px) {
  body.page-id-41 .et_pb_row_1 { min-height: 310px; }
  body.page-id-41 .et_pb_shop ul.products { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 42px 26px; }
}
@media (max-width: 560px) {
  body.page-id-41 .et_pb_row_1 { min-height: 270px; padding: 72px 7vw !important; }
  body.page-id-41 .et_pb_section:not(.et_pb_section_0) { padding-top: 42px !important; }
  body.page-id-41 .et_pb_shop ul.products { grid-template-columns: 1fr; gap: 38px; }
}