/** Shopify CDN: Minification failed

Line 190:39 Expected identifier but found "1"
Line 191:0 Expected "}" to go with "{"

**/
/* ===== RUBIK FONT \002014 Google Fonts ===== */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500&display=swap');

/* \00041F\000440\000438\00043C\000435\00043D\00044F\000435\00043C Rubik \00043A\00043E \000432\000441\000435\00043C\000443 \000441\000430\000439\000442\000443 */
body,
h1, h2, h3, h4, h5, h6,
p, a, span, li, td, th,
input, textarea, select, button,
.btn, .button,
nav, header, footer,
[class*="title"], [class*="heading"],
[class*="text"], [class*="label"],
[class*="price"], [class*="product"],
[class*="menu"], [class*="nav"] {
  font-family: 'Rubik', 'Assistant', 'Heebo', sans-serif !important;
}

/* \000414\00043B\00044F \000438\000432\000440\000438\000442\000430 \002014 \00043D\000430\00043F\000440\000430\000432\00043B\000435\00043D\000438\000435 */
body {
  font-family: 'Rubik', 'Assistant', 'Heebo', sans-serif !important;
}

/* ===== STOP ANNOUNCEMENT BAR ANIMATION ===== */
.ticker-wrap, .ticker, .announcement-bar__message,
[class*="ticker"], [class*="marquee"], [class*="announcement"],
[class*="promo-bar"], [class*="notification-bar"] {
  animation: none !important;
  transform: none !important;
}
.ticker-wrap .ticker__item,
.announcement-bar .announcement-bar__message {
  animation-play-state: paused !important;
}

/* ===== ACCESSIBILITY BUTTON \002014 clean white icon (replaces color emoji) ===== */
#smtk-a11y-btn { font-size: 0 !important; }
#smtk-a11y-btn::before {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='4' r='1.6' fill='%23ffffff' stroke='none'/%3E%3Cpath d='M5 8h14'/%3E%3Cpath d='M12 8v6'/%3E%3Cpath d='M12 14l-3.5 6'/%3E%3Cpath d='M12 14l3.5 6'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* Align accessibility button to same level as back-to-top (bottom:50px) */
#smtk-a11y-btn { bottom: 50px !important; }

/* ===== "INSTANT EFFECT" BADGE on product cards \002014 ONLY in the shop/collection grids ===== */
/* Scoped to .grid-products:not(.swiper) so it appears on collection & featured-product cards */
/* but NOT in recommendation carousels, the cart drawer, review widgets, or testimonial sections */
/* (where it was small and getting clipped). */
.grid-products:not(.swiper) a[href*="/products/puffy-eye-treatment-green-tea-extract"]:has(img),
.grid-products:not(.swiper) a[href*="/products/60-second-mineral-mask-basil-leaf-extract"]:has(img){position:relative}
.grid-products:not(.swiper) a[href*="/products/puffy-eye-treatment-green-tea-extract"]:has(img)::before,
.grid-products:not(.swiper) a[href*="/products/60-second-mineral-mask-basil-leaf-extract"]:has(img)::before{
  content:"\01F525\000020\0005D0\0005E4\0005E7\0005D8\000020\0005DE\0005D9\0005D9\0005D3\0005D9";
  position:absolute;top:10px;right:10px;z-index:5;
  background:#746661;color:#fff;font-size:11px;font-weight:700;line-height:1;
  padding:6px 10px;border-radius:20px;direction:rtl;pointer-events:none;
  white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.22);
}

/* ===== PRODUCT CARD ACTION BUTTONS \002014 hidden; the theme's own card buttons are used instead ===== */
.smtk-actions{display:none !important}
.smtk-actions.__unused{display:flex;gap:8px;margin-top:12px;align-items:stretch}
.smtk-actions .smtk-form{flex:1;display:flex}
.smtk-view,.smtk-atc{flex:1;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:13px;font-weight:600;line-height:1.2;padding:10px 8px;border-radius:30px;font-family:inherit;text-decoration:none;cursor:pointer;transition:all .18s;width:100%;border:1px solid #746661;box-sizing:border-box}
.smtk-view{background:#fff;color:#746661}
.smtk-view:hover{background:#f3efec}
.smtk-atc{background:#746661;color:#fff;border-color:#746661}
.smtk-atc:hover{opacity:.9}
.smtk-atc--oos{background:#efeae7;color:#b3a79f;border-color:#e7ded9;cursor:not-allowed;pointer-events:none}
@media(max-width:600px){.smtk-view,.smtk-atc{font-size:12px;padding:9px 6px}}

/* ===== NEWSLETTER POPUP \002014 mobile only ===== */
@media (max-width:600px){
  .tingle-modal{display:flex !important;align-items:center !important;justify-content:center !important;padding:16px !important;}
  .tingle-modal-box{width:92% !important;max-width:380px !important;margin:0 auto !important;border-radius:18px !important;height:auto !important;max-height:90vh !important;overflow:auto !important;}
  .tingle-modal__close{position:fixed !important;top:14px;right:14px;left:auto;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.6) !important;display:flex !important;align-items:center;justify-content:center;z-index:1001;font-size:0 !important;padding:0 !important;}
  .tingle-modal__close::after{content:"\2715";font-size:22px;line-height:1;color:#fff;}
  .tingle-modal__closeIcon,.tingle-modal__closeLabel{display:none !important;}
  /* Mobile: replace the tall vertical popup photo with a horizontal image so the popup fits. */
  /* (Desktop keeps the theme's configured vertical image untouched.) The real <img> is hidden */
  /* and the horizontal photo is shown as a background in a landscape aspect box (1672x941). */
  .news-modal__img{position:relative !important;display:block !important;width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important;padding-top:56.28% !important;overflow:hidden !important;background:url("/cdn/shop/files/ChatGPT_Image_Jul_29_2026_02_45_29_PM.png?v=1785325571") center center / cover no-repeat !important;}
  .news-modal__img img{display:none !important;}
  .news-modal__txt .reg-text p:first-child{display:none !important;}
  .news-modal__txt .social-icons{display:none !important;}
  /* Hide wishlist (heart) icon on product cards \002014 mobile only */
  .addwishlist{display:none !important;}
}

/* ===== PDP ACCORDIONS (tabs beside photo, in product column) ===== */
.smtk-pdp-acc{margin-top:6px;border-top:1px solid #eaddd6;direction:rtl}
.smtk-pdp-acc .smtk-acc{border-bottom:1px solid #eaddd6}
.smtk-pdp-acc .smtk-acc>summary{list-style:none;cursor:pointer;padding:14px 2px;font-weight:600;font-size:15px;color:#5c4740;display:flex;align-items:center;justify-content:space-between;font-family:inherit}
.smtk-pdp-acc .smtk-acc>summary::-webkit-details-marker{display:none}
.smtk-pdp-acc .smtk-acc>summary::after{content:"+";font-size:22px;color:#746661;font-weight:400;line-height:1;margin-inline-start:12px}
.smtk-pdp-acc .smtk-acc[open]>summary::after{content:"\2013"}
.smtk-pdp-acc .smtk-acc>div{padding:0 2px 16px;font-size:14px;line-height:1.7;color:#4a3d37}
.smtk-pdp-acc .smtk-acc ul{padding-inline-start:18px;margin:6px 0}
.smtk-pdp-acc .smtk-acc li{margin:3px 0}
.smtk-pdp-acc .smtk-acc h4{margin:10px 0 4px;font-weight:700;color:#5c4740}

/* ===== BEFORE/AFTER slider \002014 align the two halves (before layer was scaled to the clip width) ===== */
/* The "before" image was sized to its 50% clip box, so it rendered at a different scale than */
/* the full-width "after" image and the halves didn't meet at the divider. Force the before */
/* image to the full component width via a container query so both layers share identical geometry. */
before-after.image-comparison{container-type:inline-size}
before-after.image-comparison .comparison-image__wrapper.before .ba-img{width:100cqw !important;max-width:none !important}
/* Center the crop so a centered subject (e.g. the nose) stays in the middle, not left-aligned. */
before-after.image-comparison .ba-img{object-position:50% 50% !important}

/* ===== COLLECTION CARD TITLES \002014 slightly bigger + bolder, capped at 2 lines ===== */
.grid-title.product-title a{
  font-size:15px !important;
  font-weight:500 !important;
  line-height:1.35 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* (The flame badge is now scoped to .grid-products:not(.swiper) above, so it no longer appears
   in recommendations, the cart drawer, review widgets, or testimonials \002014 no separate hide needed.) */

/* ===== PDP: hide the "\0005DB\0005D5\0005DC\0005DC \0005DE\0005E1" (incl. tax) line under the price ===== */
.priceSingle .product__policies{display:none !important}

/* ===== CATEGORY list \002014 swiper on desktop, native 2x2 static grid on mobile ===== */
/* The section now outputs two versions (see collection-list-gradient-overlay.liquid): a swiper for */
/* desktop and a plain responsive grid for mobile. Show the right one per breakpoint. */
@media(max-width:767px){ .smtk-cats-desktop{display:none !important} }
@media(min-width:768px){ .smtk-cats-mobile{display:none !important} }

/* ===== JUDGE.ME write-review form \002014 fix the blank/white form step on RTL pages ===== */
/* The form is a horizontal multi-page slider built for LTR. On a Hebrew (RTL) page the active */
/* page is pushed off-screen to the left, leaving the modal blank white. Forcing the slider to */
/* LTR puts the page back in view; the Hebrew text inside keeps its own right alignment. */
/* Only the page-slider mechanism is forced LTR; the page CONTENT is kept RTL so Hebrew text, */
/* the textarea/placeholder, punctuation and the nav buttons all read right-to-left. */
/* Rating stays correct: 1 star (\0005D2\0005E8\0005D5\0005E2) on the left, 5 (\0005DE\0005E2\0005D5\0005DC\0005D4) on the right. */
.jdgm-write-review-modal__container,
.jdgm-write-review-modal__section{direction:ltr !important}
.jdgm-write-review-modal__page{direction:rtl !important}
.jdgm-write-review-modal__navigation{direction:rtl !important}
/* Thank-you screen: keep only the thank-you heading + first line + the close button; */
/* hide the email-confirm text and the "rate your experience" survey below it. */
.jdgm-write-review-modal__page--thank-you .jdgm-write-review-modal__form > *:nth-child(n+3){display:none !important}

/* ===== JUDGE.ME stars \002014 restore the icon font (our global Rubik override turned the star glyphs into empty squares) ===== */
.jdgm-star,
.jdgm-star::before,
.jdgm-star::after{font-family:'JudgemeStar' !important}

/* ===== JUDGE.ME rating labels \002014 Judge.me numbers the stars right-to-left on this RTL store */
/* (rightmost = 1, leftmost = 5) but its end labels stayed LTR, so they were swapped. */
/* Put \0005DE\0005E2\0005D5\0005DC\0005D4 on the left (5 stars) and \0005D2\0005E8\0005D5\0005E2 on the right (1 star). */
.jdgm-write-review-modal__stars::before{content:"\0005DE\0005E2\0005D5\0005DC\0005D4" !important}
.jdgm-write-review-modal__stars::after{content:"\0005D2\0005E8\0005D5\0005E2" !important}

/* ===== JUDGE.ME write-review \002014 drop the large product image so the stars aren't pushed down ===== */
/* behind the cookie banner on mobile; the product name stays. */
.jdgm-write-review-modal__product-image{display:none !important}

/* ===== JUDGE.ME sort/filter buttons \002014 keep the icon centered inside the button ===== */
.jm-sort-filter,
.jm-button--secondary{display:inline-flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important}
.jm-sort-filter svg,
.jm-button--secondary svg{width:16px !important;height:16px !important;flex:0 0 auto !important}

/* ===== COLLECTION CARD PRICES \002014 bigger and in the brand tone ===== */
.grid-price{margin-top:9px !important}
.grid-price .product-price,
.grid-price .price{font-size:17px !important;font-weight:600 !important;color:#5c4740 !important}

/* ===== OUT-OF-STOCK on grid / collection cards ===== */
/* On collection & grid cards: remove the round "\0005D0\0005D6\0005DC \0005D4\0005DE\0005DC\0005D0\0005D9" stamp that covers the photo, */
/* and drop the cart button for sold-out items (keep the "view product" button so the card */
/* is still clickable). The product PAGE is untouched and keeps its normal sold-out state. */
.grid-image__wrapper .lbl.sold-out{display:none !important}
.smtk-atc--oos{display:none !important}
/* With the cart button gone, let the remaining "view product" button fill the row. */
.grid-content.sold-out .smtk-view{flex:1 1 100% !important{width:100% !important}