.elementor-907495 .elementor-element.elementor-element-ee66dc7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-907495 .elementor-element.elementor-element-c51ab71{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-907495 .elementor-element.elementor-element-b09176c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-907495 .elementor-element.elementor-element-c6cd676.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-907495 .elementor-element.elementor-element-c6cd676.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-907495 .elementor-element.elementor-element-2b9c7ba{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-907495 .elementor-element.elementor-element-c6cd676.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-907495 .elementor-element.elementor-element-c6cd676.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS *//* =========================================================
   KOI HELLAS — SHOP ARCHIVE
   FINAL COMPLETE CSS
========================================================= */

:root {
  --koi-primary: #0A4D5E;
  --koi-primary-dark: #073946;
  --koi-primary-light: #136A7D;

  --koi-accent: #E84C3D;
  --koi-accent-hover: #D64032;

  --koi-gold: #C7A45C;
  --koi-gold-soft: #D6B97B;

  --koi-bg: #FFFFFF;
  --koi-bg-soft: #F5F7F8;
  --koi-bg-section: #FAFAFA;

  --koi-text: #24323D;
  --koi-text-soft: #66737D;

  --koi-border: #E6EAED;
}


/* =========================================================
   SAFETY
========================================================= */

.kh-shop-hero *,
.kh-shop-hero *::before,
.kh-shop-hero *::after,
.kh-shop-trust *,
.kh-shop-trust *::before,
.kh-shop-trust *::after,
.kh-products-section *,
.kh-products-section *::before,
.kh-products-section *::after,
.kh-shop-guide *,
.kh-shop-guide *::before,
.kh-shop-guide *::after,
.kh-shop-faq *,
.kh-shop-faq *::before,
.kh-shop-faq *::after,
.kh-shop-final *,
.kh-shop-final *::before,
.kh-shop-final *::after {
  box-sizing: border-box;
}


/* =========================================================
   COMMON
========================================================= */

.kh-shop-hero,
.kh-shop-trust,
.kh-products-section,
.kh-shop-guide,
.kh-shop-faq,
.kh-shop-final {
  width: 100%;
  max-width: 100%;
}

.kh-inner {
  width: min(1180px, calc(100% - 40px));
  max-width: 1180px;
  min-width: 0;

  margin-left: auto;
  margin-right: auto;
}

.kh-section-eyebrow,
.kh-shop-eyebrow {
  display: inline-block;

  margin: 0 0 12px;

  color: var(--koi-gold);

  font-size: 12px;
  line-height: 1.2;

  font-weight: 850;

  letter-spacing: 0.14em;

  text-transform: uppercase;
}


/* =========================================================
   SVG SAFETY
========================================================= */

.kh-shop-hero svg,
.kh-shop-trust svg,
.kh-shop-guide svg,
.kh-shop-final svg {
  display: block;

  width: 100%;
  height: 100%;

  max-width: 100%;
  max-height: 100%;

  min-width: 0;
  min-height: 0;

  flex: none;
}


/* =========================================================
   HERO
========================================================= */

.kh-shop-hero {
  position: relative;

  isolation: isolate;

  overflow: hidden;

  padding: 84px 0 72px;

  background:
    radial-gradient(
      circle at 7% 2%,
      rgba(199, 164, 92, 0.20),
      transparent 28%
    ),
    radial-gradient(
      circle at 93% 0%,
      rgba(10, 77, 94, 0.15),
      transparent 35%
    ),
    linear-gradient(
      180deg,
      #FFFFFF 0%,
      #F5F7F8 100%
    );
}


.kh-shop-hero::before {
  position: absolute;

  inset: 0;

  z-index: -2;

  background-image:
    radial-gradient(
      rgba(10, 77, 94, 0.75) 0.8px,
      transparent 0.8px
    );

  background-size: 19px 19px;

  opacity: 0.038;

  content: "";

  pointer-events: none;
}


.kh-shop-hero::after {
  position: absolute;

  width: 520px;
  height: 520px;

  right: -230px;
  bottom: -310px;

  z-index: -1;

  border:
    1px solid rgba(10, 77, 94, 0.10);

  border-radius: 50%;

  content: "";

  pointer-events: none;
}


.kh-shop-hero__inner {
  display: grid;

  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(320px, 0.85fr);

  gap: clamp(44px, 6vw, 82px);

  align-items: center;
}


.kh-shop-hero__content {
  min-width: 0;
}


.kh-shop-hero h1 {
  max-width: 760px;

  margin: 0;

  color: var(--koi-primary-dark);

  font-size:
    clamp(42px, 5vw, 68px);

  line-height: 0.99;

  font-weight: 850;

  letter-spacing: -0.045em;

  text-wrap: balance;
}


.kh-shop-hero__lead {
  max-width: 680px;

  margin: 24px 0 0;

  color: var(--koi-text-soft);

  font-size: 17px;

  line-height: 1.75;
}


/* =========================================================
   HERO BUTTONS
========================================================= */

.kh-shop-hero__actions {
  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: 12px;

  margin-top: 30px;
}


.kh-shop-btn {
  min-height: 50px;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 9px;

  padding: 13px 22px;

  border-radius: 999px;

  font-size: 14px;

  line-height: 1;

  font-weight: 850;

  text-decoration: none !important;

  transition:
    transform 0.22s ease,
    background-color 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    color 0.22s ease;
}


.kh-shop-btn svg {
  width: 17px !important;
  height: 17px !important;

  flex: 0 0 17px !important;
}


.kh-shop-btn--primary {
  border:
    1px solid var(--koi-accent);

  background:
    linear-gradient(
      180deg,
      var(--koi-accent) 0%,
      var(--koi-accent-hover) 100%
    );

  color: #FFFFFF !important;

  box-shadow:
    0 14px 30px rgba(232, 76, 61, 0.20);
}


.kh-shop-btn--primary:hover {
  transform: translateY(-2px);

  color: #FFFFFF !important;

  box-shadow:
    0 18px 38px rgba(232, 76, 61, 0.28);
}


.kh-shop-btn--secondary {
  border:
    1px solid var(--koi-border);

  background: #FFFFFF;

  color: var(--koi-primary-dark) !important;

  box-shadow:
    0 10px 26px rgba(7, 57, 70, 0.06);
}


.kh-shop-btn--secondary:hover {
  transform: translateY(-2px);

  border-color:
    rgba(10, 77, 94, 0.28);

  color: var(--koi-primary) !important;

  box-shadow:
    0 15px 34px rgba(7, 57, 70, 0.10);
}


/* =========================================================
   HERO POINTS
========================================================= */

.kh-shop-hero__points {
  display: flex;

  flex-wrap: wrap;

  gap: 14px 24px;

  margin-top: 30px;
}


.kh-shop-hero__point {
  display: flex;

  align-items: center;

  gap: 9px;

  color: var(--koi-text);

  font-size: 13px;

  line-height: 1.4;

  font-weight: 700;
}


.kh-check-icon {
  width: 24px;
  height: 24px;

  min-width: 24px;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  flex: 0 0 24px;

  border-radius: 50%;

  background:
    rgba(10, 77, 94, 0.09);

  color: var(--koi-primary);
}


.kh-check-icon svg {
  width: 14px !important;
  height: 14px !important;

  flex: 0 0 14px !important;
}


/* =========================================================
   HERO EXPERT CARD
========================================================= */

.kh-shop-expert-card {
  position: relative;

  min-width: 0;

  padding: 34px;

  overflow: hidden;

  border:
    1px solid rgba(255, 255, 255, 0.13);

  border-radius: 30px;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(199, 164, 92, 0.22),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      #073946 0%,
      #0A4D5E 100%
    );

  box-shadow:
    0 26px 70px rgba(7, 57, 70, 0.22);

  color: #FFFFFF;
}


.kh-shop-expert-card::after {
  position: absolute;

  width: 210px;
  height: 210px;

  right: -90px;
  bottom: -110px;

  border:
    1px solid rgba(255, 255, 255, 0.11);

  border-radius: 50%;

  content: "";

  pointer-events: none;
}


.kh-shop-expert-icon {
  width: 54px;
  height: 54px;

  display: flex;

  align-items: center;
  justify-content: center;

  margin-bottom: 24px;

  border-radius: 17px;

  background:
    rgba(255, 255, 255, 0.10);

  color: var(--koi-gold-soft);
}


.kh-shop-expert-icon svg {
  width: 27px !important;
  height: 27px !important;
}


.kh-shop-expert-kicker {
  display: block;

  margin-bottom: 10px;

  color: var(--koi-gold-soft);

  font-size: 11px;

  font-weight: 850;

  letter-spacing: 0.14em;
}


.kh-shop-expert-card h2 {
  max-width: 420px;

  margin: 0 0 16px;

  color: #FFFFFF;

  font-size:
    clamp(25px, 2.4vw, 34px);

  line-height: 1.1;

  font-weight: 850;

  letter-spacing: -0.03em;
}


.kh-shop-expert-card p {
  max-width: 430px;

  margin: 0;

  color:
    rgba(255, 255, 255, 0.78);

  font-size: 14px;

  line-height: 1.75;
}


.kh-shop-expert-link {
  position: relative;

  z-index: 2;

  display: inline-flex;

  align-items: center;

  gap: 8px;

  margin-top: 22px;

  color: #FFFFFF !important;

  font-size: 14px;

  font-weight: 850;

  text-decoration: none !important;
}


.kh-shop-expert-link svg {
  width: 17px !important;
  height: 17px !important;

  transition:
    transform 0.2s ease;
}


.kh-shop-expert-link:hover svg {
  transform: translateX(4px);
}


/* =========================================================
   TRUST
========================================================= */

.kh-shop-trust {
  padding: 30px 0 66px;

  background:
    linear-gradient(
      180deg,
      #F5F7F8 0%,
      #FFFFFF 100%
    );
}


.kh-shop-trust__grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 16px;
}


.kh-shop-trust-card {
  min-width: 0;

  display: flex;

  align-items: flex-start;

  gap: 16px;

  padding: 20px;

  border:
    1px solid var(--koi-border);

  border-radius: 20px;

  background: #FFFFFF;

  box-shadow:
    0 14px 36px rgba(7, 57, 70, 0.06);
}


.kh-shop-icon {
  width: 46px !important;
  height: 46px !important;

  min-width: 46px !important;

  flex:
    0 0 46px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  border-radius: 14px;

  background:
    rgba(10, 77, 94, 0.08);

  color: var(--koi-primary);

  overflow: hidden;
}


.kh-shop-icon svg {
  width: 22px !important;
  height: 22px !important;

  max-width: 22px !important;
  max-height: 22px !important;

  flex:
    0 0 22px !important;
}


.kh-shop-trust-card > div:last-child {
  min-width: 0;
}


.kh-shop-trust-card h3 {
  margin: 1px 0 6px;

  color: var(--koi-primary-dark);

  font-size: 15px;

  line-height: 1.3;

  font-weight: 850;
}


.kh-shop-trust-card p {
  margin: 0;

  color: var(--koi-text-soft);

  font-size: 13px;

  line-height: 1.6;
}


/* =========================================================
   PRODUCTS SECTION
========================================================= */

.kh-products-section {
  width: 100% !important;

  max-width: none !important;

  margin: 0 !important;

  padding: 66px 0 80px !important;

  background: #FFFFFF;
}


.kh-products-section > .e-con-inner {
  width: 100% !important;

  max-width: none !important;
}


.kh-products-heading {
  width:
    min(
      1180px,
      calc(100% - 40px)
    );

  max-width: 1180px;

  min-width: 0;

  margin:
    0 auto 30px;

  display: flex;

  align-items: flex-end;
  justify-content: space-between;

  gap: 30px;

  scroll-margin-top: 120px;
}


.kh-products-heading h2 {
  margin: 0;

  color: var(--koi-primary-dark);

  font-size:
    clamp(30px, 3vw, 44px);

  line-height: 1.05;

  font-weight: 850;

  letter-spacing: -0.035em;
}


.kh-products-heading p {
  width: 100%;

  max-width: 520px;

  margin: 0;

  color: var(--koi-text-soft);

  font-size: 15px;

  line-height: 1.65;
}


/* =========================================================
   ARCHIVE PRODUCTS WIDGET WIDTH
========================================================= */

.kh-archive-products-widget,
.kh-products-section
.elementor-widget-wc-archive-products,
.kh-products-section
.elementor-widget-woocommerce-archive-products {
  width:
    min(
      1180px,
      calc(100% - 40px)
    ) !important;

  max-width: 1180px !important;

  margin-left: auto !important;
  margin-right: auto !important;
}


/* =========================================================
   WOOCOMMERCE TOOLBAR
========================================================= */

.kh-products-section
.woocommerce-result-count {
  margin:
    12px 0 28px !important;

  color:
    var(--koi-text-soft) !important;

  font-size: 13px !important;

  line-height: 1.5 !important;
}


.kh-products-section
.woocommerce-ordering {
  margin:
    0 0 28px !important;
}


.kh-products-section
.woocommerce-ordering
select {
  min-height: 46px;

  padding:
    0 44px
    0 16px;

  border:
    1px solid var(--koi-border) !important;

  border-radius: 999px !important;

  outline: none;

  background: #FFFFFF !important;

  color:
    var(--koi-text) !important;

  font-size: 13px;

  font-weight: 650;

  box-shadow:
    0 8px 24px rgba(7, 57, 70, 0.05);
}


/* =========================================================
   PRODUCTS GRID
========================================================= */

.kh-products-section
.elementor-widget-wc-archive-products
ul.products,

.kh-products-section
.elementor-widget-wc-archive-products
.products.elementor-grid,

.kh-products-section
.elementor-widget-woocommerce-archive-products
ul.products,

.kh-products-section
.elementor-widget-woocommerce-archive-products
.products.elementor-grid,

.kh-archive-products-widget
ul.products,

.kh-archive-products-widget
.products.elementor-grid {
  display: grid !important;

  grid-template-columns:
    repeat(4, minmax(0, 1fr)) !important;

  gap:
    36px 24px !important;

  width: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  list-style: none !important;
}


/* =========================================================
   PRODUCT
========================================================= */

.kh-products-section
ul.products
li.product {
  position: relative;

  width: 100% !important;

  max-width: 100% !important;

  min-width: 0 !important;

  float: none !important;

  margin: 0 !important;

  padding: 0 !important;

  text-align: left !important;
}


.kh-products-section
ul.products
li.product
.woocommerce-LoopProduct-link {
  display: flex !important;

  flex-direction: column !important;

  gap: 12px !important;

  width: 100%;

  text-decoration: none !important;
}


/* =========================================================
   PRODUCT IMAGE
========================================================= */

.kh-products-section
ul.products
li.product
a
img {
  width: 100% !important;

  height: 260px !important;

  display: block !important;

  margin: 0 0 4px !important;

  padding: 12px;

  object-fit: contain !important;

  object-position: center !important;

  border:
    1px solid var(--koi-border) !important;

  border-radius: 22px !important;

  background: #FFFFFF !important;

  box-shadow:
    0 12px 32px rgba(7, 57, 70, 0.07) !important;

  transition:
    transform 0.26s ease,
    box-shadow 0.26s ease,
    border-color 0.26s ease;
}


.kh-products-section
ul.products
li.product:hover
a
img {
  transform:
    translateY(-4px);

  border-color:
    rgba(199, 164, 92, 0.52) !important;

  box-shadow:
    0 20px 46px rgba(7, 57, 70, 0.12) !important;
}


/* =========================================================
   SALE BADGE
========================================================= */

.kh-products-section
ul.products
li.product
.onsale {
  min-width: auto !important;
  min-height: auto !important;

  top: 12px !important;
  left: 12px !important;
  right: auto !important;

  margin: 0 !important;

  padding:
    7px 10px !important;

  border-radius:
    999px !important;

  background:
    var(--koi-accent) !important;

  color:
    #FFFFFF !important;

  font-size:
    11px !important;

  line-height:
    1 !important;

  font-weight:
    850 !important;

  box-shadow:
    0 8px 20px rgba(232, 76, 61, 0.24);
}


/* =========================================================
   PRODUCT TITLE
========================================================= */

.kh-products-section
.woocommerce-loop-product__title {
  margin: 0 !important;

  padding: 0 !important;

  color:
    var(--koi-primary-dark) !important;

  font-size:
    16px !important;

  line-height:
    1.4 !important;

  font-weight:
    800 !important;

  letter-spacing:
    -0.012em !important;
}


/* =========================================================
   CATEGORY TITLE
========================================================= */

.kh-products-section
.woocommerce-loop-category__title {
  margin: 0 !important;

  padding: 0 !important;

  color:
    var(--koi-primary-dark) !important;

  font-size:
    16px !important;

  line-height:
    1.4 !important;

  font-weight:
    800 !important;
}


.kh-products-section
mark.count {
  display: inline-flex;

  margin-left: 5px;

  padding:
    3px 7px;

  border-radius:
    999px;

  background:
    rgba(199, 164, 92, 0.14) !important;

  color:
    var(--koi-primary-dark) !important;

  font-size:
    11px !important;

  font-weight:
    800 !important;
}


/* =========================================================
   RATING
========================================================= */

.kh-products-section
.star-rating {
  margin:
    1px 0 0 !important;

  color:
    var(--koi-gold) !important;

  font-size:
    12px !important;
}


/* =========================================================
   PRICE
========================================================= */

.kh-products-section
.price {
  display: block !important;

  margin-top: 1px !important;

  color:
    var(--koi-accent) !important;

  font-size:
    16px !important;

  line-height:
    1.35 !important;

  font-weight:
    850 !important;
}


.kh-products-section
.price
del {
  margin-right: 4px;

  color:
    var(--koi-text-soft) !important;

  opacity: 0.65;
}


.kh-products-section
.price
ins {
  color:
    var(--koi-accent) !important;

  text-decoration: none !important;
}


/* =========================================================
   ADD TO CART
========================================================= */

.kh-products-section
ul.products
li.product
.button,

.kh-products-section
ul.products
li.product
.added_to_cart {
  min-height: 46px;

  width: auto;

  display:
    inline-flex !important;

  align-items: center;
  justify-content: center;

  margin:
    4px 0 0 !important;

  padding:
    12px 19px !important;

  border: 0 !important;

  border-radius:
    999px !important;

  background:
    linear-gradient(
      180deg,
      var(--koi-accent) 0%,
      var(--koi-accent-hover) 100%
    ) !important;

  color:
    #FFFFFF !important;

  box-shadow:
    0 12px 26px rgba(232, 76, 61, 0.19) !important;

  font-size:
    13px !important;

  line-height:
    1 !important;

  font-weight:
    850 !important;

  text-decoration:
    none !important;

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease !important;
}


.kh-products-section
ul.products
li.product
.button:hover,

.kh-products-section
ul.products
li.product
.added_to_cart:hover {
  transform:
    translateY(-2px);

  color:
    #FFFFFF !important;

  box-shadow:
    0 17px 34px rgba(232, 76, 61, 0.26) !important;
}


/* =========================================================
   PAGINATION
========================================================= */

.kh-products-section
nav.woocommerce-pagination {
  margin-top:
    56px !important;
}


.kh-products-section
nav.woocommerce-pagination
ul {
  display:
    flex !important;

  align-items: center;

  justify-content: center;

  gap: 9px;

  margin: 0 !important;

  border:
    none !important;
}


.kh-products-section
nav.woocommerce-pagination
ul
li {
  border:
    none !important;
}


.kh-products-section
nav.woocommerce-pagination
ul
li
a,

.kh-products-section
nav.woocommerce-pagination
ul
li
span {
  width: 42px;

  height: 42px;

  display:
    inline-flex !important;

  align-items: center;

  justify-content: center;

  margin: 0 !important;

  padding: 0 !important;

  border:
    1px solid var(--koi-border) !important;

  border-radius:
    50% !important;

  background:
    #FFFFFF !important;

  color:
    var(--koi-primary-dark) !important;

  font-size:
    13px !important;

  font-weight:
    800 !important;
}


.kh-products-section
nav.woocommerce-pagination
ul
li
span.current {
  border-color:
    var(--koi-primary) !important;

  background:
    var(--koi-primary) !important;

  color:
    #FFFFFF !important;
}


.kh-products-section
nav.woocommerce-pagination
ul
li
a:hover {
  border-color:
    var(--koi-primary) !important;

  color:
    var(--koi-primary) !important;
}


/* =========================================================
   GUIDE SECTION
========================================================= */

.kh-shop-guide {
  padding:
    78px 0;

  background:
    linear-gradient(
      180deg,
      #F5F7F8 0%,
      #FFFFFF 100%
    );
}


.kh-shop-guide__card {
  display: grid;

  grid-template-columns:
    minmax(0, 0.95fr)
    minmax(0, 1.05fr);

  gap:
    clamp(38px, 6vw, 76px);

  align-items: center;

  padding:
    clamp(30px, 4vw, 48px);

  border:
    1px solid var(--koi-border);

  border-radius:
    30px;

  background:
    #FFFFFF;

  box-shadow:
    0 20px 56px rgba(7, 57, 70, 0.08);
}


.kh-shop-guide__content {
  min-width: 0;
}


.kh-shop-guide__content h2 {
  max-width: 570px;

  margin:
    0 0 16px;

  color:
    var(--koi-primary-dark);

  font-size:
    clamp(30px, 3vw, 44px);

  line-height:
    1.06;

  font-weight:
    850;

  letter-spacing:
    -0.035em;
}


.kh-shop-guide__content > p {
  max-width: 580px;

  margin: 0;

  color:
    var(--koi-text-soft);

  font-size:
    15px;

  line-height:
    1.78;
}


.kh-shop-text-link {
  display:
    inline-flex;

  align-items: center;

  gap: 8px;

  margin-top: 22px;

  color:
    var(--koi-primary) !important;

  font-size:
    14px;

  font-weight:
    850;

  text-decoration:
    none !important;
}


.kh-shop-text-link svg {
  width:
    17px !important;

  height:
    17px !important;

  flex:
    0 0 17px !important;

  transition:
    transform 0.2s ease;
}


.kh-shop-text-link:hover {
  color:
    var(--koi-accent) !important;
}


.kh-shop-text-link:hover svg {
  transform:
    translateX(4px);
}


/* =========================================================
   GUIDE LIST
========================================================= */

.kh-shop-guide__list {
  display:
    grid;

  gap: 12px;
}


.kh-shop-guide-item {
  min-width: 0;

  display:
    grid;

  grid-template-columns:
    48px minmax(0, 1fr);

  gap: 16px;

  align-items: start;

  padding:
    18px;

  border:
    1px solid var(--koi-border);

  border-radius:
    18px;

  background:
    var(--koi-bg-soft);
}


.kh-shop-guide-number {
  width:
    42px;

  height:
    42px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    13px;

  background:
    rgba(10, 77, 94, 0.09);

  color:
    var(--koi-primary);

  font-size:
    12px;

  font-weight:
    900;
}


.kh-shop-guide-item h3 {
  margin:
    1px 0 5px;

  color:
    var(--koi-primary-dark);

  font-size:
    15px;

  line-height:
    1.3;

  font-weight:
    850;
}


.kh-shop-guide-item p {
  margin: 0;

  color:
    var(--koi-text-soft);

  font-size:
    13px;

  line-height:
    1.6;
}


/* =========================================================
   FAQ
========================================================= */

.kh-shop-faq {
  padding:
    78px 0;

  background:
    #FFFFFF;
}


.kh-shop-section-heading {
  max-width:
    760px;

  margin:
    0 auto 38px;

  text-align:
    center;
}


.kh-shop-section-heading h2 {
  margin:
    0 0 12px;

  color:
    var(--koi-primary-dark);

  font-size:
    clamp(30px, 3vw, 44px);

  line-height:
    1.06;

  font-weight:
    850;

  letter-spacing:
    -0.035em;
}


.kh-shop-section-heading p {
  max-width:
    640px;

  margin:
    0 auto;

  color:
    var(--koi-text-soft);

  font-size:
    15px;

  line-height:
    1.7;
}


.kh-shop-faq__grid {
  display:
    grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 16px;
}


.kh-shop-faq-card {
  min-width: 0;

  padding:
    24px;

  border:
    1px solid var(--koi-border);

  border-radius:
    21px;

  background:
    var(--koi-bg-section);

  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}


.kh-shop-faq-card:hover {
  transform:
    translateY(-2px);

  border-color:
    rgba(10, 77, 94, 0.18);

  box-shadow:
    0 14px 34px rgba(7, 57, 70, 0.06);
}


.kh-shop-faq-card h3 {
  margin:
    0 0 9px;

  color:
    var(--koi-primary-dark);

  font-size:
    16px;

  line-height:
    1.35;

  font-weight:
    850;
}


.kh-shop-faq-card p {
  margin: 0;

  color:
    var(--koi-text-soft);

  font-size:
    14px;

  line-height:
    1.7;
}


/* =========================================================
   FINAL CTA
========================================================= */

.kh-shop-final {
  padding:
    8px 0 88px;

  background:
    #FFFFFF;
}


.kh-shop-final__card {
  position: relative;

  overflow: hidden;

  padding:
    52px clamp(26px, 5vw, 68px);

  border-radius:
    30px;

  background:
    radial-gradient(
      circle at 8% 10%,
      rgba(199, 164, 92, 0.24),
      transparent 31%
    ),
    radial-gradient(
      circle at 90% 100%,
      rgba(19, 106, 125, 0.40),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #073946 0%,
      #0A4D5E 100%
    );

  text-align:
    center;

  box-shadow:
    0 24px 68px rgba(7, 57, 70, 0.20);
}


.kh-shop-final__eyebrow {
  display:
    inline-block;

  margin-bottom:
    12px;

  color:
    var(--koi-gold-soft);

  font-size:
    11px;

  line-height:
    1.2;

  font-weight:
    900;

  letter-spacing:
    0.16em;
}


.kh-shop-final__card h2 {
  max-width:
    790px;

  margin:
    0 auto 15px;

  color:
    #FFFFFF;

  font-size:
    clamp(30px, 3.3vw, 46px);

  line-height:
    1.06;

  font-weight:
    850;

  letter-spacing:
    -0.035em;

  text-wrap:
    balance;
}


.kh-shop-final__card p {
  max-width:
    690px;

  margin:
    0 auto 26px;

  color:
    rgba(255, 255, 255, 0.78);

  font-size:
    15px;

  line-height:
    1.75;
}


.kh-shop-final__btn {
  min-height:
    50px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  gap: 9px;

  padding:
    13px 23px;

  border-radius:
    999px;

  background:
    var(--koi-accent);

  color:
    #FFFFFF !important;

  font-size:
    14px;

  font-weight:
    850;

  text-decoration:
    none !important;

  box-shadow:
    0 15px 34px rgba(232, 76, 61, 0.25);

  transition:
    transform 0.22s ease,
    background 0.22s ease,
    box-shadow 0.22s ease;
}


.kh-shop-final__btn svg {
  width:
    17px !important;

  height:
    17px !important;

  flex:
    0 0 17px !important;

  transition:
    transform 0.2s ease;
}


.kh-shop-final__btn:hover {
  transform:
    translateY(-2px);

  background:
    var(--koi-accent-hover);

  color:
    #FFFFFF !important;

  box-shadow:
    0 19px 40px rgba(232, 76, 61, 0.31);
}


.kh-shop-final__btn:hover svg {
  transform:
    translateX(3px);
}


/* =========================================================
   <= 1024px
========================================================= */

@media (max-width: 1024px) {

  .kh-shop-hero {
    padding:
      66px 0 58px;
  }


  .kh-shop-hero__inner {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(290px, 0.8fr);

    gap:
      38px;
  }


  .kh-shop-hero h1 {
    font-size:
      clamp(40px, 5.4vw, 56px);
  }


  .kh-shop-trust__grid {
    grid-template-columns:
      1fr;
  }


  .kh-shop-guide__card {
    grid-template-columns:
      1fr;

    gap:
      32px;
  }


  .kh-products-section
  .elementor-widget-wc-archive-products
  ul.products,

  .kh-products-section
  .elementor-widget-wc-archive-products
  .products.elementor-grid,

  .kh-products-section
  .elementor-widget-woocommerce-archive-products
  ul.products,

  .kh-products-section
  .elementor-widget-woocommerce-archive-products
  .products.elementor-grid,

  .kh-archive-products-widget
  ul.products,

  .kh-archive-products-widget
  .products.elementor-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

}


/* =========================================================
   <= 820px
========================================================= */

@media (max-width: 820px) {

  .kh-shop-hero__inner {
    grid-template-columns:
      minmax(0, 1fr);
  }


  .kh-shop-expert-card {
    max-width:
      620px;
  }


  .kh-products-heading {
    flex-direction:
      column;

    align-items:
      flex-start;

    gap:
      12px;
  }


  .kh-products-heading p {
    max-width:
      620px;
  }

}


/* =========================================================
   <= 767px
========================================================= */

@media (max-width: 767px) {

  .kh-inner,
  .kh-products-heading,
  .kh-archive-products-widget,
  .kh-products-section
  .elementor-widget-wc-archive-products,
  .kh-products-section
  .elementor-widget-woocommerce-archive-products {
    width:
      min(
        100% - 28px,
        1180px
      ) !important;
  }


  /* HERO */

  .kh-shop-hero {
    padding:
      52px 0 44px;
  }


  .kh-shop-hero h1 {
    font-size:
      clamp(36px, 11vw, 47px);

    line-height:
      1.01;
  }


  .kh-shop-hero__lead {
    margin-top:
      18px;

    font-size:
      15px;

    line-height:
      1.7;
  }


  .kh-shop-hero__actions {
    align-items:
      stretch;

    flex-direction:
      column;

    margin-top:
      24px;
  }


  .kh-shop-btn {
    width:
      100%;
  }


  .kh-shop-hero__points {
    display:
      grid;

    gap:
      11px;

    margin-top:
      24px;
  }


  .kh-shop-expert-card {
    padding:
      26px;

    border-radius:
      24px;
  }


  .kh-shop-expert-card h2 {
    font-size:
      27px;
  }


  /* TRUST */

  .kh-shop-trust {
    padding:
      18px 0 54px;
  }


  .kh-shop-trust-card {
    padding:
      18px;
  }


  /* PRODUCTS */

  .kh-products-section {
    padding:
      54px 0 64px !important;
  }


  .kh-products-heading {
    margin-bottom:
      24px;
  }


  .kh-products-heading h2 {
    font-size:
      32px;
  }


  .kh-products-section
  .elementor-widget-wc-archive-products
  ul.products,

  .kh-products-section
  .elementor-widget-wc-archive-products
  .products.elementor-grid,

  .kh-products-section
  .elementor-widget-woocommerce-archive-products
  ul.products,

  .kh-products-section
  .elementor-widget-woocommerce-archive-products
  .products.elementor-grid,

  .kh-archive-products-widget
  ul.products,

  .kh-archive-products-widget
  .products.elementor-grid {
    grid-template-columns:
      1fr !important;

    gap:
      34px !important;
  }


  .kh-products-section
  ul.products
  li.product
  a
  img {
    height:
      280px !important;
  }


  .kh-products-section
  ul.products
  li.product
  .button,

  .kh-products-section
  ul.products
  li.product
  .added_to_cart {
    width:
      100%;
  }


  /* GUIDE */

  .kh-shop-guide {
    padding:
      62px 0;
  }


  .kh-shop-guide__card {
    padding:
      26px 20px;

    border-radius:
      24px;
  }


  .kh-shop-guide__content h2 {
    font-size:
      31px;
  }


  .kh-shop-guide-item {
    grid-template-columns:
      42px minmax(0, 1fr);

    gap:
      13px;

    padding:
      16px;
  }


  .kh-shop-guide-number {
    width:
      38px;

    height:
      38px;
  }


  /* FAQ */

  .kh-shop-faq {
    padding:
      60px 0;
  }


  .kh-shop-section-heading {
    margin-bottom:
      28px;
  }


  .kh-shop-section-heading h2 {
    font-size:
      31px;
  }


  .kh-shop-faq__grid {
    grid-template-columns:
      1fr;
  }


  .kh-shop-faq-card {
    padding:
      20px;
  }


  /* CTA */

  .kh-shop-final {
    padding:
      4px 0 68px;
  }


  .kh-shop-final__card {
    padding:
      38px 22px;

    border-radius:
      24px;
  }


  .kh-shop-final__card h2 {
    font-size:
      31px;
  }


  .kh-shop-final__btn {
    width:
      100%;
  }

}


/* =========================================================
   <= 480px
========================================================= */

@media (max-width: 480px) {

  .kh-shop-hero h1 {
    font-size:
      37px;
  }


  .kh-shop-expert-card {
    padding:
      23px 20px;
  }


  .kh-shop-expert-icon {
    width:
      48px;

    height:
      48px;

    margin-bottom:
      20px;
  }


  .kh-shop-expert-icon svg {
    width:
      24px !important;

    height:
      24px !important;
  }


  .kh-shop-trust-card {
    gap:
      13px;
  }


  .kh-shop-icon {
    width:
      42px !important;

    height:
      42px !important;

    min-width:
      42px !important;

    flex-basis:
      42px !important;
  }


  .kh-shop-icon svg {
    width:
      20px !important;

    height:
      20px !important;
  }


  .kh-products-section
  ul.products
  li.product
  a
  img {
    height:
      250px !important;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .kh-shop-hero *,
  .kh-shop-trust *,
  .kh-products-section *,
  .kh-shop-guide *,
  .kh-shop-faq *,
  .kh-shop-final * {
    transition-duration:
      0.01ms !important;

    animation-duration:
      0.01ms !important;

    animation-iteration-count:
      1 !important;
  }

}/* End custom CSS */