/** Shopify CDN: Minification failed

Line 951:0 Unexpected "<"
Line 984:0 Unexpected "<"

**/
/* ==========================================================================
   KinEdition – global extras (assets/kn-global.css)
   Loaded on every page from snippets/header-logo.liquid.
   Colors and fonts come from the theme's color schemes + typography.
   ========================================================================== */

/* ---------- Header navigation: teal underline instead of a filled pill ---------- */

.header__menu summary,
.header__menu details[open] > summary {
  background: transparent !important;
}
.header__menu .menu__item {
  border-radius: 0;
  background: transparent !important;
  color: rgb(var(--color-foreground)) !important;
  box-shadow: inset 0 -0.2rem 0 transparent;
  transition: box-shadow 0.2s;
}
.header__menu .menu__item::before,
.header__menu .menu__item::after {
  display: none !important;
}
.header__menu li:hover .menu__item,
.header__menu details[open] > summary .menu__item {
  box-shadow: inset 0 -0.2rem 0 rgb(var(--color-progress-bar));
}

/* ---------- "Shop" mega menu: 3 product cards + "Shop by need" list ---------- */

.mega-menu--banner .mega-menu__wrapper {
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 2.4rem;
  max-width: 100rem;
  padding-block: 2rem;
}
.mega-menu--banner .mega-menu__list {
  flex: 0 0 26rem;
  display: block;
  padding: 0.6rem 0 0.6rem 2rem;
  border-left: 0.1rem solid rgb(var(--color-border) / var(--color-border-alpha));
}
.mega-menu--banner .mega-menu__column {
  gap: 0;
}
.mega-menu--banner .mega-menu__link--top {
  margin: 0.4rem 0 1rem;
  font-family: var(--font-body--family);
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgb(var(--color-foreground) / 0.72);
}
.mega-menu--banner .mega-menu__item-child a {
  padding: 0.7rem 0;
  font-size: 1.4rem;
  color: rgb(var(--color-foreground));
}
.mega-menu--banner .mega-menu__item-child a:hover {
  color: rgb(var(--color-progress-bar));
}
.mega-menu--banner .mega-menu__promotions {
  flex: 1 1 auto;
  width: auto;
  max-width: none;
}
.mega-menu--banner .image-card {
  padding: 1rem;
  border-radius: 0.8rem;
  background: transparent;
  transition: background-color 0.2s;
}
.mega-menu--banner .image-card:hover {
  background: rgb(var(--color-progress-bar) / 0.1);
}
.mega-menu--banner .image-card__media {
  border-radius: 0.7rem;
  background: rgb(var(--color-background));
}
.mega-menu--banner .image-card__media img {
  object-fit: contain;
  mix-blend-mode: multiply;
}
.mega-menu--banner .image-card__content {
  flex-direction: column;
  align-items: flex-start;
  padding: 1rem 0 0;
}
.mega-menu--banner .image-card__texts {
  display: flex;
  flex-direction: column;
}
.mega-menu--banner .image-card__heading {
  order: 1;
}
.mega-menu--banner .image-card__subheading {
  order: 2;
}
.mega-menu--banner .image-card__heading * {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.25;
}
.mega-menu--banner .image-card__subheading * {
  margin-top: 0.2rem;
  font-family: var(--font-body--family);
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: rgb(var(--color-foreground) / 0.6);
}
.mega-menu--banner .image-card__subheading p::before {
  display: none;
}
.mega-menu--banner .image-card__button {
  display: none;
}

/* ---------- Homepage marquee bars: small pill "chips" like the design ---------- */

:is([id$="__kn_marquee1"], [id$="__kn_marquee2"]) .btn {
  --button-height: auto;
  min-height: 0;
  height: auto;
  padding: 0.6rem 1.6rem;
  border: 0;
  border-radius: 4rem;
  font-family: var(--font-body--family);
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.4;
  color: rgb(var(--color-foreground)) !important;
  background: rgb(var(--color-background-secondary)) !important;
  box-shadow: none;
}
:is([id$="__kn_marquee1"], [id$="__kn_marquee2"]) .btn::before,
:is([id$="__kn_marquee1"], [id$="__kn_marquee2"]) .btn::after {
  display: none !important;
}

/* ---------- Product page: add to cart keeps its apricot fill on hover ---------- */
/* The theme's primary button hover swaps to a dark fill; the design keeps
   apricot and adds a soft glow instead. */
:is(.product-information--main, sticky-add-to-cart, [class*="sticky-add-to-cart"]) .add-to-cart-button.btn,
:is(.product-information--main, sticky-add-to-cart, [class*="sticky-add-to-cart"]) .add-to-cart-button.btn:hover,
:is(.product-information--main, sticky-add-to-cart, [class*="sticky-add-to-cart"]) .add-to-cart-button.btn:focus-visible {
  border-color: rgb(var(--color-primary-button-background)) !important;
  color: rgb(var(--color-primary-button-text)) !important;
  background: rgb(var(--color-primary-button-background)) !important;
  transition: filter 0.2s, box-shadow 0.2s;
}
:is(.product-information--main, sticky-add-to-cart, [class*="sticky-add-to-cart"]) .add-to-cart-button.btn::before,
:is(.product-information--main, sticky-add-to-cart, [class*="sticky-add-to-cart"]) .add-to-cart-button.btn::after {
  display: none !important;
}
:is(.product-information--main, sticky-add-to-cart, [class*="sticky-add-to-cart"]) .add-to-cart-button.btn :is(.btn__text, .add-to-cart-text__content) {
  color: inherit !important;
}
:is(.product-information--main, sticky-add-to-cart, [class*="sticky-add-to-cart"]) .add-to-cart-button.btn:hover:not(:disabled) {
  filter: brightness(0.96);
  box-shadow: 0 0.8rem 2rem rgb(var(--color-primary-button-background) / 0.35);
}

/* ---------- Product page: hide a pdp_* section when this product has no content for it ---------- */
/* Sections keyed pdp_* read the product's metafields; when they are empty the theme
   renders no text/images, so the empty colored band is hidden instead. */
.shopify-section[id*="__pdp_"]:not(:has(.text-block, img, video, svg, .kn-pdp, kn-pdp-nav, table)) {
  display: none;
}

/* ---------- Product page sections (pdp_*): eyebrow dash + jar on mint ---------- */
.shopify-section[id*="__pdp_"] .text-subheading p::before {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 0.2rem;
  margin: -0.2rem 1rem 0 0;
  border-radius: 0.2rem;
  vertical-align: middle;
  background: rgb(var(--color-progress-bar));
}
.shopify-section[id*="__pdp_inside"] img {
  object-fit: contain;
  mix-blend-mode: multiply;
}

/* ---------- Product page: "Stand in" chip on image cards (Who it's for) ---------- */
.shopify-section[id*="__pdp_"] .image-card__label {
  top: 1rem;
  left: 1rem;
  z-index: 1;
  padding: 0.5rem 1.1rem;
  border: 0;
  border-radius: 4rem;
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: none;
  color: rgb(var(--color-foreground));
  background: rgb(var(--color-background-secondary));
}
.shopify-section[id*="__pdp_who"] .image-card__texts p {
  margin: 0;
}

/* ---------- Product page: community clips (theme video cards, HTML look) ---------- */
/* Card: tall, rounded, cover photo fills it (with or without an uploaded clip) */
.shopify-section[id*="__pdp_clips"] video-card {
  position: relative;
  overflow: hidden;
  border-radius: 1.6rem;
}
.shopify-section[id*="__pdp_clips"] :is(.video-placeholder-wrapper, .deferred-media__poster-button, deferred-media) {
  aspect-ratio: 9 / 14;
  height: auto;
}
.shopify-section[id*="__pdp_clips"] :is(.video-placeholder-wrapper, .deferred-media__poster-button) img,
.shopify-section[id*="__pdp_clips"] deferred-media :is(video, iframe) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* "Stand in" chip while no clip is uploaded yet */
.shopify-section[id*="__pdp_clips"] .video-placeholder-wrapper {
  position: relative;
}
.shopify-section[id*="__pdp_clips"] .video-placeholder-wrapper::before {
  content: "Stand in";
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 3;
  padding: 0.4rem 1rem;
  border-radius: 4rem;
  font-size: 1.1rem;
  font-weight: 500;
  color: rgb(36 35 38);
  background: rgb(255 255 255);
}
/* Apricot round play button, centred. Centred with margin:auto (not transform) so the
   theme's hover effects can't push it away or hide it; it stays put on hover. */
.shopify-section[id*="__pdp_clips"] :is(.video-placeholder-wrapper__poster-icon, .deferred-media__poster-button:not(.video-interaction-hint) > .deferred-media__poster-icon),
.shopify-section[id*="__pdp_clips"] video-card:hover :is(.video-placeholder-wrapper__poster-icon, .deferred-media__poster-button:not(.video-interaction-hint) > .deferred-media__poster-icon) {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  margin: auto;
  border-radius: 50%;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  color: rgb(var(--color-primary-button-text));
  background: rgb(var(--color-primary-button-background));
  box-shadow: none;
  transition: background-color 0.2s, box-shadow 0.2s;
}
.shopify-section[id*="__pdp_clips"] video-card:hover :is(.video-placeholder-wrapper__poster-icon, .deferred-media__poster-button:not(.video-interaction-hint) > .deferred-media__poster-icon) {
  box-shadow: 0 0.6rem 1.6rem rgb(0 0 0 / 0.25);
}
.shopify-section[id*="__pdp_clips"] :is(.video-placeholder-wrapper__poster-icon, .deferred-media__poster-icon) svg {
  width: 1.4rem;
  height: 1.4rem;
}
/* The theme also zooms the photo on hover; keep the cover still like the design */
.shopify-section[id*="__pdp_clips"] :is(.video-placeholder-wrapper, .deferred-media__poster-button):hover img {
  transform: none !important;
}
/* Caption: small white text on a soft dark fade, no grey box */
.shopify-section[id*="__pdp_clips"] .video-card__content-wrapper {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 60%, rgb(0 0 0 / 0.5));
}
.shopify-section[id*="__pdp_clips"] .video-card__content {
  padding: 1.2rem 1.2rem 1.4rem;
  background: transparent !important;
}
.shopify-section[id*="__pdp_clips"] .author-info__name {
  margin: 0;
  font-family: var(--font-body--family);
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.3;
  color: rgb(255 255 255);
}
/* Once a clip is playing, hide the caption so it doesn't cover the video */
.shopify-section[id*="__pdp_clips"] video-card:has(deferred-media :is(video, iframe):not(template *)) .video-card__content-wrapper {
  opacity: 0;
}

/* ---------- Product page: reviews card (until the review app is added) ---------- */
/* Grey outline stars */
.shopify-section[id*="__pdp_reviews"] .text-block:first-child p {
  margin: 0;
  letter-spacing: 0.4rem;
  color: rgb(var(--color-foreground) / 0.22);
}
/* "Verified KinEdition customers only…" with a small shield in a white circle */
.shopify-section[id*="__pdp_reviews"] .text-block:nth-child(3) p {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 0;
}
.shopify-section[id*="__pdp_reviews"] .text-block:nth-child(3) p::before {
  content: "";
  flex: none;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background:
    no-repeat center / 1.4rem 1.4rem
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23242326' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 7.8-7 9-4-1.2-7-4.5-7-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E"),
    rgb(var(--color-background-secondary));
}
/* FAQ: underline the email like the design */
.shopify-section[id*="__pdp_faq"] .text-block a {
  color: rgb(var(--color-foreground));
  text-decoration: none;
  border-bottom: 0.1rem solid rgb(var(--color-foreground));
}

/* ---------- Product page: final call to action (pdp_cta), same look as the homepage CTA ---------- */
[id$="__pdp_cta"] {
  padding-block: 0.8rem 7.2rem;
}
[id$="__pdp_cta"] .color-scheme-inverse:not(.color-scheme-inverse .color-scheme-inverse) {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
/* Two soft circles: teal top-right, apricot bottom */
[id$="__pdp_cta"] .color-scheme-inverse:not(.color-scheme-inverse .color-scheme-inverse)::before,
[id$="__pdp_cta"] .color-scheme-inverse:not(.color-scheme-inverse .color-scheme-inverse)::after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  pointer-events: none;
}
[id$="__pdp_cta"] .color-scheme-inverse:not(.color-scheme-inverse .color-scheme-inverse)::before {
  width: 36rem;
  height: 36rem;
  right: -9rem;
  top: -15rem;
  background: rgb(var(--color-progress-bar) / 0.16);
}
[id$="__pdp_cta"] .color-scheme-inverse:not(.color-scheme-inverse .color-scheme-inverse)::after {
  width: 20rem;
  height: 20rem;
  right: 22%;
  bottom: -12rem;
  background: rgb(var(--color-primary-button-background) / 0.22);
}
[id$="__pdp_cta"] h2 {
  line-height: 1.08;
}
[id$="__pdp_cta"] p:not(.text-subheading p) {
  max-width: 52rem;
  font-size: 1.65rem;
  line-height: 1.65;
}
/* Trust box: faint light fill, hairline border, teal check circles */
[id$="__pdp_cta"] .icon-list {
  font-size: 1.45rem;
}
[id$="__pdp_cta"] :has(> .icon-list) {
  background: rgb(var(--color-foreground) / 0.05);
}
[id$="__pdp_cta"] .list-item__icon .icon {
  padding: 0.4rem;
  border-radius: 50%;
  color: rgb(var(--color-background));
  background: rgb(var(--color-progress-bar));
  box-shadow: none;
}
@media (max-width: 767.98px) {
  [id$="__pdp_cta"] {
    padding-block: 0.8rem 5.6rem;
  }
  [id$="__pdp_cta"] .color-scheme-inverse:not(.color-scheme-inverse .color-scheme-inverse)::before {
    width: 24rem;
    height: 24rem;
    right: -10rem;
    top: -10rem;
  }
}

:is([id$="__kn_promo"], [id$="__kn_help"]) .image-card .btn__icon-icon .icon {
  color: #F8F6F1 !important;
}
:is([id$="__kn_promo"], [id$="__kn_help"]) .image-card .btn__icon-icon svg path + path {
  stroke: currentColor !important;
}
/* Mega menu: "HOT" label on the product cards, apricot like the buttons */
.mega-menu--banner .image-card__label {
  top: 1rem;
  left: 1rem;
  padding: 0.4rem 1rem;
  border: 0;
  border-radius: 4rem;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.3;
  color: #242326 !important;
  background: #F2A65A !important;
}
@media (min-width: 990px) {
  /* The box that holds the 3 cards: 3 columns, as wide as the cards need */
  .mega-menu--banner :is(:has(> .image-card), :has(> * > .image-card)):not(:has(.mega-menu__list)) {
    display: grid !important;
    grid-template-columns: repeat(3, 18rem) !important;
    gap: 1.6rem !important;
    width: max-content !important;
    max-width: none !important;
    flex: 0 0 auto !important;
  }
  .mega-menu--banner .mega-menu__wrapper {
    max-width: none !important;
    justify-content: center;
  }
}

/* KN – Product duo: only the button colors, same as the brand buttons */
.kn-duo-section .kn-mini__act .kn-btn {
  color: #242326 !important;
  background: #f2a65a !important;
  border-color: #f2a65a !important;
}

/* KN – PDP buy buttons: no overflow on tablet / mobile */
[id$="__main"] .buy-buttons-block {
  display: block;
  max-width: 100%;
  min-width: 0;
}
[id$="__main"] .buy-buttons-block .product-form-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 12px;
  max-width: 100%;
}
[id$="__main"] .buy-buttons-block .product-form-buttons > * {
  min-width: 0;
  max-width: 100%;
}
/* Quantity: apni width */
[id$="__main"] .buy-buttons-block .product-form-buttons > quantity-selector-component,
[id$="__main"] .buy-buttons-block .product-form-buttons > :has(quantity-selector-component) {
  flex: 0 0 auto;
}
/* Add to cart: baqi jagah; 190px se kam ho to neeche full width */
[id$="__main"] .buy-buttons-block .product-form-buttons > add-to-cart-component,
[id$="__main"] .buy-buttons-block .product-form-buttons > :has(.add-to-cart-button) {
  flex: 1 1 190px;
}
[id$="__main"] .buy-buttons-block .add-to-cart-button {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
/* Shop Pay / accelerated checkout: hamesha full width */
[id$="__main"] .buy-buttons-block .product-form-buttons > :has(.shopify-payment-button) {
  flex: 1 1 100%;
}

/* KN – Footer newsletter arrow button: apricot */
.shopify-section-group-footer-group .newsletter-form__wrapper button[type="submit"],
.shopify-section-group-footer-group .newsletter-form__wrapper button[type="submit"]:hover {
  background-color: #F2A65A;
  border-color: #F2A65A;
  color: #242326;
}

/* KN – Spinning badge: show full logo, no crop */
.spinning-icon-badge-block .spinning-icon-badge__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  padding: 2px;
  box-sizing: border-box;
}
.spinning-icon-badge__icon {
    --icon-size: 70%;
}

/* KN – Story: eyebrow in body font (Inter), same as other sections */
.kn-story-section .kn-kicker {
  font-family: var(--font-body--family), "Inter", sans-serif;
   color: rgb(36 35 38);
}

/* KN – PDP accordion: same line thickness everywhere */
[id$="__main"] .block-accordion.accordion--standard > .accordion__row,
[id$="__main"] .block-accordion.accordion--standard > .accordion__row .accordion__details,
[id$="__main"] .block-accordion.accordion--standard > .accordion__row .accordion__summary {
  border-top: 0 !important;
  border-bottom: 0 !important;
}
[id$="__main"] .block-accordion.accordion--standard > .accordion__row {
  border-bottom: 1px solid rgb(var(--color-border) / 0.3) !important;
}
[id$="__main"] .block-accordion.accordion--standard > .accordion__row:first-child {
  border-top: 1px solid rgb(var(--color-border) / 0.3) !important;
}
/* KN – PDP accordion: equal space above and below every title */
[id$="__main"] .block-accordion.accordion--standard > .accordion__row .accordion__summary {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* ==========================================================
   KN – Shopify Subscriptions app widget
   Styled like the KinEdition "How to buy" cards.
   Works with plans as a dropdown or as radio buttons.
   ========================================================== */
.shopify_subscriptions_app_container {
  --kns-ink: #242326;
  --kns-muted: rgba(36, 35, 38, .68);
  --kns-line: rgba(36, 35, 38, .14);
  --kns-teal: #55C4BF;
  --kns-mint: #E9F6F3;
  margin: 4px 0 8px;
  font-family: var(--font-body--family, 'Inter', sans-serif);
  color: var(--kns-ink);
}

/* Outer box → no box, options become separate cards */
.shopify_subscriptions_app_container .plan_card {
  display: flex !important;
  flex-direction: column;
  gap: 12px;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: var(--kns-ink) !important;
}

/* Each option = one card */
.shopify_subscriptions_app_container .subscription_group {
  margin: 0 !important;
  padding: 16px 18px !important;
  border: 1px solid var(--kns-line) !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
.shopify_subscriptions_app_container .subscription_group:hover {
  border-color: rgba(36, 35, 38, .3) !important;
}
/* "Subscribe and save" card first */
.shopify_subscriptions_app_container .subscription_group:has(.group_name) {
  order: -1;
}
/* Selected card: mint + teal border */
.shopify_subscriptions_app_container .subscription_group:has(input[type="radio"]:checked) {
  border-color: var(--kns-teal) !important;
  background: var(--kns-mint) !important;
  box-shadow: 0 0 0 1px var(--kns-teal);
}

/* Card top row: name left, price right */
.shopify_subscriptions_app_container .title_and_price_wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0;
  cursor: pointer;
}
.shopify_subscriptions_app_container .custom_radio_button,
.shopify_subscriptions_app_container .group_name_with_radio_button {
  display: flex !important;
  align-items: center !important;
  gap: 12px;
  margin: 0 !important;
  cursor: pointer;
}
.shopify_subscriptions_app_container .title_and_price_wrapper span,
.shopify_subscriptions_app_container .group_name {
  margin: 0 !important;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35 !important;
  color: var(--kns-ink);
}

/* Show the price inside each card */
.shopify_subscriptions_app_container .in_widget_price,
.shopify_subscriptions_app_container .in_widget_price.shopify_subscriptions_app_block--hidden,
.shopify_subscriptions_app_container .in_widget_price.shopify_subscriptions_app_block--invisible {
  display: block !important;
  visibility: visible !important;
  align-self: center !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2 !important;
  color: var(--kns-ink);
  white-space: nowrap;
}

/* Dropdown version */
.shopify_subscriptions_app_container .group_dropdown {
  display: block;
  width: 100%;
  height: 46px;
  margin-top: 14px;
  padding: 0 40px 0 14px !important;
  border: 1px solid var(--kns-line) !important;
  border-radius: 10px !important;
  background-color: #FFFFFF !important;
  background-position: calc(100% - 16px) center !important;
  font-family: inherit;
  font-size: 14px !important;
  color: var(--kns-ink);
  cursor: pointer;
}
.shopify_subscriptions_app_container .group_dropdown:hover {
  border-color: rgba(36, 35, 38, .35) !important;
}
.shopify_subscriptions_app_container .group_dropdown:focus-visible {
  outline: 2px solid var(--kns-teal) !important;
  outline-offset: 2px !important;
}

/* Radio list version: each delivery choice is a small pill */
.shopify_subscriptions_app_container .group_list {
  display: flex !important;
  flex-direction: column;
  gap: 8px;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.shopify_subscriptions_app_container .group_list li {
  margin: 0 !important;
  padding: 0 !important;
}
.shopify_subscriptions_app_container .group_list li::before { content: none !important; }
.shopify_subscriptions_app_container .group_list .group_list_item {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  margin: 0 !important;
  padding: 10px 12px;
  border: 1px solid var(--kns-line);
  border-radius: 10px;
  background: #FFFFFF;
  cursor: pointer;
}
.shopify_subscriptions_app_container .group_list .group_list_item:has(input:checked) {
  border-color: var(--kns-teal);
}
.shopify_subscriptions_app_container .group_list .group_list_item span {
  font-size: 14px;
  font-weight: 400;
}
.shopify_subscriptions_app_container .group_list .group_list_item:has(input:checked) span {
  font-weight: 600;
}
.shopify_subscriptions_app_container .group_list .in_widget_price {
  font-size: 14px;
}

/* Radio buttons: dark ring + dark dot */
.shopify_subscriptions_app_container input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  flex: none;
  display: inline-grid;
  place-content: center;
  width: 20px;
  height: 20px;
  margin: 0 !important;
  border: 1.5px solid rgba(36, 35, 38, .45);
  border-radius: 50%;
  background: #FFFFFF;
  cursor: pointer;
}
.shopify_subscriptions_app_container input[type="radio"]::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--kns-ink);
  transform: scale(0);
  transition: transform .12s ease;
}
.shopify_subscriptions_app_container input[type="radio"]:checked {
  border-color: var(--kns-ink);
}
.shopify_subscriptions_app_container input[type="radio"]:checked::before {
  transform: scale(1);
}
.shopify_subscriptions_app_container .title_and_price_wrapper:has(input[type="radio"]:focus-visible) {
  outline: none !important;
}
.shopify_subscriptions_app_container input[type="radio"]:focus-visible {
  outline: 2px solid var(--kns-teal);
  outline-offset: 2px;
}

/* Policy line under the cards */
.shopify_subscriptions_app_container .shopify_subscriptions_app_policy {
  margin: 10px 0 0 !important;
  font-size: 13px;
  line-height: 1.5;
  color: var(--kns-muted) !important;
}

/* Mobile */
@media (max-width: 599px) {
  .shopify_subscriptions_app_container .subscription_group { padding: 14px !important; }
  .shopify_subscriptions_app_container .title_and_price_wrapper span,
  .shopify_subscriptions_app_container .group_name { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .shopify_subscriptions_app_container * { transition: none !important; }
}


/* KN – Judge.me carousel: heading on the left + 1440px width */
.jdgm-widget.jdgm-cards-carousel {
  --max-width: 1440px !important;
  max-width: 1440px !important;
}
.jdgm-cards-carousel .jdgm-header {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
}
.jdgm-cards-carousel .jdgm-title {
  text-align: left !important;
}
/* KN – Judge.me: rating on the left, cards fill the 1440px width */
.jdgm-cards-carousel .jdgm-header-info,
.jdgm-cards-carousel .jdgm-average-rating {
  justify-content: flex-start !important;
  align-self: flex-start !important;
  margin-left: 0 !important;
  text-align: left !important;
}
/* KN – Judge.me carousel: cards heading ke brabar, arrows sides par */
@media (min-width: 750px){
  .jdgm-widget.jdgm-cards-carousel{
    max-width: 1440px !important;
    margin-inline: auto;
  }
  .jdgm-cards-carousel .jdgm-content{
    position: relative !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .jdgm-cards-carousel .jdgm-cards-wrapper{
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: hidden;
  }
  .jdgm-cards-carousel .jdgm-videos-container{
    display: flex !important;
    width: 100% !important;
    gap: 16px;
  }
  .jdgm-cards-carousel .jdgm-card{
    flex: 0 0 calc((100% - 48px) / 4) !important;
    width: calc((100% - 48px) / 4) !important;
    max-width: none !important;
    margin: 0 !important;
  }
  .jdgm-cards-carousel .jdgm-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(36, 35, 38, .14);
    border-radius: 50%;
    background: #fff;
    color: #242326;
    box-shadow: 0 4px 14px rgba(36, 35, 38, .10);
    cursor: pointer;
  }
  .jdgm-cards-carousel .jdgm-arrow svg{ width: 10px; height: 18px; }
  .jdgm-cards-carousel .jdgm-arrow[aria-label="Previous slide"]{ left: -22px; }
  .jdgm-cards-carousel .jdgm-arrow[aria-label="Next slide"]{ right: -22px; }
}

/* Tablet: 3 cards, arrows thora andar */
@media (min-width: 750px) and (max-width: 1099px){
  .jdgm-cards-carousel .jdgm-card{
    flex-basis: calc((100% - 32px) / 3) !important;
    width: calc((100% - 32px) / 3) !important;
  }
  .jdgm-cards-carousel .jdgm-arrow[aria-label="Previous slide"]{ left: -14px; }
  .jdgm-cards-carousel .jdgm-arrow[aria-label="Next slide"]{ right: -14px; }
}
.jdgm-widget.jdgm-cards-carousel{
  box-sizing: border-box;
  max-width: 1440px !important;
  margin-inline: auto;
  padding-inline: 50px !important;
}
@media (max-width: 1099px){
  .jdgm-widget.jdgm-cards-carousel{ padding-inline: 32px !important; }
}
@media (max-width: 749px){
  .jdgm-widget.jdgm-cards-carousel{ padding-inline: 20px !important; }
}


/* KN – Judge.me reviews carousel (FAQ ke brabar) */
.jdgm-widget.jdgm-cards-carousel{
  --max-width: 1440px !important;
  box-sizing: content-box !important;
  max-width: 1440px !important;
  margin-inline: auto !important;
  padding-inline: 50px !important;
}
@media (max-width: 1099px){
  .jdgm-widget.jdgm-cards-carousel{ padding-inline: 32px !important; }
}
@media (max-width: 749px){
  .jdgm-widget.jdgm-cards-carousel{ padding-inline: 20px !important; }
}

/* Heading – FAQ heading jaisa font, size, color */
.jdgm-cards-carousel .jdgm-header{
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
}
.jdgm-cards-carousel .jdgm-title{
  font-family: "DM Serif Display", serif !important;
  font-weight: 400 !important;
  font-size: clamp(30px, 3vw, 40px) !important;
  line-height: 1.15 !important;
  letter-spacing: normal !important;
  color: #242326 !important;
  text-align: left !important;
  margin: 0 0 10px !important;
}
.jdgm-cards-carousel .jdgm-header-info,
.jdgm-cards-carousel .jdgm-average-rating{
  justify-content: flex-start !important;
  align-self: flex-start !important;
  margin-left: 0 !important;
  text-align: left !important;
}
.jdgm-cards-carousel .jdgm-rating-text{
  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
  color: rgba(36, 35, 38, .84) !important;
}

/* Cards + arrows (desktop + tablet) */
@media (min-width: 750px){
  .jdgm-cards-carousel .jdgm-content{
    position: relative !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .jdgm-cards-carousel .jdgm-cards-wrapper{
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: hidden;
  }
  .jdgm-cards-carousel .jdgm-videos-container{
    display: flex !important;
    width: 100% !important;
    gap: 16px;
  }
  .jdgm-cards-carousel .jdgm-card{
    flex: 0 0 calc((100% - 48px) / 4) !important;
    width: calc((100% - 48px) / 4) !important;
    max-width: none !important;
    margin: 0 !important;
  }
  .jdgm-cards-carousel .jdgm-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(36, 35, 38, .14);
    border-radius: 50%;
    background: #fff;
    color: #242326;
    box-shadow: 0 4px 14px rgba(36, 35, 38, .10);
    cursor: pointer;
  }
  .jdgm-cards-carousel .jdgm-arrow svg{ width: 10px; height: 18px; }
  .jdgm-cards-carousel .jdgm-arrow[aria-label="Previous slide"]{ left: -22px; }
  .jdgm-cards-carousel .jdgm-arrow[aria-label="Next slide"]{ right: -22px; }
}

/* Tablet: 3 cards */
@media (min-width: 750px) and (max-width: 1099px){
  .jdgm-cards-carousel .jdgm-card{
    flex-basis: calc((100% - 32px) / 3) !important;
    width: calc((100% - 32px) / 3) !important;
  }
  .jdgm-cards-carousel .jdgm-arrow[aria-label="Previous slide"]{ left: -14px; }
  .jdgm-cards-carousel .jdgm-arrow[aria-label="Next slide"]{ right: -14px; }
}

.jdgm-cards-carousel .jdgm-header::before{
  content: "REVIEWS";
  display: block;
  padding-left: 28px;
  margin-bottom: 16px;
  font: 600 12px/14px Inter, sans-serif;
  letter-spacing: .14em;
  color: #242326;
  background: linear-gradient(#55C4BF, #55C4BF) 0 7px / 18px 2px no-repeat;
}

<style>
/* Key takeaways box: pehli bullet list */
#MainContent :has(> h2) > ul:first-of-type{
  background:#E9F6F3; border-left:4px solid #1F7A78; border-radius:12px;
  padding:20px 24px 20px 44px !important; margin:24px 0 36px !important;
}
/* Bullets + numbers text ke saath ek line mein */
#MainContent :has(> h2) :is(ul,ol){ padding-left:24px; list-style-position:outside !important; }
#MainContent :has(> h2) li{ margin:0 0 8px !important; }
#MainContent :has(> h2) li > p{ margin:0 !important; }

/* Table */
#MainContent :has(> h2) table{
  width:100% !important; border-collapse:separate !important; border-spacing:0;
  border:1px solid rgba(36,35,38,.14) !important; border-radius:12px; overflow:hidden; margin:24px 0 !important;
}
#MainContent :has(> h2) :is(td,th){
  border:0 !important; border-top:1px solid rgba(36,35,38,.12) !important;
  padding:12px 16px !important; background:#fff; vertical-align:top; text-align:left;
}
#MainContent :has(> h2) :is(td,th) + :is(td,th){ border-left:1px solid rgba(36,35,38,.12) !important; }
#MainContent :has(> h2) tr:first-child :is(td,th){
  background:#E9F6F3 !important; border-top:0 !important; font-weight:600; text-transform:none !important;
}
#MainContent :has(> h2) :is(td,th) p{ margin:0 !important; }

/* Images: poori width, rounded */
#MainContent :has(> h2) span:has(> img){ display:block !important; width:auto !important; height:auto !important; overflow:visible !important; }
#MainContent :has(> h2) img{ display:block; width:100% !important; height:auto !important; border-radius:16px; margin:24px 0; }

@media (max-width:749px){
  #MainContent :has(> h2) :is(td,th){ padding:10px 12px !important; font-size:13px; }
}
</style>