/** Shopify CDN: Minification failed

Line 440:0 Comments in CSS use "/* ... */" instead of "//"
Line 561:0 Unexpected "<"
Line 565:7 Unexpected "{"
Line 565:16 Expected ":"
Line 566:4 Unexpected "<"

**/
/* ============================================================
   Omiana brand CSS
   Extracted from the tail (lines 3393-EOF) of the live theme's
   customized base.css — agency section styles: header/mega-menu,
   footer, bundle, collapsible, featured-collection, testimonials,
   policy/search/article/default pages, etc.
   Kept OUT of base.css so Dawn's base.css stays stock & updatable.
   Loaded after base.css (see snippets/wt-custom-head.liquid).
   ============================================================ */

.footer .footer__blocks-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 70px;
}

.footer .footer__blocks-wrapper .footer-block:nth-child(2) {
  width: 25%;
  display: flex;
  align-items: center;
}

.footer .footer__blocks-wrapper .footer-block:nth-child(1) {
  width: 20%;
  display: flex;
  align-items: center;
}

.footer .footer__blocks-wrapper .footer-block:nth-child(3),
.footer .footer__blocks-wrapper .footer-block:nth-child(4) {
  width: 20%;
}

.footer .footer__blocks-wrapper .footer-block p {
  font-family: 'Libre Franklin';
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  text-transform: capitalize;
  color: #fff;
}

.footer .footer__blocks-wrapper .footer-block h2 {
  font-family: 'Libre Franklin';
  font-weight: 700;
  font-size: 28px;
  line-height: 100%;
  vertical-align: middle;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.footer .footer__blocks-wrapper .footer-block ul li a {
  font-family: 'Libre Franklin';
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  vertical-align: middle;
  text-transform: capitalize;
  margin-bottom: 10px;
  text-decoration: none;
  padding: 0;
}

.footer .footer__blocks-wrapper .footer-block ul li {
  margin: 0;
}

.footer .page-width {
  width: 100%;
  max-width: 1300px;
  padding: 0 20px;
  margin: 0 auto;
}

.footer .footer__content-top {
  padding: 50px 20px 70px;
  border-bottom: 1px solid;
}

.footer__content-bottom {
  padding: 20px 0;
  border: 0;
}

.footer__content-bottom .footer__content-bottom-wrapper:first-child {
  display: none;
}

.footer__content-bottom .footer__copyright {
  margin: 0;
  font-family: Poppins;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
}

.product .product__info-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

.product .product__info-container {
  max-width: 100% !important;
  width: 100% !important;
}


.product .product-form__input {
  margin: 0 !important;
}

.product .quantity__label {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-transform: capitalize;
  color: #4d4d4d;
  margin-bottom: 10px;
}

.product .quantity {
  border-radius: 30px;
  border: 1px solid #eae3d7;
}

.product .quantity button {
  border: 0 !important;
}

.product .quantity::after,
.product .quantity::before,
.default-varaint-options {
  display: none;
}

.product__description p {
  display: block !important;
}

.product {
  padding-bottom: 80px;
  gap: 80px !important;
}

.product .product__media-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

.product .product__media-wrapper ul li .product__modal-opener {
  border-radius: 30px;
  overflow: hidden;
  border: 4px solid #eae3d7;
}

.product .product__media-wrapper ul li .product-media-container {border: 0;background: transparent;}
div#price-template--18768353263673__main > div {
  display: block;
}

.wt-related-products small.unit-price.caption.hidden,
.default-product small.unit-price.caption.hidden {
  display: none;
}
.footer__content-bottom .footer__content-bottom-wrapper:first-child {display: none;}
.footer__content-bottom .footer__copyright {margin: 0;font-family: Poppins;font-weight: 400;font-size: 18px;line-height: 100%;}
.footer .custom-text-bottom .svg-wrapper {position: relative;top: unset;right: unset;height: 22px;width: 22px;}
.footer .custom-text-bottom ul {padding: 0;justify-content: start !important;gap: 18px;}
.custom-text-bottom .svg-wrapper svg path {fill: #fff;}
.footer .custom-text-bottom {margin-top: 25px;}
.footer .custom-text-bottom ul li a {margin: 0 !important;}
.footer .custom-text-bottom ul li {border-bottom: 1px solid;padding-bottom: 5px;}
/* Footer social links: match live's light color (was inheriting Dawn's dark --color-foreground; the
   li border-bottom uses currentColor, so dark links = dark underlines under the white icons). */
.footer .custom-text-bottom,
.footer .custom-text-bottom ul li,
.footer .custom-text-bottom a { color: rgba(255, 255, 255, 0.75); }
.header__icon .svg-wrapper {position: static;}
.header .header__icon--cart .svg-wrapper svg {width: 20px;height: 20px;}
.header .header__icon--cart {background: #5A6764;position: relative;border-radius: 30px;}
.header .header__icon--cart .cart-count-bubble span {line-height: 1;color: #000;font-weight: 800;font-size: 12px;}
.header .header__icon--cart .cart-count-bubble {top: -5px;left: unset;right: -5px;background: #fff;}
.header .svg-wrapper, .wt-newsletter-section .svg-wrapper {position: static;}
.wt-banner-section {z-index: 2 !important;}
.announcement-bar-section .utility-bar__grid .announcement-bar a {justify-content: end;text-decoration:none; }
.announcement-bar-section .utility-bar__grid {display: flex;justify-content: space-between;}
.announcement-bar-section .utility-bar__grid .announcement-bar {width: 70%;}
.wt-testimonials-section-mobile,
.product__description img {display: none}
.footer {margin-top: 0 !important;}
.main-variant-selects .form__label {font-family: 'Libre Franklin';font-style: normal;font-weight: 700;font-size: 18px;line-height: 24px;text-transform: capitalize;color: #4D4D4D;margin-bottom: 10px;}
.main-variant-selects {margin-top: 50px !important;}
.main-variant-selects .variant-color-picker {margin-bottom: 25px!important;}
.custom-wrapper .variant-color-picker label, .main-variant-selects .variant-color-picker.product-form__input--pill:nth-child(4) label {background: transparent !important;border-radius: 12px !important;border: 2px solid #5A6764 !important;font-family: 'Libre Franklin';
font-style: normal;font-weight: 700;font-size: 16px !important;line-height: 24px !important;text-transform: capitalize;color: #000000 !important;padding-block: 5px !important;width: 100%;max-width: 175px;}
.custom-wrapper .variant-color-picker input[type=radio]:checked+label, .main-variant-selects .variant-color-picker.product-form__input--pill:nth-child(4) input[type=radio]:checked+label {background: #5A6764 !important;color: #fff !important;}
.product .product-form__quantity .quantity {background: #fff;overflow: hidden;border: 1px solid #eae3d7;border-radius: 12px;width: 100px;}
.product .product-form__quantity .quantity button {width: 20px;}
.product .product-form__quantity .quantity {background: #fff;overflow: hidden;border: 1px solid #eae3d7;border-radius: 12px;width: 100px;}
.product .product-form__quantity .quantity button {width: 20px;}
.product .product-form__buttons {display: flex;max-width: 100%;align-items: center;gap: 20px;}
.product .product-form__buttons button {   width: 50%;margin: 0;justify-content: center;background-color: #5A6764;border-radius: 30px;
color: #fff;font-family: 'Libre Franklin';font-style: normal;font-weight: 700;
font-size: 18px;line-height: 24px;text-transform: capitalize;color: #FFFFFF;
flex: none;order: 0;flex-grow: 0;padding: 12px 34px;border: 1px solid transparent;transition: all 0.5s;}
.product .product-form__buttons .shopify-payment-button {width: 50%;}
.product .product-form__buttons more-payment-options-link {display: none;}
.product .product-form__buttons shop-pay-wallet-button {border-radius: 30px;overflow: hidden;}
.product .product-form__buttons button:hover {background: transparent;border: 1px solid;color: #5A6764;}
div#redo-checkbox {display: none;}
.custom-wrapper {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.product .custom-wrapper .product-form__input {width: 100%;max-width: 20%;}
.product .price .price-item {font-family: 'Libre Franklin';font-style: normal;font-weight: 700;font-size: 28px;line-height: 38px;text-transform: capitalize;color: #5A6764;}
.product__description details {display: none;}
.custom_rating {display: flex;justify-content: center;align-items: center;}
.header .mega-menu__content {width: 100%;max-width: 1280px;margin: 0 auto;border: 2px solid #D7CCB9 !important;box-shadow: 0px 4px 8px 0px #A7914E40;border-end-end-radius: 20px;border-end-start-radius: 20px;}
.header .mega-menu__content ul>li>a {text-align: left;font-family: 'Libre Franklin';font-style: normal;font-weight: 700;font-size: 18px;line-height: 22px;color: #000000;text-decoration: none;}
.header .mega-menu__content ul li ul li a {font-family: 'Libre Franklin';font-weight: 600;font-size: 14px;line-height: 24px;color: #4D4D4D;}
.header .mega-menu__content ul li ul li a:hover {color: #5A6764;text-decoration: underline !important;}
.header {justify-content: space-between;display: flex;}
.header nav ul li a, .header nav ul li summary {font-family: Montserrat;font-weight: 500;font-size: 16px;line-height: 100%;letter-spacing: 0px;text-align: center;vertical-align: middle;color: #000;}
.header nav ul li a:hover, .header nav ul li summary:hover, .header nav ul li a .header__active-menu-item {font-weight: 500;text-decoration: underline !important;}
.shopify-payment-button {border: 1px solid !important;border-radius: 30px !important;overflow: hidden;}
.header nav ul li a:hover span, .header nav ul li summary:hover span {text-decoration: none !important;}
.custom-review-title {display: flex;justify-content: space-between;align-items: center;}
.custom-review-title .wt-banner-review {margin: 0;display: flex;align-items: center;}
.custom-review-title .wt-banner-review p {font-family: 'Libre Franklin';font-weight: 700;font-size: 14px;line-height: 24px;color: #4D4D4D;}
#MegaMenu-Content-5 .mega-menu-list-wrap,
#MegaMenu-Content-6 .mega-menu-list-wrap,
#MegaMenu-Content-4 .mega-menu-list-wrap
{display: flex;justify-content: space-between;}
#MegaMenu-Content-5 .mega-menu-list-wrap .mega-menu-list-items ul,
#MegaMenu-Content-6 .mega-menu-list-wrap .mega-menu-list-items ul,
#MegaMenu-Content-4 .mega-menu-list-wrap .mega-menu-list-items ul
{display: block;padding: 0;}
#MegaMenu-Content-5 .mega-menu-list-wrap .mega-menu-list-image,
#MegaMenu-Content-6 .mega-menu-list-wrap .mega-menu-list-image,
#MegaMenu-Content-4 .mega-menu-list-wrap .mega-menu-list-image 
{width: 70%;display: grid;align-items: start;gap: 45px;grid-template-columns: repeat(3 , 1fr);}
#MegaMenu-Content-5 .mega-menu-list-wrap .mega-menu-list-items,
#MegaMenu-Content-6 .mega-menu-list-wrap .mega-menu-list-items,
#MegaMenu-Content-4 .mega-menu-list-wrap .mega-menu-list-items
{width: 25%;padding-right: 50px;margin-right: 50px;border-right: 1px solid #F5F1E9;}
#MegaMenu-Content-5 .mega-menu-list-wrap .mega-menu-list-image .mega-menu-list-image-item img,
#MegaMenu-Content-6 .mega-menu-list-wrap .mega-menu-list-image .mega-menu-list-image-item img,
#MegaMenu-Content-4 .mega-menu-list-wrap .mega-menu-list-image .mega-menu-list-image-item img
{height: 150px;border-radius: 12px;width: 100%;object-fit: cover;}
#MegaMenu-Content-5 .mega-menu-list-wrap .mega-menu-list-image .mega-menu-list-image-item a,
#MegaMenu-Content-6 .mega-menu-list-wrap .mega-menu-list-image .mega-menu-list-image-item a,
#MegaMenu-Content-4 .mega-menu-list-wrap .mega-menu-list-image .mega-menu-list-image-item a
{transition: 0.5s;width: 100%;display: flex;justify-content: end;margin-top: 10px;
font-family: 'Libre Franklin';font-weight: 600;font-size: 12px;line-height: 24px;letter-spacing: 0%;text-align: right;color: #4d4d4d;}
.mega-menu-list-wrap .mega-menu-list-items ul {padding: 0;}
#MegaMenu-Content-5 .mega-menu-list-wrap .mega-menu-list-image .mega-menu-list-image-item:hover a,
#MegaMenu-Content-6 .mega-menu-list-wrap .mega-menu-list-image .mega-menu-list-image-item:hover a,
#MegaMenu-Content-4 .mega-menu-list-wrap .mega-menu-list-image .mega-menu-list-image-item:hover a
{color: #5a6764;font-weight: 600;text-decoration: underline !important;}
.swipers-button-prev[aria-disabled="true"], .swipers-button-next[aria-disabled="true"], .swiper-button-nexts[aria-disabled="true"], .swiper-button-prevs[aria-disabled="true"] {opacity: 0.1;}
.header {border-bottom: 1px solid #5A6764;padding-inline: 20px !important;max-width: 1280px;}
.section-header sticky-header {border-bottom: 0 !important;}
.header nav ul li summary[aria-expanded="true"] {font-weight: 500;}
.header.active {border: 0;}
.collection-product-section .facet-filters .select {display: flex;position: relative}
.collection-product-section .product-grid-container .collection ul.product-grid {grid-template-columns: repeat(4 , 1fr);gap: 35px;margin-top: 20px;}
.collection-product-section .product-grid-container .collection ul.product-grid li {width: 100%;max-width: 100%;}
.collection-product-section .mobile-facets__inner .facets__price .field {position: relative;}
.collection-product-section .facet-filters .select .svg-wrapper {position: absolute;right: 0;}
.collection-product-section .facet-filters .select select:focus {outline: none;box-shadow: none;}
.underline-links-hover:hover a {color: #50625b;}
.shopify-policy__container {width: 100%;max-width: 1280px;margin: 0 auto;padding: 0 20px 80px;}
.shopify-policy__container .shopify-policy__title {padding: 80px 0;background: #5a6764;margin: 20px 0 50px 0;border-radius: 5px;font-family: 'Libre Franklin';}
.shopify-policy__container .shopify-policy__title h1 {font-size: 42px;font-weight: 600;color: #fff;line-height: 1;}
.shopify-policy__container .rte p,
.shopify-policy__container ul li,
.shopify-policy__container ul li span,
.shopify-policy__container ul li strong{font-size: 16px !important;font-family: 'Libre Franklin' !important;letter-spacing: 0px !important; color:#000000a3 !important;}
.featured-collection-section .slider-mobile-gutter ul {grid-template-columns: repeat(4 , 1fr);gap: 30px;}
.featured-collection-section .slider-mobile-gutter ul li {max-width: 100%;width: 100%;}
.wt-collapsible-content .accordion__content h2 {font-weight: 600;margin-bottom: 10px;color: #000;}
.wt-collapsible-content .accordion__content p {font-size: 16px;font-family: 'Libre Franklin' !important;letter-spacing: 0;color: #818181;}
.wt-collapsible-content .accordion__content p a {color: #000;text-decoration: none;}
.wt-collapsible-content .collapsible-content .accordion .accordion__content {padding-inline: 0;}
.wt-collapsible-content .collapsible-content .accordion .accordion__content table {max-width: 1280px !important;width: 100%;background: #fff;}
.wt-collapsible-content .collapsible-content .accordion .accordion__content table tr {display: flex;border: 1px solid #787878;}
.wt-collapsible-content .collapsible-content .accordion .accordion__content table tr td {width: 33%!important;border-right: 1px solid #787878;}
.wt-collapsible-content .collapsible-content .accordion .accordion__content table tr td ul li {list-style: disc;font-size: 16px;}
.wt-collapsible-content .collapsible-content .accordion .accordion__content table tr td ul {padding-left: 15px;}
.wt-collapsible-content .collapsible-content .accordion .accordion__content h2, 
.wt-collapsible-content .collapsible-content .accordion .accordion__content h3 {margin: 15px 0 10px;}
.wt-collapsible-content .collapsible-content .accordion .accordion__content img{margin-top:15px;}
.wt-collapsible-content .collapsible-content .accordion .accordion__content h2,
.wt-collapsible-content .collapsible-content .accordion .accordion__content strong, 
.wt-collapsible-content .collapsible-content .accordion .accordion__content h3,
.wt-collapsible-content .collapsible-content .accordion .accordion__content h2 span {color: #5a6764 !important;}
.footer .footer__blocks-wrapper .footer-block:nth-child(1) .footer-block__details-content {justify-content: left;}
.wt-collapsible-content .collapsible-content .accordion .accordion__content table tr td:last-child {border: 0;}
.default-artical-section .article-template__content p {font-size: 16px;font-family: 'Libre Franklin';letter-spacing: 0;padding: 10px 0;}
.default-artical-section .article-template__content h2 {font-size: 20px;color: #5a6764;font-weight: bold;letter-spacing: 0;}
.default-artical-section .field {position: relative;border: 0 !important;}
.default-artical-section .field::after, .default-artical-section .field::before {display: none;}
.default-artical-section .article-template__comment-wrapper {padding-inline: 50px;}
.default-artical-section .field input:focus, .default-artical-section .field input:focus-visible{outline:0;border:0;}
.default-artical-section {padding-bottom: 80px;}
.main-cat-section cart-remove-button .svg-wrapper {position: absolute;top: 50%;transform: translateY(-50%);right: 0;left: 0;margin: 0 auto;}
.main-cat-section cart-remove-button {position: relative;}
.footer .footer__blocks-wrapper .footer-block ul li a:hover {text-decoration: underline;}
.shopify-policy__container p strong, .shopify-policy__container ul li strong {color: #000 !important;}
.template-search .product-grid {grid-template-columns: repeat(4, 1fr);gap: 35px;}
.template-search .product-grid li {width: 100% !important;max-width: 100% !important;}
.template-search .template-search__header h1 {font-size: 24px;text-align: center;color: #000;line-height: 31px;margin: 20px 0;}
.template-search form .field {position: relative;}
.template-search .facet-filters .select {display: flex;align-items: center;position: relative;}
.template-search .facet-filters .select span.svg-wrapper {position: absolute;right: 0;}
.header .header__search .search-modal__content .field {position: relative;}
.shopify-policy__container h3 {font-size: 20px;font-weight: 900;color: #000;text-transform: capitalize;line-height: 1;}
.shopify-policy__container ul li {list-style:disc;padding-block:4px;}
.shopify-policy__container p, .shopify-policy__container h3, .shopify-policy__container ul {padding-block: 10px;}
.shopify-policy__container table tbody {padding-block: 10px !important;}
.shopify-policy__container ul li p {padding: 0;}
.shopify-policy__container h3 + p {padding: 0;}
.default_page .page-width {max-width: 1280px;padding: 0 20px;margin: 0 auto;}
.default_page h1.main-page-title {padding: 80px 0;background: #5a6764;margin: 20px 0 50px;border-radius: 5px;font-family: Libre Franklin;font-size: 42px;font-weight: 600;color: #fff;line-height: 1;text-align: center;}
.default_page p {padding: 5px 0;color: #000;}
.default_page {padding-bottom: 80px;}
.bundle-section-main .bundle-image {width: 40%;overflow: hidden;}
.bundle-section-main .bundle-image img {object-fit: contain;width: 100%;}
.bundle-section-main .bundle-text {width: 48%;}
.bundle-section-main .bundle-text p.sub-heading {color: #5a6764;font-family: 'Libre Franklin';font-weight: 700;letter-spacing: 1px;word-spacing: 2px;font-size: 18px;text-transform: capitalize;}
.bundle-section-main .bundle-text h2 {font-size: 42px;line-height: 1;color: #4D4D4D;}
.bundle-section-main .bundle-text .description p {font-size: 18px;line-height: 1.3;}
.bundle-section-main .bundle-text .description ul {margin-block: 20px;list-style:disc;padding-left:20px;}
.bundle-section-main .bundle-text .description ul li strong {color: #5a6764;}
.bundle-section-main .bundle-text .description ul li, .bundle-section-main .bundle-text .description ol li {font-size: 18px;line-height: 1.3;margin-block-end: 10px;}
.bundle-section-main .bundle-text .description h3 {font-size: 24px;color: #5a6764;margin-bottom: 10px;line-height: 1;font-weight: 900;}
.bundle-section-main .bundle-text a.bundle-btn {background: #5a6764;font-size: 18px;line-height: 1;padding: 14px 32px;border: 1px solid;transition: all 0.5s;font-weight: 700;}
.bundle-section-main .page-width {max-width: 1280px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
.bundle-section-main .bundle-text a.bundle-btn:hover {background: transparent;color: #5a6764;}
/* responsive-start */
@media (max-width:1199px){
.product .price .price-item {font-size: 24px;line-height: 34px;}
#MegaMenu-Content-5 .mega-menu-list-wrap .mega-menu-list-image,
#MegaMenu-Content-6 .mega-menu-list-wrap .mega-menu-list-image,
#MegaMenu-Content-4 .mega-menu-list-wrap .mega-menu-list-image
{gap: 30px;}
#MegaMenu-Content-5 .mega-menu-list-wrap .mega-menu-list-items,
#MegaMenu-Content-6 .mega-menu-list-wrap .mega-menu-list-items,
#MegaMenu-Content-4 .mega-menu-list-wrap .mega-menu-list-items 
{padding-right: 30px;margin-right: 30px;width: 20%;}
  .shopify-policy__container .shopify-policy__title h1 {font-size: 34px;}
  .shopify-policy__container .shopify-policy__title {padding: 60px 0;}
  .shopify-policy__container {padding: 0 20px 60px;}
    .footer .footer__blocks-wrapper {gap: 40px;}
.default_page h1.main-page-title {padding: 60px 0;font-size: 34px;}
.default_page {padding-bottom: 60px;}

}
@media (max-width:1024px){
  .collection-product-section .product-grid-container .collection ul.product-grid {grid-template-columns: repeat(3,1fr);}
  .shopify-policy__container .shopify-policy__title h1 {font-size: 30px;}
  .shopify-policy__container .shopify-policy__title {padding: 50px 0;}
.featured-collection-section .slider-mobile-gutter ul {grid-template-columns: repeat(3 , 1fr);}
.footer .footer__blocks-wrapper .footer-block:nth-child(1),
  .footer .footer__blocks-wrapper .footer-block:nth-child(2),
  .footer .footer__blocks-wrapper .footer-block:nth-child(3),
  .footer .footer__blocks-wrapper .footer-block:nth-child(4) {width: 48%;}
  .footer .footer__blocks-wrapper {flex-wrap: wrap;gap: 20px;}
.default-artical-section {padding-bottom: 65px;}
.default_page h1.main-page-title {padding: 50px 0;font-size: 30px;}
.default_page {padding-bottom: 50px;}
}
@media (max-width:989px){
  .announcement-bar-section .utility-bar__grid, .announcement-bar-section .utility-bar__grid .announcement-bar a {justify-content: center;}
  .announcement-bar-section .utility-bar__grid .announcement-bar {width: 100%;}
  .template-search .product-grid {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width:767px){
.wt-testimonials-section-desktop {display: none !important;}
.wt-testimonials-section-mobile {display: block !important;}
.product .product-form__buttons button {font-size: 16px;flex-grow: 0;padding: 10px 30px;}
.main-variant-selects {margin-top: 30px!important;}
media-gallery ul li {display: none;}
media-gallery ul li:first-child{display: block;}
media-gallery ul li .product__media img {object-fit: contain;}
.slider-mobile-gutter ul li {display: none;}
.slider-mobile-gutter li:first-child {display: block;}
.collection-product-section .product-grid-container .collection ul.product-grid  {grid-template-columns: repeat(2,1fr);gap: 20px;margin-top: 0px;}
.shopify-policy__container .shopify-policy__title h1 {font-size: 26px;}
.shopify-policy__container .shopify-policy__title {padding: 40px 0;margin: 20px 0 30px 0;}
.shopify-policy__container .rte p {font-size: 14px;}
.shopify-policy__container {padding: 0 20px 50px;}
.featured-collection-section .slider-mobile-gutter ul {grid-template-columns: repeat(2 , 1fr);gap:20px;}
.footer .footer__blocks-wrapper .footer-block:nth-child(1),
.footer .footer__blocks-wrapper .footer-block:nth-child(2),
.footer .footer__blocks-wrapper .footer-block:nth-child(3),
.footer .footer__blocks-wrapper .footer-block:nth-child(4) {width: 100%;}
.footer .footer__blocks-wrapper .footer-block:nth-child(1) .footer-block__details-content {margin-bottom: 0;max-width: 40% !important;}
.footer .footer__blocks-wrapper .footer-block:nth-child(1) {margin-bottom: 15px;}
.footer__blocks-wrapper .footer-block:nth-child(2),
.footer__blocks-wrapper .footer-block:nth-child(3) {margin: 0;}
.footer .footer__blocks-wrapper .footer-block p {font-size: 16px;line-height: 1.3;}
.footer .footer__blocks-wrapper .footer-block h2 {font-size: 24px;}
.default-artical-section .article-template__comment-wrapper {padding-inline: 20px;}
.default-artical-section {padding-bottom: 50px;}
.template-search .product-grid {grid-template-columns: repeat(2, 1fr);}
.default_page h1.main-page-title {padding: 40px 0;margin: 20px 0 30px;font-size: 26px;}
.default_page {padding-bottom: 40px;}
}

@media (max-width:599px){
.product .product-form__buttons {flex-direction: column;}
.product .product-form__buttons button, .product .product-form__buttons .shopify-payment-button {width: 100%;}
.custom-wrapper .variant-color-picker label, .main-variant-selects .variant-color-picker.product-form__input--pill:nth-child(4) label {padding-block: 10px!important;width: 100%;max-width: 100%;}
.collection-product-section .product-grid-container .collection ul.product-grid {grid-template-columns: repeat(1,1fr);}
.shopify-policy__container .shopify-policy__title h1 {font-size: 24px;}
.featured-collection-section .slider-mobile-gutter ul {grid-template-columns: repeat(1 , 1fr);}
.header .header__icons {align-items: center;}
.header .header__icon--cart {width: 40px;height: 40px;}
.header__icon .svg-wrapper {width: 35px !important;height: 35px !important;}
.template-search .product-grid {grid-template-columns: repeat(1, 1fr);}
.default_page h1.main-page-title {font-size: 24px;}
}


/*  */


//* Honest-style badge styling */
.wt-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: opacity 0.4s ease, transform 0.3s ease;
}

.wt-badge span {
  font-weight: 500;
  color: #4A5A57;
}

/* Star fade-in animation */
.wt-stars svg {
  color: #FFD700;
  opacity: 0;
  transform: translateY(4px) scale(0.9);
  animation: starFade 0.9s ease forwards;
}

.wt-stars svg:nth-child(1) { animation-delay: 0.1s; }
.wt-stars svg:nth-child(2) { animation-delay: 0.2s; }
.wt-stars svg:nth-child(3) { animation-delay: 0.3s; }
.wt-stars svg:nth-child(4) { animation-delay: 0.4s; }
.wt-stars svg:nth-child(5) { animation-delay: 0.5s; }

/* Keyframes */
@keyframes starFade {
  0% {
    opacity: 0;
    transform: translateY(4px) scale(0.9);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Hover interaction */
.wt-badge:hover {
  opacity: 0.85;
  transform: translateY(-1px);
}
/* FIX: Ingredient icon clipping — bundle PDP only */

.oph-ingredients__icon {
  width: 24px;
  min-width: 24px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.oph-ingredients__icon {
  width: 24px;
  min-width: 24px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.oph-ingredients__icon svg {
  width: 18px;
  height: 18px;
  overflow: visible;
}
.oph-media__main svg {
  overflow: visible;
  transform: translateX(8px);
}
/* Bundle PDP ingredient card: prevent hidden text box from being removed */
.oph-ingredients-card div:empty,
.oph-ingredients-card p:empty {
  display: block;
}
.oph-ingredients__icon svg {
  width: 20px;
  height: 20px;
}

.oph-ingredients__icon {
  margin-top: 2px;
}

.oph-ingredients {
  gap: 12px;
}
.oph-ingredients__icon {
  margin-top: 2px;
}
/* Ingredient pills — refined */

.oph-ingredients__tag {
  font-size: 12px;
  padding: 2px 10px;   /* ↓ was 4px → reduces height */
  line-height: 1.1;    /* tighten text box */
  border-radius: 999px;

  background: #F3EFEA;
  color: #5F6F6B;
  font-weight: 500;

  border: 1px solid rgba(0,0,0,0.04);
}

/* tighten spacing between pills */
.oph-ingredients__tags {
  gap: 6px;
}
.bundle-helper {
  font-size: 13px;
  color: #6b6f6c;
  margin: 4px 0 10px;
}
.bundle-includes {
  font-size: 13px;
  color: #4f5551;
  margin: 4px 0 12px;
}
<div class="sticky-atc">
  <div class="sticky-atc__inner">
    
    <div class="sticky-atc__price">
      {{ product.selected_or_first_available_variant.price | money }}
    </div>

    <button 
      class="sticky-atc__button"
      type="button"
      onclick="document.querySelector('[name=\"add\"]').click();">
      Add to Cart
    </button>

  </div>
</div>
.sticky-atc {
  display: none;
}
.pdp-badge {
  font-size: 13px;
  font-weight: 600;
  margin-top: 6px;
  color: #3f4f45;
}
/* ── Migration fix (not in live's base.css) ──────────────────────────────
   Pin Tailwind `max-w-max` page-width containers to the theme page width.
   On live these render at var(--page-width) (=1200px) because Dawn's unlayered
   .page-width rule beats Tailwind's `max-w-max` utility (which sits in @layer).
   This higher-specificity (0,2,0) unlayered rule guarantees the same result on
   the draft regardless of whether the Play-CDN utility is layered. Affects
   wt-featured-collection, wt-collections-tab, wt-related-products. */
.page-width.max-w-max { max-width: var(--page-width); width: 100%; margin-left: auto; margin-right: auto; }

/* Footer: force live's flex-row layout over Dawn 15.5's grid--*-col classes.
   The agency footer CSS targets Dawn 15.3's flex footer; on 15.5 the blocks are
   wrapped in `grid grid--1-col grid--4-col-tablet` which collapsed to a single
   column (footer ~1236px tall). !important guarantees the row layout wins. */
.footer .footer__blocks-wrapper { display: flex !important; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 24px; }
.footer .footer__blocks-wrapper > .footer-block:nth-child(1) { width: 20% !important; }
.footer .footer__blocks-wrapper > .footer-block:nth-child(2) { width: 25% !important; }
.footer .footer__blocks-wrapper > .footer-block:nth-child(3) { width: 20% !important; }
.footer .footer__blocks-wrapper > .footer-block:nth-child(4) { width: 20% !important; }
@media (max-width: 749px) { .footer .footer__blocks-wrapper > .footer-block { width: 100% !important; } }
.footer .page-width { max-width: 1300px !important; margin-left: auto !important; margin-right: auto !important; }
.page-width.max-w-\[1280px\] { max-width: var(--page-width); }
/* Featured blog: live shows the Swiper carousel on desktop (its md:hidden doesn't apply
   on live); the grid (hidden md:grid) stays hidden. The draft cascade is reversed, so
   force live's layout — show the swiper, hide the grid — at md+. */
@media (min-width: 768px) {
  .wt-featured-blog-section .wt-blog-slider-content.swiper { display: block !important; }
  .wt-featured-blog-section [class*="md:grid-cols-2"] { display: none !important; }
}
/* Match live: live renders Dawn's `.page-width` (0 vertical padding) over the agency's
   Tailwind py-[...] utilities. On the draft those py utilities were applying, adding
   extra vertical space (Mission was +195px). Scoped to #MainContent so the footer
   (intentional padding on .footer__content-top.page-width) is unaffected. */
#MainContent .page-width { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }

/* Collection grid — stock 15.5 markup. Tailwind Play CDN's `.grid{display:grid}` overrides
   Dawn's flex `.grid`, collapsing the product grid to 1 column. Live styled its 15.3 markup
   (`.collection-product-section .product-grid-container .collection ul.product-grid`) which the
   stock 15.5 markup (`ul#product-grid.product-grid`) lacks, so replicate live's css-grid here.
   Neutralize Dawn's `.grid__item{max-width:calc(25%-6px)}` (resolves to 25% of the cell under
   css-grid → 56px cards). Result matches live: 4-col / 35px gap / 249px cards. */
ul#product-grid.product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 35px;
  margin-top: 20px;
}
ul#product-grid.product-grid > .grid__item { max-width: none; width: auto; }
@media (max-width: 1024px) {
  ul#product-grid.product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  ul#product-grid.product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 0; }
}

/* ── Cart drawer brand features (hybrid): free-shipping progress bar + "Complete Your Routine" upsell.
   Both are pure-Liquid and ride on stock cart.js's section re-render. Brand palette: sage #5a6764, square. ── */
.ff-shipping-bar { padding: 14px 16px 4px; }
.ff-shipping-bar--page { max-width: 560px; margin: 0 auto 28px; padding-inline: 0; }
.ff-shipping-bar__text { margin: 0 0 8px; font-size: 14px; line-height: 1.35; text-align: center; }
.ff-shipping-bar__text strong { font-weight: 600; }
.ff-shipping-bar__track { height: 8px; background: #e4e0d6; overflow: hidden; border-radius: 0; }
.ff-shipping-bar__fill { display: block; height: 100%; background: #5a6764; transition: width .35s ease; }

.upsell-cart-footer { border-top: 1px solid rgba(0, 0, 0, .08); padding: 16px 0 6px; margin-top: 8px; }
.upsell-cart-footer__title { margin: 0 0 12px; font-size: 15px; font-weight: 600; letter-spacing: .02em; }
.upsell-cart-items { display: flex; flex-direction: column; gap: 12px; }
.upsell-item { display: flex; align-items: center; gap: 12px; }
.upsell-item__media { flex: 0 0 56px; width: 56px; height: 56px; }
.upsell-item__media img { width: 56px; height: 56px; object-fit: contain; border-radius: 0; }
.upsell-item__info { flex: 1 1 auto; min-width: 0; }
.upsell-item__title { display: block; font-size: 14px; line-height: 1.25; text-decoration: none; color: inherit; }
.upsell-item__price { display: block; font-size: 13px; opacity: .8; margin-top: 2px; }
.upsell-item__form { flex: 0 0 auto; }
.upsell-item__form .upsell-form { margin: 0; }
.upsell-item__add { position: relative; border: 1px solid #5a6764; background: transparent; color: #5a6764; font-size: 13px; font-weight: 600; padding: 8px 14px; border-radius: 0; cursor: pointer; white-space: nowrap; transition: background .2s, color .2s; }
.upsell-item__add .loading__spinner { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.upsell-item__add .loading__spinner.hidden { display: none; }
.upsell-item__add .spinner { width: 16px; height: 16px; }
.upsell-item__add:hover:not([disabled]) { background: #5a6764; color: #fff; }
.upsell-item__add[disabled] { opacity: .5; cursor: not-allowed; }

/* Blog card date (the "subtitle" meta line): live = #4d4d4d Montserrat, but on the draft the date
   span's Tailwind text-[#4d4d4d]/font-['Montserrat'] don't resolve (falls back to #121212/Libre).
   Pin to live's computed values. */
.article-card .circle-divider,
.article-card .circle-divider time {
  color: #4d4d4d;
  font-family: 'Montserrat', sans-serif;
}