* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.container {
    max-width: 1610px;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 180px;
}

body {
	color: #f4f4f4;
	background: #fff;
	font-family: "Poppins", sans-serif !important;
	overflow-x: hidden;
	margin: 0;
}

button,
input {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

a {
  color: inherit;
  text-decoration: none;
}

/* Common typography */
.kdn-heading {
  font-size: 42px;
  line-height: 1.12;
  font-weight: 500;
  letter-spacing: -0.7px;
}

.kdn-subheading {
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.55;
  color: #aaa;
  font-weight: 400;
}

.kdn-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 24px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
}

a.kdn-btn i {
    margin-left: 10px;
}


/* Header */
.kdn-header {
  position: relative;
  z-index: 1000;
  height: 105px;
  background: #091629;
  border-bottom: 1px solid rgba(255, 255, 255, .025);
}

.kdn-header-inner {
  width: min(100%, 1610px);
  height: 105px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 28px;
}

.kdn-brand {
	display: flex;
    flex-direction: column;
    color: #95651f;
    justify-content: center;
    width: 205px;
    height: 100%;
}

.kdn-brand img {
  width: 126px;
  height: auto;
  display: block;
  object-fit: contain;
}

.kdn-desktop-nav {
  height: 100%;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.kdn-nav-item {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.kdn-nav-link {
  position: relative;
  border: 0;
  outline: 0;
  background: transparent;
  color: #e8e8e8;
  font-size: 16px;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: color .2s ease;
  font-family: "Poppins", sans-serif;
}

.kdn-nav-link:hover,
.kdn-price-link:hover {
  color: #ba8a38;
}

.kdn-nav-link i {
  margin-left: 3px;
  font-size: 15px;
  vertical-align: -1px;
}

.kdn-price-link {
  display: flex;
  align-items: center;
  height: 100%;
}

/* Desktop hover dropdown */
.kdn-dropdown-menu {
	position: absolute;
    top: calc(50% + 39px);
    left: 50%;
    min-width: 205px;
    padding: 10px;
    transform: translate(-50%, 8px);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 7px;
    background: rgb(255 255 255 / 98%);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .45);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
}

.kdn-dropdown:hover .kdn-dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.kdn-dropdown-menu::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  width: 11px;
  height: 11px;
  transform: translateX(-50%) rotate(45deg);
  border-left: 1px solid rgba(255, 255, 255, .12);
  border-top: 1px solid rgba(255, 255, 255, .12);
  background: #111;
}

.kdn-dropdown-menu a {
    display: block;
    padding: 11px 12px;
    border-radius: 4px;
    color: #091629;
    font-size: 14px;
    transition: color .2s ease, background .2s ease;
}

.kdn-dropdown-menu a:hover {
  background: rgba(201, 155, 53, .1);
  color: #ba8a38;
}

.kdn-header-actions {
  display: flex;
  align-items: center;
  gap: 13px;
  flex: 0 0 auto;
}

.kdn-search {
  width: 370px;
  height: 54px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  gap: 13px;
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: 30px;
  background: linear-gradient(110deg, rgba(48, 51, 53, .9), rgba(34, 36, 37, .92));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.kdn-search i {
  flex: 0 0 auto;
  color: #f0f0f0;
  font-size: 25px;
}

.kdn-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  font-size: 14px;
}

.kdn-search input::placeholder {
  color: #b7b7b7;
}

.kdn-icon-btn,
.kdn-mobile-toggle {
  position: relative;
  width: 33px;
  height: 42px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #f7f7f7;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.kdn-icon-btn i,
.kdn-mobile-toggle i {
  font-size: 31px;
  font-weight: 300;
}

.kdn-cart-btn i {
  font-size: 33px;
}

.kdn-cart-count {
    position: absolute;
    top: -4px;
    right: -8px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ba8a38;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
}

.kdn-mobile-toggle {
  display: none;
}

/* Mobile panel */
.kdn-mobile-panel {
  display: none;
}

/* Market ticker */
.kdn-market-bar {
  position: relative;
  z-index: 900;
  height: 50px;
  overflow: hidden;
  background: linear-gradient(90deg, #101111, #161716, #101111);
  border-bottom: 1px solid rgba(255, 255, 255, .03);
}

.kdn-market-track {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
}

.kdn-market-item {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}

.kdn-metal-icon {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-12deg);
}

.kdn-metal-icon i {
  font-size: 27px;
  transform: rotate(12deg);
}

.kdn-gold-icon {
  color: #dcae4f;
}

.kdn-silver-icon {
  color: #c6c9cc;
}

.kdn-metal-name {
  color: #bfbfbf;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .6px;
}

.kdn-metal-name b {
  color: #8e8e8e;
  font-weight: 600;
}

.kdn-metal-price {
  color: #f2f2f2;
  font-size: 16px;
  font-weight: 500;
}

.kdn-change {
  font-size: 12px;
  font-weight: 600;
}

.kdn-up {
  color: #16bf67;
}

.kdn-market-divider {
  width: 2px;
  height: 34px;
  background: rgba(205, 178, 122, .45);
}

/* Demo */
.kdn-demo {
  min-height: calc(100vh - 155px);
  display: grid;
  place-items: center;
  padding: 90px 24px;
  background:
    radial-gradient(circle at 50% 0%, rgba(201, 155, 53, .09), transparent 35%),
    #050505;
}

.kdn-demo-inner {
  text-align: center;
}

.kdn-demo-kicker {
  margin-bottom: 15px;
  color: #c99b35;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
}

.kdn-demo .kdn-btn {
  margin-top: 28px;
}

/* Tablet */
@media (max-width: 1450px) {
  .kdn-header-inner {
    gap: 18px;
  }

  .kdn-brand {
    width: 165px;
    flex-basis: 165px;
  }

  .kdn-desktop-nav {
    gap: 24px;
  }

  .kdn-header-actions {
    gap: 17px;
  }

  .kdn-search {
    width: 310px;
  }
}

@media (max-width: 1180px) {
  .kdn-header {
    height: 88px;
  }

  .kdn-header-inner {
    height: 88px;
    padding: 0 20px;
  }

  .kdn-brand {
    width: 150px;
    flex-basis: 150px;
  }

  .kdn-brand img {
    width: 112px;
  }

  .kdn-desktop-nav {
    gap: 17px;
  }

  .kdn-nav-link {
    font-size: 14px;
  }

  .kdn-search {
    width: 250px;
    height: 48px;
  }

  .kdn-header-actions {
    gap: 13px;
  }

  .kdn-icon-btn i,
  .kdn-mobile-toggle i {
    font-size: 28px;
  }

  .kdn-market-bar {
    height: 48px;
  }
}

/* Mobile */
@media (max-width: 1020px) {
  .kdn-header {
    position: relative;
    z-index: 1000;
  }

  .kdn-header-inner {
    height: 78px;
  }

  .kdn-desktop-nav {
    display: none;
  }

  .kdn-header-actions {
    margin-left: auto;
  }

  .kdn-search {
    width: 46px;
    padding: 0;
    justify-content: center;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .kdn-search i {
    font-size: 27px;
  }

  .kdn-search input {
    display: none;
  }

  .kdn-mobile-toggle {
    display: inline-flex;
  }

  .kdn-mobile-panel {
    display: block;
    max-height: 0;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, .07);
    background: #0a0a0a;
    transition: max-height .4s ease;
  }

  .kdn-header.kdn-menu-open .kdn-mobile-panel {
    max-height: 80vh;
    overflow-y: auto;
  }

  .kdn-mobile-search {
    margin: 16px 18px 10px;
    height: 46px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 24px;
    background: #161616;
  }

  .kdn-mobile-search i {
    color: #c99b35;
    font-size: 21px;
  }

  .kdn-mobile-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    font-size: 14px;
  }

  .kdn-mobile-nav {
    padding: 5px 18px 18px;
  }

  .kdn-mobile-nav-link,
  .kdn-mobile-price {
    width: 100%;
    min-height: 50px;
    padding: 0 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    background: transparent;
    color: #e9e9e9;
    font-size: 15px;
    text-align: left;
    cursor: pointer;
  }

  .kdn-mobile-nav-link i {
    color: #bfa061;
    font-size: 19px;
    transition: transform .25s ease;
  }

  .kdn-mobile-nav-link.kdn-mobile-expanded i {
    transform: rotate(45deg);
  }

  .kdn-mobile-submenu {
    display: none;
    padding: 5px 0 7px 34px;
  }

  .kdn-mobile-submenu.kdn-mobile-submenu-open {
    display: block;
  }

  .kdn-mobile-submenu a {
    display: block;
    padding: 10px 0;
    color: #9f9f9f;
    font-size: 14px;
  }

  .kdn-mobile-submenu a:hover {
    color: #ba8a38;
  }

  .kdn-mobile-price {
    border-bottom: 0;
  }

  .kdn-market-track {
    width: max-content;
    justify-content: flex-start;
    padding-left: 24px;
    animation: kdnTicker 18s linear infinite;
  }

  .kdn-market-divider {
    height: 29px;
  }

  .kdn-demo {
    min-height: calc(100vh - 126px);
  }
}

@keyframes kdnTicker {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-35%);
  }
}

@media (max-width: 620px) {
  .kdn-header-inner {
    padding: 0 14px;
  }

  .kdn-brand {
    width: 112px;
    flex-basis: 112px;
  }

  .kdn-brand img {
    width: 96px;
  }

  .kdn-header-actions {
    gap: 8px;
  }

  .kdn-icon-btn {
    width: 30px;
  }

  .kdn-icon-btn i,
  .kdn-mobile-toggle i {
    font-size: 26px;
  }

  .kdn-cart-btn i {
    font-size: 28px;
  }

  .kdn-cart-count {
    top: -3px;
    right: -7px;
    width: 23px;
    height: 23px;
    font-size: 11px;
  }

  .kdn-heading {
    font-size: 30px;
  }

  .kdn-subheading {
    font-size: 14px;
  }

  .kdn-demo {
    padding: 65px 18px;
  }

  .kdn-market-item {
    gap: 7px;
  }

  .kdn-metal-icon {
    width: 32px;
  }

  .kdn-metal-name {
    font-size: 10px;
  }

  .kdn-metal-price {
    font-size: 14px;
  }

  .kdn-change {
    font-size: 10px;
  }
}


/* =========================================================
   Hero — supplied reference artwork
   ========================================================= */
.kdn-main {
  width: 100%;
}

.kdn-hero {
  position: relative;
  width: 100%;
  /* height: clamp(360px, 35.7vw, 650px); */
  height: calc(100vh - 105px); 
  min-height: 360px;
  overflow: hidden;
  background: #efe4d2;
}

section.kdn-hero::before {
	content: '';
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #00000052;
}

.kdn-hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  background: #000;
}

.kdn-hero-mobile-content {
  display: none;
}

.kdn-hero-actions {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.kdn-btn-light {
  background: rgba(255, 255, 255, .72);
  color: #222;
  border-color: rgba(70, 50, 25, .3);
}

.kdn-btn-light:hover {
  background: #fff;
  color: #222;
  border-color: #8b6a38;
}

.kdn-hero-kicker {
  color: #a68147;
  font-size: 12px;
  line-height: 1.55;
  font-weight: 600;
  letter-spacing: 2px;
}

.kdn-hero-mobile-content .kdn-heading span {
  color: #9a7030;
}

.kdn-about-gold-image {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 1020px) {
  .kdn-hero {
    height: clamp(430px, 70vw, 620px);
  }
}

@media (max-width: 620px) {
  .kdn-hero {
    height: 690px;
    min-height: 690px;
    background: #eee2d0;
  }

  /*
    On small screens the original desktop artwork is too wide to remain
    legible. Keep the supplied artwork visible as a photographic layer and
    place the important copy/buttons in a responsive content card.
  */


  .kdn-hero-video {
    object-position: center center;
  }

  .kdn-hero-mobile-content {
        position: absolute;
        z-index: 2;
        width: 100%;
        margin: 0 auto;
        padding: 52px 24px 30px;
        display: block;
        text-align: center;
        background-color: #ffffffd1;
        bottom: 0;
  }
  
  .kdn-hero-kicker
  {
	color: #000000 !important;  
  }

  .kdn-hero-mobile-content .kdn-heading {
    margin-top: 12px;
    font-size: 38px;
    color: #000000;
  }
  
  .kdn-hero-mobile-content .kdn-heading span {
    color: #000000 !important;
  }

  .kdn-hero-mobile-content .kdn-subheading {
    margin-top: 16px;
    color: #000000;
  }

  .kdn-hero-actions {
    justify-content: center;
    flex-wrap: wrap;
  }

  .kdn-hero-actions .kdn-btn {
    min-height: 44px;
    padding: 0 17px;
  }
}

@media (max-width: 390px) {
  .kdn-hero {
    height: 650px;
    min-height: 650px;
  }

  .kdn-hero-mobile-content {
    padding-top: 42px;
  }

  .kdn-hero-mobile-content .kdn-heading {
    font-size: 33px;
  }

  .kdn-hero-actions {
    flex-direction: column;
  }

  .kdn-hero-actions .kdn-btn {
    width: 190px;
  }
}



/* =========================================================
   About Design Start
   ========================================================= */
.kdn-about {
    position: relative;
    overflow: hidden;
    background: #fff;
    color: #17191b;
    padding: 80px 0 80px;
}

.kdn-about-inner 
{
    position: relative;
    z-index: 3;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.kdn-about-kicker,
.kdn-scollection-kicker 
{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 29px;
}

.kdn-about-kicker-line, 
.kdn-scollection-kicker-line 
{
  width: 69px;
  height: 1px;
  background: #ba8a38;
}

.kdn-about-kicker-text, 
.kdn-scollection-kicker-text 
{
    color: #58616b;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 4px;
	font-family: "Poppins", sans-serif;
}

.kdn-about-title
{
    margin: 38px auto 0;
    font-family: "Fraunces", serif;
    font-size: 68px;
    line-height: .98;
    font-weight: 400;
    letter-spacing: -2.2px;
}

.kdn-about-title-dark,
.kdn-about-title-gold {
  display: block;
}

.kdn-about-title-dark {
  color: #091629;
}

.kdn-about-title-gold {
    margin-top: 7px;
    color: #ba8a38;
    background-clip: text;
}

.kdn-about-copy {
    max-width: 35.7%;
    margin: 27px auto 0;
    color: #4d5760;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    white-space: normal;
    text-align: center;
    font-family: "Poppins", sans-serif;
}

.kdn-about-bar-wrap 
{
    width: 265px;
	position: relative;
    perspective: 500px;
    margin: 20px auto 30px;
}

.kdn-about-gold-bar {
  position: absolute;
  left: 50%;
  top: 16px;
  width: 122px;
  height: 63px;
  transform: translateX(-50%) rotate(-29deg) skewY(-2deg);
  transform-origin: center;
  border-radius: 12px 13px 9px 11px;
  border: 2px solid #a96e1c;
  background:
    linear-gradient(145deg, #fff0a6 0%, #e8aa32 17%, #bd7916 48%, #f2bf50 71%, #a96915 100%);
  box-shadow:
    inset 5px 5px 8px rgba(255,255,255,.58),
    inset -6px -5px 8px rgba(102,55,0,.32),
    0 10px 12px rgba(96,62,19,.22);
}

.kdn-about-gold-bar::before {
  content: "";
  position: absolute;
  inset: 6px;
  border: 1px solid rgba(120,72,5,.52);
  border-radius: 8px;
}

.kdn-about-bar-highlight {
  position: absolute;
  left: 9px;
  top: 9px;
  width: 30px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255,255,255,.5);
  filter: blur(2px);
}

.kdn-about-bar-text {
  position: absolute;
  right: 14px;
  top: 13px;
  color: #8a560f;
  font-size: 9px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: .6px;
  text-align: center;
  transform: rotate(-1deg);
}

.kdn-about-bar-text small {
  font-size: 7px;
}

.kdn-about-bar-shadow {
  position: absolute;
  left: 50%;
  bottom: 12px;
  width: 105px;
  height: 16px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: rgba(72,48,19,.17);
  filter: blur(8px);
}

.kdn-about-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: min(100%, 850px);
  margin: 0 auto;
}

.kdn-about-stat {
    min-height: 81px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px solid #dfcfba;
}

.kdn-about-stat:last-child {
  border-right: 0;
}

.kdn-about-stat strong {
  color: #ba8a38;
  font-family: "Fraunces", serif;
  font-size: 31px;
  line-height: 1;
  font-weight: 400;
}

.kdn-about-stat span 
{
	margin-top: 10px;
    color: #59636d;
    font-size: 12px;
    line-height: 1.55;
    font-weight: 600;
    width: 46%;
	font-family: "Poppins", sans-serif;
}

.kdn-about-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 35px;
}

.kdn-about-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 30px;
}

.kdn-about-bottom span {
  width: 90px;
  height: 1px;
  background: #ba8a38;
}

.kdn-about-bottom p {
    color: #69727a;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 3.2px;
    font-weight: 600;
	margin-bottom: 0;
	font-family: "Poppins", sans-serif;
}

/* Large decorative orbit rings */
.kdn-about-orbit {
  position: absolute;
  z-index: 1;
  width: 820px;
  height: 820px;
  border: 1px solid rgba(195, 151, 89, .23);
  border-radius: 50%;
  pointer-events: none;
}

.kdn-about-orbit::before,
.kdn-about-orbit::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(195, 151, 89, .16);
  border-radius: 50%;
}

.kdn-about-orbit::before {
  inset: 67px;
}

.kdn-about-orbit::after {
  inset: 136px;
}

.kdn-about-orbit-left {
	left: -30%;
    top: 50%;
    transform: translateY(-50%);
}

.kdn-about-orbit-right {
	right: -30%;
    top: 50%;
    transform: translateY(-50%);
}

.kdn-orbit-dot {
  position: absolute;
  top: 232px;
  right: 27px;
  width: 19px;
  height: 19px;
  border: 2px solid #ba8a38;
  border-radius: 50%;
  background: #fff;
}

.kdn-orbit-dot::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7px;
  height: 7px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #ba8a38;
}

.kdn-about-orbit-right .kdn-orbit-dot {
	left: 94px;
    right: auto;
    top: 551px;
}

@media (max-width: 1020px) {
  .kdn-about {
    min-height: 650px;
  }

  .kdn-about-inner {
    min-height: 650px;
    padding-top: 55px;
  }

  .kdn-about-copy {
    font-size: 15px;
  }

  .kdn-about-orbit {
    width: 650px;
    height: 650px;
  }

  .kdn-about-orbit-left {
    left: -540px;
  }

  .kdn-about-orbit-right {
    right: -540px;
  }
}

@media (max-width: 991px) {
  .kdn-about {
	padding: 0;
	min-height: 0;
  }

  .kdn-about-inner {
        min-height: 0;
        padding: 40px 18px 40px;
  }

  .kdn-about-kicker {
    gap: 12px;
  }

  .kdn-about-kicker-line {
    width: 34px;
  }

  .kdn-about-kicker-text {
    font-size: 9px;
    letter-spacing: 2.7px;
  }

  .kdn-about-title {
    margin-top: 27px;
    font-size: 36px;
    line-height: 1.03;
    letter-spacing: -1.1px;
  }

  .kdn-about-title-gold {
    margin-top: 5px;
  }

  .kdn-about-copy {
	margin-top: 20px;
	max-width: 470px;
	font-size: 16px;
	line-height: 1.5;
  }

  .kdn-about-bar-wrap {
        width: 160px;
        height: 110px;
        margin-bottom: 10px;
  }

  .kdn-about-gold-bar {
    width: 105px;
    height: 55px;
  }

  .kdn-about-stats {
		width: 100%;
		grid-template-columns: repeat(2, 1fr);
		row-gap: 0;
  }

  .kdn-about-stat {
        min-height: 85px;
        padding: 15px 15px;
  }

  .kdn-about-stat:nth-child(1),
  .kdn-about-stat:nth-child(2) {
    border-bottom: 1px solid #dfcfba;
  }

  .kdn-about-stat:nth-child(2) {
    border-right: 0;
  }

  .kdn-about-stat:nth-child(4) {
    border-right: 0;
  }

  .kdn-about-stat strong {
    font-size: 25px;
  }

  .kdn-about-stat span {
		margin-top: 7px;
        font-size: 14px;
        letter-spacing: 1.4px;
		    width: 70%;
  }

  .kdn-about-actions {
        margin-top: 25px;
        flex-direction: row;
        align-items: center;
  }

  .kdn-about-actions .kdn-btn {
    width: fit-content;
  }

  .kdn-about-bottom {
    gap: 10px;
    margin-top: 27px;
  }

  .kdn-about-bottom span {
    width: 25px;
  }

  .kdn-about-bottom p {
	font-size: 15px;
	letter-spacing: 1px;
	font-weight: 500;
	line-height: 1.5;
  }

  .kdn-about-orbit {
    width: 500px;
    height: 500px;
  }

  .kdn-about-orbit-left {
    left: -455px;
    top: 100px;
  }

  .kdn-about-orbit-right {
    right: -455px;
    top: 100px;
  }

  .kdn-about-orbit::before {
    inset: 55px;
  }

  .kdn-about-orbit::after {
    inset: 110px;
  }

  .kdn-orbit-dot {
    top: 150px;
    right: 15px;
    width: 15px;
    height: 15px;
  }

  .kdn-orbit-dot::after {
    width: 5px;
    height: 5px;
  }

  .kdn-about-orbit-right .kdn-orbit-dot {
    top: 315px;
    left: 15px;
  }
}

/* =========================================================
   Collection Design Start
   ========================================================= */
.kdn-collections {
  position: relative;
  overflow: hidden;
  padding: 70px 24px 78px;
  background: #f7f5f1;
  color: #161719;
}

.kdn-collections-inner {
  width: min(100%, 1130px);
  margin: 0 auto;
}

.kdn-section-kicker {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
}

.kdn-scollection-title 
{
    margin: 38px auto 0;
    font-family: "Fraunces", serif;
    font-size: 68px;
    line-height: .98;
    font-weight: 400;
    letter-spacing: -2.2px;	
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 0;
}

.kdn-scollection-title-dark {
  color: #091629;
}

.kdn-scollection-title-gold {
    color: #ba8a38;
    background-clip: text;
}

.kdn-scollection-copy
{
    max-width: 50%;
    margin: 10px auto 50px;
    color: #4d5760;
    font-size: 16px;
    line-height: 1.38;
    font-weight: 400;
    white-space: normal;
    text-align: center;	
	font-family: "Poppins", sans-serif;
}

.kdn-collections-title span {
  color: #b98a4d;
}

.kdn-collections-copy {
  margin: 17px auto 0;
  max-width: 760px;
  color: #52606b;
  font-size: 13px;
  line-height: 1.45;
  text-align: center;
}

.kdn-collection-image-grid {
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.kdn-collection-image-card {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
    line-height: 0;
    background: #f4eee5;
    transition: transform .25s ease, box-shadow .25s ease;
}
.kdn-collection-image-card img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 0.752 / 1;
    object-fit: cover;
}

.kdn-collection-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 28px rgba(30, 22, 12, .15);
}

.kdn-card-content {
    position: absolute;
    z-index: 5;
    padding: 18px 17px;
    top: 10px;
    width: 62%;
}

.kdn-card-content h3 {
	font-family: "Fraunces", serif;
    color: #fff;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 600;
}

.kdn-card-content p {
    margin-top: 9px;
    color: #fff;
    font-size: 16px;
    line-height: 1.35;
	font-family: "Poppins", sans-serif;
}

.kdn-card-arrow {
    width: 26px;
    height: 26px;
    margin-top: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    color: #ffffff;
}

.kdn-card-arrow i {
    font-size: 16px;
}

.kdn-card-art {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.kdn-card-footer {
    position: absolute;
    z-index: 15;
    left: 0;
    right: 0;
    bottom: 12px;
    color: rgb(255 255 255);
    font-size: 10px;
    line-height: 1;
    letter-spacing: 2px;
    text-align: center;
	font-family: "Poppins", sans-serif;
}

.kc-white .kdn-card-content h3,
.kc-white .kdn-card-content p
{
	color:#fff;
}

.kc-white .kdn-card-content .kdn-card-arrow,
.kc-white .kdn-card-content .kdn-card-arrow i
{
	color:#fff;
}

.footer-blk
{
	color:#091629;
}

.kdn-card-gold {
  background: linear-gradient(145deg, #f9e9d2, #e9c28d);
}

.kdn-art-gold {
  background:
    radial-gradient(circle at 65% 76%, rgba(255,255,255,.45), transparent 25%),
    linear-gradient(160deg, transparent 42%, rgba(114,72,27,.15) 43%, rgba(114,72,27,.15) 100%);
}

.kdn-art-glow {
  position: absolute;
  right: -30px;
  bottom: -55px;
  width: 210px;
  height: 150px;
  border-radius: 50%;
  background: #c48b3b;
  opacity: .75;
  filter: blur(1px);
}

.kdn-coin {
  position: absolute;
  width: 91px;
  height: 91px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  transform: rotate(-13deg);
}

.kdn-coin::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 50%;
  border: 2px solid currentColor;
  opacity: .48;
}

.kdn-coin::after {
  content: "KUNDAN";
  position: absolute;
  bottom: 12px;
  font-size: 5px;
  letter-spacing: 1px;
}

.kdn-coin-gold {
  left: 35px;
  bottom: 21px;
  color: #875719;
  background: radial-gradient(circle at 35% 30%, #ffe28c, #d59a31 62%, #9c641a);
  border: 3px solid #b97a20;
  box-shadow: 0 8px 12px rgba(79, 44, 8, .24);
}

.kdn-gold-bar {
  position: absolute;
  right: 28px;
  bottom: 26px;
  width: 59px;
  height: 104px;
  transform: rotate(9deg);
  border-radius: 7px;
  background: linear-gradient(105deg, #b97517, #ffd96c 35%, #bd7718 78%, #e9ae3d);
  border: 2px solid #9c6213;
  box-shadow: 0 10px 12px rgba(67,43,8,.25);
}

.kdn-gold-bar b,
.kdn-silver-bar b {
  position: absolute;
  left: 0;
  right: 0;
  top: 37px;
  color: rgba(98,59,11,.8);
  text-align: center;
}

.kdn-gold-bar small,
.kdn-silver-bar small {
  font-size: 6px;
}

.kdn-card-silver {
  color: #fff;
  background: linear-gradient(150deg, #747474, #272b2d);
}

.kdn-card-silver .kdn-card-content h3,
.kdn-card-silver .kdn-card-content p,
.kdn-card-silver .kdn-card-arrow,
.kdn-card-silver .kdn-card-footer {
  color: #f3f3f3;
}

.kdn-art-silver {
  background:
    radial-gradient(circle at 20% 75%, #555 0 17%, transparent 18%),
    linear-gradient(135deg, #6d6d6d 0%, #25292a 60%);
}

.kdn-rock {
  position: absolute;
  background: #383a3a;
  transform: rotate(18deg);
  opacity: .8;
}

.kdn-rock-one {
  width: 170px;
  height: 150px;
  right: -20px;
  bottom: -45px;
  clip-path: polygon(20% 0, 100% 16%, 88% 100%, 0 82%);
}

.kdn-rock-two {
  width: 115px;
  height: 110px;
  left: -20px;
  bottom: -20px;
  background: #666;
  clip-path: polygon(20% 0, 100% 23%, 80% 100%, 0 72%);
}

.kdn-coin-silver {
  left: 34px;
  bottom: 24px;
  color: #64696a;
  background: radial-gradient(circle at 35% 30%, #f6f7f7, #b9bdbd 60%, #686c6d);
  border: 3px solid #d4d6d5;
  box-shadow: 0 9px 13px rgba(0,0,0,.35);
}

.kdn-silver-bar {
  position: absolute;
  right: 30px;
  bottom: 25px;
  width: 60px;
  height: 103px;
  transform: rotate(9deg);
  border-radius: 7px;
  background: linear-gradient(110deg, #787b7b, #ecefee 34%, #aeb3b3 75%, #686d6d);
  border: 2px solid #696e6e;
  box-shadow: 0 10px 13px rgba(0,0,0,.3);
}

.kdn-silver-bar b {
  color: #626767;
}

.kdn-card-pendant {
  background:
    radial-gradient(circle at 87% 6%, #fff 0 12%, transparent 12.5%),
    radial-gradient(circle at 90% 18%, rgba(213,166,94,.32), transparent 25%),
    linear-gradient(135deg, #f7e7cf, #ead1ac);
}

.kdn-om-mark {
  position: absolute;
  right: 17px;
  top: 17px;
  color: #d49a34;
  font-size: 23px;
}

.kdn-pendant {
  position: absolute;
  left: 50%;
  bottom: 35px;
  width: 84px;
  height: 100px;
  transform: translateX(-50%);
}

.kdn-pendant-ring {
  position: absolute;
  left: 32px;
  top: 0;
  width: 23px;
  height: 28px;
  border: 6px solid #d59b35;
  border-radius: 50%;
  background: transparent;
}

.kdn-pendant-body {
  position: absolute;
  left: 50%;
  top: 22px;
  width: 76px;
  height: 76px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 4px solid #bb7b17;
  color: #9a6412;
  background: radial-gradient(circle at 30% 25%, #ffe99c, #d8982a 65%, #a7650f);
  box-shadow: 0 8px 12px rgba(92,55,8,.25);
}

.kdn-pendant-shadow {
  position: absolute;
  left: 50%;
  bottom: 19px;
  width: 90px;
  height: 14px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: rgba(85,54,19,.16);
  filter: blur(6px);
}

.kdn-card-color {
  background: linear-gradient(135deg, #f2f2ef, #d5d8d8);
}

.kdn-art-color {
  background: radial-gradient(circle at 88% 25%, #75955e 0 8%, transparent 8.5%);
}

.kdn-leaf {
  position: absolute;
  right: -5px;
  top: 52px;
  width: 80px;
  height: 115px;
  border-radius: 100% 0 100% 0;
  background: #658b3d;
  transform: rotate(23deg);
  opacity: .72;
}

.kdn-color-coin {
  position: absolute;
  left: 50%;
  bottom: 25px;
  width: 116px;
  height: 116px;
  transform: translateX(-50%);
  border-radius: 50%;
  border: 6px solid #8c8f90;
  background: radial-gradient(circle, #f5f5f3 0 63%, #bfc1c1 64% 74%, #888 75%);
  box-shadow: 0 9px 15px rgba(0,0,0,.25);
}

.kdn-deity-head {
  position: absolute;
  top: 25px;
  left: 45px;
  width: 25px;
  height: 31px;
  border-radius: 48% 48% 45% 45%;
  background: #e7a938;
  box-shadow: -12px 8px 0 -6px #df9330, 12px 8px 0 -6px #df9330;
}

.kdn-deity-body {
  position: absolute;
  left: 50%;
  top: 53px;
  transform: translateX(-50%);
  color: #e49c28;
}

.kdn-white-coins {
  position: absolute;
  left: 17px;
  bottom: -3px;
  width: 80px;
  height: 17px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 15px 7px 0 #eee, 34px 10px 0 #f7f7f7;
}

.kdn-card-acrylic {
  background: linear-gradient(135deg, #f4e6d3, #e2d0b8);
}

.kdn-art-acrylic {
  background:
    radial-gradient(circle at 88% 62%, #6c8a50 0 8%, transparent 8.5%),
    linear-gradient(160deg, transparent 60%, rgba(105,81,55,.13));
}

.kdn-acrylic-box {
  position: absolute;
  left: 50%;
  bottom: 30px;
  width: 125px;
  height: 92px;
  transform: translateX(-50%) perspective(250px) rotateX(8deg);
  border: 3px solid rgba(255,255,255,.7);
  border-radius: 5px;
  background: rgba(235,242,240,.22);
  box-shadow: 0 8px 16px rgba(61,45,26,.2), inset 0 0 18px rgba(255,255,255,.55);
}

.kdn-acrylic-face {
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(255,255,255,.65);
}

.kdn-acrylic-coin {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 56px;
  height: 56px;
  transform: translate(-50%,-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 3px solid #ae7928;
  background: radial-gradient(circle, #e9bd64, #b77920);
  color: #7d531b;
}

.kdn-acrylic-leaf {
  position: absolute;
  right: -8px;
  bottom: 3px;
  width: 95px;
  height: 70px;
  border-radius: 100% 0;
  background: #56734a;
  opacity: .65;
}

.kdn-card-custom {
  color: #fff;
  background: linear-gradient(145deg, #174331, #0b2b21);
}

.kdn-card-custom .kdn-card-content h3,
.kdn-card-custom .kdn-card-content p,
.kdn-card-custom .kdn-card-arrow,
.kdn-card-custom .kdn-card-footer {
  color: #f3f2eb;
}

.kdn-art-custom {
  background: radial-gradient(circle at 75% 75%, rgba(94,127,78,.4), transparent 30%);
}

.kdn-custom-leaf {
  position: absolute;
  right: -15px;
  bottom: 35px;
  width: 100px;
  height: 135px;
  border-radius: 100% 0;
  background: #315d3c;
  opacity: .8;
  transform: rotate(18deg);
}

.kdn-custom-platform {
  position: absolute;
  left: 35px;
  bottom: 30px;
  width: 140px;
  height: 33px;
  transform: skewX(-23deg);
  border-radius: 5px;
  background: linear-gradient(#1b342a, #091a14);
  box-shadow: 0 9px 14px rgba(0,0,0,.3);
}

.kdn-custom-coin {
  position: absolute;
  left: 84px;
  bottom: 49px;
  width: 91px;
  height: 91px;
  transform: rotate(-11deg);
  border-radius: 50%;
  border: 5px solid #bc8530;
  background: radial-gradient(circle, #f0c35f, #a76c20);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #76501d;
  text-align: center;
  box-shadow: 0 8px 12px rgba(0,0,0,.3);
}

.kdn-card-cast {
  color: #fff;
  background: linear-gradient(145deg, #103557, #071f3a);
}

.kdn-card-cast .kdn-card-content h3,
.kdn-card-cast .kdn-card-content p,
.kdn-card-cast .kdn-card-arrow,
.kdn-card-cast .kdn-card-footer {
  color: #f4f5f5;
}

.kdn-art-cast {
  background: radial-gradient(circle at 80% 80%, rgba(60,91,121,.5), transparent 32%);
}

.kdn-cast-bar {
  position: absolute;
  width: 65px;
  height: 75px;
  border: 2px solid #767b7d;
  border-radius: 7px;
  background: linear-gradient(140deg, #74797a, #e5e8e8 40%, #858b8c 75%);
  color: #626869;
  text-align: center;
  padding-top: 28px;
  box-shadow: 0 8px 13px rgba(0,0,0,.35);
}

.kdn-cast-one {
  left: 32px;
  bottom: 31px;
  transform: rotate(-12deg);
}

.kdn-cast-two {
  left: 80px;
  bottom: 25px;
  transform: rotate(8deg);
}

.kdn-cast-three {
  left: 128px;
  bottom: 35px;
  transform: rotate(20deg);
}

.kdn-card-frame {
  color: #fff;
  background: linear-gradient(145deg, #a33122, #5b1b16);
}

.kdn-card-frame .kdn-card-content h3,
.kdn-card-frame .kdn-card-content p,
.kdn-card-frame .kdn-card-arrow,
.kdn-card-frame .kdn-card-footer {
  color: #fff5e7;
}

.kdn-art-frame {
  background: radial-gradient(circle at 55% 76%, rgba(255,165,60,.3), transparent 34%);
}

.kdn-frame {
  position: absolute;
  left: 50%;
  bottom: 22px;
  width: 138px;
  height: 100px;
  transform: translateX(-50%);
  padding: 7px;
  border: 5px solid #a95f1d;
  background: #e2a73d;
  box-shadow: 0 10px 14px rgba(45,10,4,.4);
}

.kdn-frame-inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border: 2px solid #743714;
  background: linear-gradient(145deg, #4d1b0e, #1e0805);
  color: #f0bf56;
  text-align: center;
}

.kdn-frame-inner b {
  font-size: 34px;
  color: #e0a137;
}

@media (max-width: 1020px) {
  .kdn-collections {
    padding: 60px 18px;
  }

  .kdn-collection-grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 620px) {
  .kdn-collections {
    padding: 52px 14px 58px;
  }

  .kdn-collections-title {
    font-size: 38px;
  }

  .kdn-collections-copy {
    font-size: 13px;
    line-height: 1.55;
  }

  .kdn-collections-break {
    display: none;
  }

  .kdn-collection-grid {
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    margin-top: 28px;
  }

  .kdn-collection-card {
    height: 235px;
    border-radius: 5px;
  }

  .kdn-card-content {
    padding: 14px 12px;
	width: 73%;
  }

  .kdn-card-content h3 {
    font-size: 18px;
  }

  .kdn-card-content p {
	font-size: 10px;
	display: none;
  }

  .kdn-card-arrow {
	width: 28px;
	height: 28px;
	margin-top: 12px;
	color: #000000;
  }

  .kdn-card-footer {
    bottom: 6px;
    font-size: 5px;
    letter-spacing: 1.4px;
  }

  .kdn-coin {
    width: 70px;
    height: 70px;
    font-size: 23px;
  }

  .kdn-coin-gold,
  .kdn-coin-silver {
    left: 21px;
    bottom: 20px;
  }

  .kdn-gold-bar,
  .kdn-silver-bar {
    right: 17px;
    bottom: 20px;
    width: 47px;
    height: 80px;
  }

  .kdn-gold-bar b,
  .kdn-silver-bar b {
    top: 28px;
    font-size: 6px;
  }

  .kdn-color-coin {
    width: 88px;
    height: 88px;
    bottom: 21px;
  }

  .kdn-pendant {
    bottom: 25px;
    transform: translateX(-50%) scale(.78);
    transform-origin: bottom center;
  }

  .kdn-acrylic-box {
    transform: translateX(-50%) scale(.82) perspective(250px) rotateX(8deg);
    transform-origin: bottom center;
  }

  .kdn-custom-coin {
    left: 50%;
    bottom: 46px;
    transform: translateX(-50%) rotate(-11deg) scale(.78);
  }

  .kdn-custom-platform {
    left: 50%;
    transform: translateX(-50%) skewX(-23deg) scale(.8);
    transform-origin: bottom center;
  }

  .kdn-cast-bar {
    width: 49px;
    height: 62px;
    font-size: 6px;
    padding-top: 24px;
  }

  .kdn-cast-one { left: 12px; }
  .kdn-cast-two { left: 46px; }
  .kdn-cast-three { left: 80px; }

  .kdn-frame {
    transform: translateX(-50%) scale(.76);
    transform-origin: bottom center;
  }
}



/* =========================================================
   Featured Design Start
   ========================================================= */
.kdn-feature-showcase {
  padding: 20px 22px 28px;
  background: #fff;
}

.kdn-feature-grid {
  width: min(100%, 1220px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.kdn-feature-card {
  position: relative;
  height: 330px;
  overflow: hidden;
  border-radius: 11px;
  isolation: isolate;
  color: #fff;
  transition: transform .3s ease, box-shadow .3s ease;
}

.kdn-feature-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 35px rgba(0,0,0,.18);
}

.kdn-feature-purity {
  grid-column: 1 / -1;
  height: 335px;
}

.feature-card-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.feature-card-wrap.feature-big-card-wrap::before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000000a8;
    position: absolute;
}

.feature-card-wrap img {
   max-width: 100%;
}

.kdn-feature-copy {
    left: 40px;
    top: 40px;
    z-index: 5;
    width: 47%;
    position: absolute;
}

.kdn-feature-copy.kdn-feature-white h2 {
    color: #fff;
}

.kdn-feature-purity .kdn-feature-copy {
  width: 39%;
  padding-top: 41px;
}

.kdn-feature-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
}

.kdn-feature-kicker span {
  width: 35px;
  height: 1px;
  background: #bd8a42;
}

.kdn-feature-kicker p {
    color: #ba8a38;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 3px;
    font-weight: 600;
    margin-bottom: 0;
    font-family: "Poppins", sans-serif;
}

.kdn-feature-lotus .kdn-feature-kicker p,
.kdn-feature-purity .kdn-feature-kicker p {
  color: #c3944d;
}

.kdn-feature-copy h2 {
  margin: 19px 0 0;
  color: #091629;
  font-family: "Fraunces", serif;
  font-size: 39px;
  line-height: .98;
  font-weight: 400;
  letter-spacing: -1.3px;
}

.kdn-feature-copy h2 em {
  display: block;
  color: #ba8a38;
  font-style: normal;
}

.kdn-feature-lotus .kdn-feature-copy h2,
.kdn-feature-purity .kdn-feature-copy h2 {
  color: #f5f2ec;
}

.kdn-feature-lotus .kdn-feature-copy h2 em,
.kdn-feature-purity .kdn-feature-copy h2 em {
  color: #c79347;
}

.kdn-feature-copy h2 {
    line-height: 1.2;
}

.kdn-feature-description {
    max-width: 330px;
    margin-top: 15px;
    color: #4f4d4a;
    font-size: 24px;
    line-height: 1.35;
    margin-bottom: 35px;
	font-family: "Poppins", sans-serif;
}

.kdn-feature-copy.kdn-feature-white .kdn-feature-description 
{
    color: #ffffff;
    max-width: 260px;
}

.kdn-feature-lotus .kdn-feature-description,
.kdn-feature-purity .kdn-feature-description {
  color: #e0ded9;
}

.kdn-feature-points {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-top: 20px;
}

.kdn-quality {
    display: flex;
    gap: 10px;
    align-items: center;
}

.kdn-quality i {
    color: #091629;
}

.kdn-feature-points span {
    position: relative;
    min-width: 53px;
    color: #091629;
	font-family: "Poppins", sans-serif;
}

.kdn-feature-lotus .kdn-feature-points span,
.kdn-feature-purity .kdn-feature-points span {
  color: #e0b66b;
}

.kdn-feature-points i {
    position: relative;
    font-size: 22px;
}

.kdn-feature-copy.kdn-feature-white .kdn-quality i 
{
    color: #ba8a38;
}

.kdn-feature-copy.kdn-feature-white .kdn-feature-points span,
.kdn-feature-copy.kdn-feature-white .kdn-feature-points span small
{
	color:#fff;
}

.kdn-feature-points b,
.kdn-feature-points small {
    display: block;
    font-size: 13px;
    line-height: 1;
    font-weight: 500;
}

.kdn-feature-points small {
  color: #091629;
}

.kdn-feature-lotus .kdn-feature-points small,
.kdn-feature-purity .kdn-feature-points small {
  color: #d8d2c8;
}

.kdn-feature-button {
    color: #fff;
    font-size: 16px;
    margin-top: 40px;
    min-height: 40px;
    padding: 13px 22px;
    display: inline-flex;
    align-items: center;
    gap: 13px;
    border-radius: 6px;
	font-family: "Poppins", sans-serif;
    box-shadow: 0 7px 12px rgba(98, 58, 16, .18);
    background-color: #ba8a38;
}

.kdn-feature-button i {
  font-size: 16px;
}

.kdn-feature-button-outline {
  border: 1px solid #b98335;
  background: transparent;
  box-shadow: none;
}

.kdn-feature-card .kdn-feature-button {
  transition: transform .25s ease, background .25s ease;
}

.kdn-feature-card:hover .kdn-feature-button {
  transform: translateX(3px);
}

.feature-big-card-wrap .kdn-feature-copy .kdn-feature-description
{
    color: #ffffff;
    max-width: 69%;
    font-size: 21px;	
	margin-bottom: 0;
}

.feature-big-card-wrap .kdn-feature-copy {
    top: 50%;
    transform: translateY(-50%) !important;
}

.feature-card-wrap.feature-big-card-wrap h2
{
	color:#fff;
}

/* Shared card backgrounds */
.kdn-feature-heritage {
  background:
    radial-gradient(circle at 76% 32%, rgba(255,255,255,.8), transparent 30%),
    linear-gradient(120deg, #f4eadc, #e8dac8);
}

.kdn-feature-lotus,
.kdn-feature-purity {
  background:
    radial-gradient(circle at 73% 55%, rgba(102,70,30,.22), transparent 31%),
    linear-gradient(120deg, #080807, #15120d 65%, #070707);
}

/* Heritage coin */
.kdn-feature-art {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.kdn-heritage-flower {
  position: absolute;
  right: -8px;
  top: -18px;
  width: 185px;
  height: 190px;
  opacity: .22;
  background:
    radial-gradient(ellipse at 20% 45%, #fff 0 12%, transparent 13%),
    radial-gradient(ellipse at 45% 25%, #fff 0 11%, transparent 12%),
    radial-gradient(ellipse at 70% 42%, #fff 0 12%, transparent 13%);
  filter: blur(1px);
}

.kdn-heritage-stone {
  position: absolute;
  right: -15px;
  bottom: -25px;
  width: 350px;
  height: 95px;
  border-radius: 35% 0 0 0;
  background: linear-gradient(150deg, #f1e6d5, #c9baa4);
  box-shadow: inset 0 9px 18px rgba(255,255,255,.45);
  transform: skewX(-8deg);
}

.kdn-feature-coin {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.kdn-feature-coin-gold {
  right: 33px;
  bottom: 27px;
  width: 194px;
  height: 194px;
  border: 7px solid #a86d1b;
  background: radial-gradient(circle at 34% 27%, #ffeaa1, #d99b32 60%, #9d6318);
  box-shadow: inset 0 0 0 3px rgba(255,222,127,.55), 0 12px 20px rgba(79,49,12,.27);
  transform: rotate(5deg);
}

.kdn-feature-coin-gold::before,
.kdn-purity-gold-coin::before {
  content: "";
  position: absolute;
  inset: 9px;
  border: 2px solid rgba(117,72,11,.6);
  border-radius: 50%;
}

.kdn-coin-tree {
  position: relative;
  width: 108px;
  height: 125px;
  color: #98611b;
}

.kdn-tree-trunk {
  position: absolute;
  left: 48px;
  bottom: 10px;
  width: 12px;
  height: 63px;
  border-radius: 50%;
  background: currentColor;
  transform: rotate(3deg);
}

.kdn-tree-trunk::before,
.kdn-tree-trunk::after {
  content: "";
  position: absolute;
  width: 42px;
  height: 10px;
  border-radius: 50%;
  border-top: 4px solid currentColor;
}

.kdn-tree-trunk::before {
  left: -30px;
  top: 32px;
  transform: rotate(-27deg);
}

.kdn-tree-trunk::after {
  right: -30px;
  top: 25px;
  transform: rotate(25deg);
}

.kdn-tree-crown {
  position: absolute;
  left: 9px;
  top: 5px;
  width: 90px;
  height: 85px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 20% 32%, currentColor 0 5%, transparent 6%),
    radial-gradient(circle at 48% 16%, currentColor 0 6%, transparent 7%),
    radial-gradient(circle at 75% 35%, currentColor 0 6%, transparent 7%),
    radial-gradient(circle at 32% 62%, currentColor 0 5%, transparent 6%),
    radial-gradient(circle at 62% 58%, currentColor 0 5%, transparent 6%);
}

/* Lotus bar */
.kdn-feature-lotus-art {
  background:
    radial-gradient(circle at 72% 65%, rgba(185,125,37,.26), transparent 25%);
}

.kdn-lotus-rock {
  position: absolute;
  right: -25px;
  bottom: -18px;
  width: 280px;
  height: 160px;
  background: linear-gradient(145deg, #34302a, #11110f);
  clip-path: polygon(10% 18%, 73% 0, 100% 17%, 93% 100%, 0 86%);
}

.kdn-lotus-leaf {
  position: absolute;
  right: 5px;
  bottom: 10px;
  width: 100px;
  height: 16px;
  border-radius: 50%;
  background: #4d3d22;
  transform: rotate(-20deg);
}

.kdn-lotus-bar {
  position: absolute;
  right: 51px;
  bottom: 30px;
  width: 105px;
  height: 214px;
  transform: rotate(-14deg);
  border-radius: 11px;
  border: 3px solid #b87b22;
  background: linear-gradient(110deg, #9f681a, #f5c85f 35%, #d99a31 65%, #936016);
  box-shadow: inset 6px 5px 12px rgba(255,255,255,.45), 0 13px 18px rgba(0,0,0,.35);
}

.kdn-lotus-logo {
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  text-align: center;
  color: #755016;
}

.kdn-lotus-logo small {
  display: block;
  margin-top: 2px;
  letter-spacing: 1px;
}

.kdn-lotus-symbol {
  position: absolute;
  left: 0;
  right: 0;
  top: 73px;
  color: #986319;
  font-size: 53px;
  text-align: center;
}

.kdn-lotus-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 23px;
  color: #795116;
  text-align: center;
}

.kdn-lotus-text small {
  font-size: 8px;
}

/* Large purity section */
.kdn-feature-purity-art {
  overflow: hidden;
}

.kdn-purity-ring {
  position: absolute;
  left: 46%;
  top: -62px;
  width: 390px;
  height: 390px;
  border-radius: 50%;
  border: 28px solid rgba(197,143,52,.75);
  box-shadow: 0 0 35px rgba(196,139,46,.22);
}

.kdn-purity-rock {
  position: absolute;
  right: -20px;
  bottom: -25px;
  width: 610px;
  height: 155px;
  background: linear-gradient(145deg, #3c3830, #0d0d0c);
  clip-path: polygon(4% 20%, 28% 0, 58% 12%, 100% 5%, 97% 100%, 0 100%);
}

.kdn-purity-platform {
  position: absolute;
  right: 45px;
  bottom: 16px;
  width: 560px;
  height: 58px;
  border-radius: 8px;
  background: linear-gradient(145deg, #4d463b, #171512);
  transform: skewX(-10deg);
  box-shadow: 0 12px 15px rgba(0,0,0,.35);
}

.kdn-purity-coin {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.kdn-purity-gold-coin {
  right: 370px;
  bottom: 42px;
  width: 142px;
  height: 142px;
  border: 6px solid #b77b24;
  background: radial-gradient(circle at 32% 27%, #ffeaa1, #d7982c 65%, #925e14);
  box-shadow: inset 0 0 0 3px rgba(255,224,129,.55), 0 11px 15px rgba(0,0,0,.35);
}

.kdn-purity-gold-coin .kdn-coin-tree {
  transform: scale(.72);
}

.kdn-purity-bar {
  position: absolute;
  right: 260px;
  bottom: 42px;
  width: 96px;
  height: 194px;
  transform: rotate(-4deg);
  border-radius: 10px;
  border: 3px solid #ad721b;
  background: linear-gradient(105deg, #9e681a, #f2c45b 34%, #d3972d 70%, #8e5a14);
  box-shadow: inset 5px 4px 10px rgba(255,255,255,.42), 0 13px 17px rgba(0,0,0,.4);
}

.kdn-purity-bar .kdn-lotus-logo {
  top: 20px;
  font-size: 18px;
}

.kdn-purity-bar-text {
  position: absolute;
  bottom: 19px;
  left: 0;
  right: 0;
  color: #765015;
  text-align: center;
}

.kdn-purity-bar-text small {
  font-size: 8px;
}

.kdn-purity-silver-coin {
  right: 115px;
  bottom: 42px;
  width: 143px;
  height: 143px;
  border: 6px solid #868a89;
  background: radial-gradient(circle at 35% 28%, #fff, #c9cecd 63%, #777c7c);
  box-shadow: inset 0 0 0 3px #e5e6e5, 0 11px 15px rgba(0,0,0,.35);
}

.kdn-silver-deity {
  color: #676c6b;
}

.kdn-purity-tag {
  position: absolute;
  right: 25px;
  top: 44px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #c99446;
  font-size: 8px;
  letter-spacing: 2.5px;
  text-align: left;
}

.kdn-purity-tag i {
  width: 28px;
  height: 1px;
  margin-top: 8px;
  background: #b8833a;
}

/* Responsive */
@media (max-width: 1020px) {
  .kdn-feature-grid {
    grid-template-columns: 1fr;
  }

  .kdn-feature-purity {
    grid-column: auto;
  }

  .kdn-feature-card,
  .kdn-feature-purity {
    height: 310px;
  }
}

@media (max-width: 620px) {
  .kdn-feature-showcase {
    padding: 12px 12px 22px;
  }

  .kdn-feature-grid {
    gap: 9px;
  }

  .kdn-feature-card,
  .kdn-feature-purity {
    height: 315px;
    border-radius: 9px;
  }

  .kdn-feature-copy,
  .kdn-feature-purity .kdn-feature-copy {
    width: 55%;
    padding: 22px 0 15px 21px;
  }

  .kdn-feature-purity .kdn-feature-copy {
    width: 49%;
  }

  .kdn-feature-copy h2 {
    font-size: 31px;
  }

  .kdn-feature-description {
    font-size: 11px;
    max-width: 225px;
  }

  .kdn-feature-points {
    gap: 9px;
    flex-wrap: wrap;
  }

  .kdn-feature-points span {
    padding-left: 20px;
    min-width: 44px;
  }

  .kdn-feature-points b,
  .kdn-feature-points small {
    font-size: 7px;
  }

  .kdn-feature-button {
    margin-top: 17px;
    padding: 0 13px;
    min-height: 36px;
    font-size: 10px;
  }

  .kdn-feature-coin-gold {
    right: 13px;
    bottom: 25px;
    width: 145px;
    height: 145px;
  }

  .kdn-gold-bar {
    right: 18px;
    bottom: 24px;
    transform: scale(.78);
    transform-origin: bottom right;
  }

  .kdn-lotus-bar {
    right: 13px;
    bottom: 24px;
    transform: rotate(-14deg) scale(.72);
    transform-origin: bottom right;
  }

  .kdn-purity-ring {
    left: 38%;
    width: 290px;
    height: 290px;
    border-width: 20px;
  }

  .kdn-purity-gold-coin {
    right: 180px;
    bottom: 38px;
    width: 105px;
    height: 105px;
  }

  .kdn-purity-gold-coin .kdn-coin-tree {
    transform: scale(.52);
  }

  .kdn-purity-bar {
    right: 112px;
    bottom: 35px;
    width: 70px;
    height: 142px;
  }

  .kdn-purity-silver-coin {
    right: 17px;
    bottom: 35px;
    width: 105px;
    height: 105px;
  }

  .kdn-silver-deity {
    font-size: 45px;
  }

  .kdn-purity-platform {
    right: 7px;
    width: 330px;
    height: 43px;
  }

  .kdn-purity-rock {
    width: 370px;
  }

  .kdn-purity-tag {
    display: none;
  }
}

/* =========================================================
   Gift of Choice Design
   ========================================================= */
section.kdn-gift-sect 
{
    padding-bottom: 80px;
    background-color: #fff;
}   
   
.kdn-gift-inner {
  width: min(100%, 835px);
  margin: 0 auto;
}

.kdn-gift-kicker {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.kdn-gift-kicker span {
  width: 34px;
  height: 1px;
  background: #bb8a50;
}

.kdn-gift-kicker p {
  color: #5e6670;
  font-size: 9px;
  line-height: 1;
  letter-spacing: 3px;
}

.kdn-gift-title {
  margin-top: 26px;
  color: #111315;
  font-size: 46px;
  line-height: 1;
  font-weight: 400;
  text-align: center;
  letter-spacing: -1.4px;
}

.kdn-gift-title span {
  color: #b5874d;
}

.kdn-gift-intro {
  max-width: 690px;
  margin: 17px auto 0;
  color: #53606b;
  font-size: 12px;
  line-height: 1.45;
  text-align: center;
}

.kdn-gift-tabs {
    z-index: 3;
    width: 25%;
	position: relative;
	border-bottom: 1px solid #eee;
}

.kdn-gift-tab:first-child {
  border-radius: 5px 5px 0 0;
}

.kdn-gift-tab-active {
  color: #b17a39;
  border-bottom: 1px solid #fff;
  box-shadow: inset 0 -1px #c99a5a;
}

.kdn-gift-panel {
    position: relative;
    height: 400px;
    overflow: hidden;
    border: 1px solid #eee8df;
    box-shadow: 0 6px 20px rgba(77, 53, 27, .05);
    background-image: url(../images/precious-1.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.kdn-gift-copy {
	position: relative;
    z-index: 5;
    width: 49%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-left: 45px;
}

.kdn-gift-copy h3 {
    margin: 0;
    color: #ba8a38;
    font-family: "Fraunces", serif;
    font-size: 38px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 1px;
	margin-bottom: 15px;
}

.kdn-gift-subtitle {
    color: #897d70;
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 10px;
}

.kdn-gift-points {
  margin-top: 9px;
  padding: 0;
  list-style: none;
}

.kdn-gift-points li {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 3px;
    color: #70665a;
    font-size: 15px;
    line-height: 1.7;
	font-family: "Poppins", sans-serif;
}

.kdn-gift-points i {
    color: #ba8a38;
    font-size: 16px;
}

.kdn-gift-benefits {
    display: flex;
    width: 100%;
    margin-top: 22px;
}

.kdn-gift-benefit {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    border-right: 1px solid rgba(183, 143, 87, .28);
    text-align: center;
    padding: 0 35px;
}

.kdn-gift-benefit:first-child {
    padding-left: 0;
}

.kdn-gift-benefit:last-child {
  border-right: 0;
}

.kdn-gift-benefit i {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ba8a38;
    border-radius: 50%;
    color: #bf8738;
    font-size: 26px;
    background-color: #f6e0c7;
}

.kdn-gift-benefit span {
	color: #625b54;
    font-size: 15px;
    line-height: 1.35;
    width: 80%;
	font-family: "Poppins", sans-serif;
}

/* Gift scene */
.kdn-gift-art {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}

.kdn-gift-cloth {
  position: absolute;
  right: -20px;
  bottom: -35px;
  width: 580px;
  height: 170px;
  border-radius: 50% 50% 0 0;
  background:
    radial-gradient(ellipse at 40% 25%, rgba(255,255,255,.65), transparent 25%),
    linear-gradient(155deg, #fffdf7, #e7d8c4 62%, #d2bea1);
  transform: rotate(-3deg);
  box-shadow: 0 -12px 22px rgba(126,93,54,.08);
}

.kdn-gift-flower {
  position: absolute;
  width: 125px;
  height: 115px;
  opacity: .43;
}

.kdn-gift-flower::before,
.kdn-gift-flower::after {
  content: "";
  position: absolute;
  border-radius: 50% 0 50% 0;
  background: #d8c8b1;
}

.kdn-gift-flower::before {
  width: 75px;
  height: 115px;
  left: 25px;
  top: 0;
  transform: rotate(35deg);
}

.kdn-gift-flower::after {
  width: 70px;
  height: 110px;
  left: 52px;
  top: 12px;
  transform: rotate(-30deg);
}

.kdn-gift-flower-one {
  right: 8px;
  top: -18px;
}

.kdn-gift-flower-two {
  right: 270px;
  bottom: -32px;
  transform: scale(.8) rotate(15deg);
  opacity: .3;
}

.kdn-gift-box {
  position: absolute;
  right: 145px;
  bottom: 28px;
  width: 155px;
  height: 174px;
  transform: perspective(500px) rotateY(-5deg);
  filter: drop-shadow(0 15px 12px rgba(63,37,17,.22));
}

.kdn-gift-lid {
  position: absolute;
  left: 2px;
  top: 0;
  width: 151px;
  height: 95px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 5px solid #6e1f1b;
  border-radius: 2px;
  background: linear-gradient(145deg, #8e2d27, #4e1715);
  color: #d9a84d;
  letter-spacing: 1px;
  box-shadow: inset 0 0 0 2px rgba(214,162,70,.15);
}

.kdn-gift-logo-mark {
  margin-bottom: 4px;
  font-size: 27px;
}

.kdn-gift-box-base {
  position: absolute;
  left: 15px;
  bottom: 0;
  width: 125px;
  height: 101px;
  border: 5px solid #6e1f1b;
  background: linear-gradient(145deg, #7f2520, #431313);
  transform: skewY(2deg);
}

.kdn-gift-inner-lining {
  position: absolute;
  left: 11px;
  right: 11px;
  top: 10px;
  height: 55px;
  border-radius: 50% 50% 5px 5px;
  background: #b88d64;
  box-shadow: inset 0 -12px 14px rgba(65,32,15,.22);
}

.kdn-gift-coin {
  position: absolute;
  left: 50%;
  bottom: 13px;
  width: 66px;
  height: 66px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #ae751e;
  border-radius: 50%;
  background: radial-gradient(circle at 33% 25%, #ffe7a0, #d4982c 62%, #986117);
  box-shadow: 0 4px 7px rgba(54,28,9,.25);
}

.kdn-gift-tree {
  transform: scale(.43);
}

.kdn-gift-ribbon {
  position: absolute;
  background: rgba(127,34,27,.85);
  box-shadow: 0 2px 6px rgba(90,34,18,.13);
}

.kdn-gift-ribbon-one {
  right: 13px;
  bottom: -3px;
  width: 270px;
  height: 11px;
  transform: rotate(22deg);
  border-radius: 50%;
}

.kdn-gift-ribbon-two {
  right: 65px;
  bottom: 38px;
  width: 130px;
  height: 9px;
  transform: rotate(-19deg);
  border-radius: 50%;
}

.kdn-header-actions i 
{
    font-size: 24px;
}

.kdn-gift-tabs .kdn-gift-tab {
	font-family: "Poppins", sans-serif;
    background: #fff;
    color: #555;
    border: 1px solid transparent;
    padding: 12px 22px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px 5px 0 0;
    width: 50%;
    height: 45px;
}

.kdn-gift-tabs .kdn-gift-tab.active {
	color: #b7833f;
    font-weight: 600;
	border-color: #eee #eee #fff;
	border-bottom: 2px solid #b7833f;	
}

.kdn-gift-panel {
  width: 100%;
}


@media (max-width: 1020px) {
  .kdn-gift-showcase {
    padding-left: 18px;
    padding-right: 18px;
  }

  .kdn-gift-inner {
    max-width: 850px;
  }

  .kdn-gift-box {
    right: 90px;
  }
}

@media (max-width: 620px) {
  .kdn-gift-showcase {
    padding: 52px 14px 58px;
  }

  .kdn-gift-title {
    font-size: 35px;
    line-height: 1.05;
  }

  .kdn-gift-intro {
    font-size: 12px;
  }

  .kdn-gift-tabs {
    width: 100%;
    margin-top: 25px;
  }

  .kdn-gift-panel {
    height: 470px;
  }

  .kdn-gift-copy {
        width: 100%;
        padding: 20px 16px;
  }

  .kdn-gift-copy h3 {
    font-size: 29px;
  }

  .kdn-gift-benefits {
    width: 100%;
    max-width: 325px;
    margin-top: 18px;
  }

  .kdn-gift-art {
    top: 205px;
  }

  .kdn-gift-box {
    right: 50%;
    bottom: 16px;
    transform: translateX(50%) scale(.84);
    transform-origin: bottom center;
  }

  .kdn-gift-cloth {
    right: -150px;
    width: 570px;
  }

  .kdn-gift-flower-one {
    right: -25px;
    top: 5px;
  }

  .kdn-gift-ribbon-one {
    right: -55px;
  }

  .kdn-gift-ribbon-two {
    right: 15px;
  }
}

/********* Trust Section ***********/

section.kdn-trust-sect 
{
    padding: 80px 0;
    background-image: url(../images/trust.png);
}

.trust-wrap p {
    width: 37%;
}

.kdn-trust-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.kdn-trust-card {
  flex: 1 1 16.666%;
  min-width: 0;
  position: relative;
  text-align: center;
  padding: 8px 14px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.kdn-trust-card:not(:nth-child(6n))::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0px;
    height: 190px;
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(160, 140, 110, .25), transparent);
}

.kdn-trust-icon {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border: 1px solid #ba8a38;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ba8a38;
  font-size: 27px;
  background: linear-gradient(145deg, #fffaf1, #f8edda);
  margin-bottom: 10px;
  transition: transform .35s ease, box-shadow .35s ease,
              background .35s ease;
}

.kdn-trust-card:hover .kdn-trust-icon {
  transform: translateY(-5px) scale(1.06);
  background: #fff;
  box-shadow: 0 8px 20px rgba(174, 126, 53, .16);
}

.kdn-trust-card h4 {
	font-size: 16px;
    font-weight: 600;
    line-height: 1.12;
    color: #091629;
    margin: 0 0 8px;
	font-family: "Fraunces", serif;
}

.kdn-trust-card p {
    font-size: 14px;
    line-height: 1.5;
    color: #66615a;
    margin: 0;
    width: 100%;
	font-family: "Poppins", sans-serif;
}

@media (max-width: 991px) {
  .kdn-trust-card {
    flex: 1 1 33.333%;
  }

  .kdn-trust-card:not(:nth-child(6n))::after {
    display: none;
  }

  .kdn-trust-card:not(:nth-child(3n))::after {
    display: block;
  }
}

@media (max-width: 575px) {
  .kdn-trust-card {
    flex: 1 1 50%;
    padding: 12px 8px 18px;
  }

  .kdn-trust-card:not(:nth-child(3n))::after {
    display: none;
  }

  .kdn-trust-card:nth-child(odd)::after {
    display: block;
  }

  .kdn-trust-icon {
    width: 48px;
    height: 48px;
    font-size: 24px;
  }
}


/********* Trust Section ***********/

/********* Testimonial Section ***********/

.stories-section 
{
    margin: 0 auto;
    padding: 80px 80px;
	background-color:#fff;
}

.stories-section {
  width: 100%;
  padding: 60px;
}
.accordion-container {
  display: flex;
  gap: 16px;
  width: 100%;
  height: 480px;
}
.story-card {
  position: relative;
  flex: 1;
  min-width: 0;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  transition: flex 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.story-card.active {
  flex: 3.5;
}
.media-wrapper {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transition: filter 0.4s ease, transform 0.4s ease;
}
.media-wrapper img,
.media-wrapper video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: filter 0.4s ease, opacity 0.4s ease;
}
.story-card:not(.active) .media-wrapper {
  filter: blur(8px);
  transform: scale(1.05);
}
.story-card.active .media-wrapper {
  filter: blur(0);
  transform: scale(1);
}
.media-wrapper video {
  opacity: 0;
}
.story-card.active .media-wrapper video {
  opacity: 1;
}
.story-card:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6));
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.story-card.active:after {
  opacity: 1;
}
.overlay-content {
  position: absolute;
  inset: 0;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 2;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none;
}
.story-card.active .overlay-content {
  opacity: 1;
  transform: translateY(0);
}
.badge {
  width: max-content;
  padding: 9px 13px;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.36);
  color: #fff;
  font-size: 13px;
}
.title {
  margin: 0;
  color: #fff;
  font-size: clamp(18px, 2vw, 30px);
  line-height: 1.2;
  max-width: 540px;
}

.overlay-content .title
{
	font-family: "Fraunces", serif;	
}

.plus-icon {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(4px);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  z-index: 3;
  transition: opacity 0.3s ease;
}
.story-card.active .plus-icon {
  opacity: 0;
}
@media (max-width: 767px) {
  .accordion-container {
    flex-direction: column;
    height: auto;
    gap: 12px;
  }
  .story-card {
    flex: none;
  }
  .story-card.active {
    flex: none;
  }
  .story-card:not(.active) .media-wrapper {
    filter: blur(0);
    transform: none;
  }
}
@media (hover: none) {
  .story-card {
    cursor: pointer;
  }
}


/********* Testimonial Section ***********/

/********* Blog Section ***********/

section.kdn-blog-sect {
    padding: 80px 0;
    background-color: #F7F3EA;
}

/* BLOG SECTION */
.kdn-blog-section {
  width: 100%;
  padding: 20px 0;
  background: #fff;
}

.kdn-blog-container {
  width: 100%;
  max-width: 1440px;
  padding: 0 12px;
  margin: 0 auto;
}

/* FLEX LAYOUT */
.kdn-blog-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: stretch;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

/* BLOG CARD */
.kdn-blog-card {
  flex: 1 1 calc(33.333% - 10px);
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 10px;
  background: #faf8f4;
  box-shadow: 0 2px 12px rgba(71, 49, 21, 0.035);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.kdn-blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 26px rgba(71, 49, 21, 0.1);
}

/* IMAGE AREA */
.kdn-blog-image {
  position: relative;
  width: 100%;
  aspect-ratio: 1.6 / 1;
  overflow: hidden;
  border-radius: 9px;
  background: #e8d5b8;
}

.kdn-blog-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.65s cubic-bezier(.2,.7,.2,1);
}

.kdn-blog-card:hover .kdn-blog-image img {
  transform: scale(1.045);
}

/* CATEGORY AND DATE */
.kdn-blog-category,
.kdn-blog-date {
	position: absolute;
    top: 12px;
    z-index: 1;
    padding: 7px 15px;
    border-radius: 30px;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.7px;
    white-space: nowrap;
	font-family: "Poppins", sans-serif;
}

.kdn-blog-category {
  left: 12px;
  background-color: #ba8a38;
}

.kdn-blog-date {
  right: 12px;
  background: rgba(38, 34, 28, 0.68);
}

/* CONTENT */
.kdn-blog-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 20px;
}

.kdn-blog-content h3 {
	margin: 0 0 12px;
    color: #091629;
    font-family: "Fraunces", serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
}

.kdn-blog-content p {
    margin: 0;
    color: #77736e;
    font-size: 16px;
    line-height: 1.55;
	font-family: "Poppins", sans-serif;
}

a.kdn-blog-link i {
    font-weight: 200;
    font-size: 15px;
    position: relative;
    top: -1px;
}

/* FOOTER */

.kdn-blog-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 20px;
}

.kdn-blog-link {
	display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #ba8a38;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-weight: 600;
    transition: color 0.3s ease;
}

.kdn-blog-link span {
  display: inline-block;
  font-size: 17px;
  line-height: 1;
  transition: transform 0.3s ease;
}

.kdn-blog-link:hover {
  color: #b58a45;
}

.kdn-blog-link:hover span {
  transform: translateX(4px);
}

.kdn-blog-line {
  display: block;
  width: 38px;
  height: 1px;
  flex-shrink: 0;
  background: #ba8a38;
}

/* TABLET */
@media (max-width: 991px) {
  .kdn-blog-card {
    flex: 1 1 calc(50% - 10px);
  }

  .kdn-blog-content h3 {
    font-size: 20px;
  }
}

/* MOBILE */
@media (max-width: 575px) {
  .kdn-blog-container {
    padding: 0 12px;
  }

  .kdn-blog-list {
    gap: 14px;
  }

  .kdn-blog-card {
    flex: 1 1 100%;
  }

  .kdn-blog-image {
    aspect-ratio: 1.65 / 1;
  }

  .kdn-blog-content {
    padding: 14px 15px 16px;
  }

  .kdn-blog-content h3 {
    font-size: 21px;
  }

  .kdn-blog-footer {
    padding-top: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kdn-blog-card,
  .kdn-blog-image img,
  .kdn-blog-link,
  .kdn-blog-link span {
    transition: none;
  }
}



/********* Blog Section ***********/

/********* Footer Section ***********/

.kdn-footer {
  width: 100%;
  color: #fff;
  background: #091629;
  font-family: "Poppins", sans-serif;
}

footer.kdn-footer .kdn-socials {
    display: flex !important;
}


/* =========================================
   MAIN FOOTER
========================================= */

.kdn-footer-main {
  position: relative;
  overflow: hidden;
}

.kdn-footer-main::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  right: -120px;
  top: -70px;
  border-radius: 50%;
  pointer-events: none;
}

.kdn-footer-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0px 32px;
  display: flex;
  align-items: stretch;
}


/* =========================================
   BRAND
========================================= */

.kdn-footer-brand {
  width: 23%;
  flex-shrink: 0;

  padding-right: 34px;
  display: flex;
  flex-direction: column;
}

.kdn-footer-logo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.kdn-logo-mark {
  width: 58px;
  height: 54px;

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

  color: #d8a633;

  font-size: 60px;
  font-weight: 600;
  line-height: 1;

  transform: skew(-7deg);
}

.kdn-logo-name {
  margin-top: 2px;

  color: #d4a33c;

  font-size: 19px;
  font-weight: 400;
  letter-spacing: 4px;
}

.kdn-footer-gold-line {
    display: block;
    width: 30px;
    height: 2px;
    margin: 16px 0 10px;
    background: #ba8a38;
}

.kdn-footer-brand p {
	margin: 0;
    color: #c4c8ca;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65;
}


/* =========================================
   SOCIAL ICONS
========================================= */

.kdn-socials {
  display: flex;
  align-items: center;
  gap: 9px;

  margin-top: 15px;
}

.kdn-socials a {
	width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    color: #dce0e1;
    text-decoration: none;
    font-size: 18px;
    transition: background .3s ease, color .3s ease, transform .3s ease;
}

.kdn-socials a:hover {
  background: #ba8a38;
  opacity: 0.95;
  color: #10191d;
  transform: translateY(-3px);
}

.kdn-socials a:hover i
{
	color:#fff;
}

/* =========================================
   FOOTER COLUMNS
========================================= */

.kdn-footer-column {
	width: 100%;
	flex-shrink: 0;
	padding: 5px 30px;
	border-left: 1px solid rgba(255, 255, 255, .10);
}

.kdn-footer-column h3 {
	margin: 0;
    color: #f0f0ef;
    font-family: "Fraunces", serif;
    font-size: 16px;
    font-weight: 500;
}

.kdn-footer-heading-line {
    display: block;
    width: 27px;
    height: 2px;
    margin: 12px 0 18px;
    background: #ba8a38;
}

.kdn-footer-links {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.kdn-footer-links a {
    color: #c1c5c6;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: color .25s ease, transform .25s ease;
}

.kdn-footer-links a:hover {
  color: #ba8a38;
  transform: translateX(3px);
}


/* =========================================
   NEWSLETTER
========================================= */

.kdn-footer-newsletter {
	width: 23%;
    padding-right: 0;
}

.kdn-footer-newsletter > p {
margin: 0 0 14px;
    color: #c3c7c8;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65;
}

.kdn-newsletter-form {
    width: 100%;
    display: flex;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 4px;
    overflow: hidden;
}

.kdn-newsletter-form input {
    min-width: 0;
    flex: 1;
    height: 35px;
    padding: 0 11px;
    border: 0;
    outline: 0;
    background: rgba(255, 255, 255, .025);
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
}

.kdn-newsletter-form input::placeholder {
  color: #b9bec0;
}

.kdn-newsletter-form button {
    width: 58px;
    flex-shrink: 0;
    cursor: pointer;
    font-size: 17px;
}


/* =========================================
   APP BUTTONS
========================================= */

.kdn-download-title {
	margin-top: 25px;
    margin-bottom: 8px;
    color: #d4d7d8;
    font-size: 14px;
    font-weight: 400;
}

.kdn-app-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}

.kdn-app-store {
    min-width: 165px;
    height: 34px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 22px 18px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 4px;
    background: #020609;
    color: #fff;
    text-decoration: none;
    transition: transform .3s ease, border-color .3s ease;
}

.kdn-app-store:hover {
  transform: translateY(-2px);
  border-color: rgba(214, 163, 51, .7);
}

.kdn-app-store > i {
  font-size: 19px;
}

.kdn-app-store span {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 1.15;
}

.kdn-app-store small {
  font-size: 9px;
  line-height: 1.2;
}


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

.kdn-footer-trust {
  border-top: 1px solid rgba(255, 255, 255, .10);
  border-bottom: 1px solid rgba(255, 255, 255, .10);
}

.kdn-footer-trust-inner {
  width: 100%;
  margin: 0 auto;
  padding: 14px 48px;

  display: flex;
  align-items: center;
}

.kdn-trust-item {
  min-height: 42px;
  display: flex;
  align-items: center;
  border-right: 1px solid rgba(255, 255, 255, .12);
}

.kdn-trust-item:first-child {
  padding-left: 0px;
}

.kdn-trust-item:last-child {
  border-right: 0;
}

.kdn-trust-item > i {
  flex-shrink: 0;
  margin-right: 17px;
  color: #ba8a38;
  font-size: 34px;
}

.kdn-trust-item > div {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.kdn-trust-item span {
    color: #d5d8d8;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}


/* =========================================
   BOTTOM
========================================= */

.kdn-footer-brand .footer-logo {
    width: 120px;
}

/* .kdn-footer-bottom {
  background: #09141a;
} */

.kdn-footer-bottom-inner {
  width: 100%;
  margin: 0 auto;
  padding: 13px 48px;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.kdn-footer-bottom p {
    margin: 0;
    color: #aeb4b6;
    font-size: 14px;
    font-weight: 400;
}

.kdn-bottom-links {
  display: flex;
  align-items: center;
}

.kdn-bottom-links a {
    position: relative;
    padding: 0 17px;
    color: #aeb4b6;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: color .25s ease;
}

.kdn-bottom-links a:not(:last-child)::after {
  content: "";

  position: absolute;
  right: 0;
  top: 50%;

  width: 1px;
  height: 13px;

  background: rgba(255, 255, 255, .16);

  transform: translateY(-50%);
}

.kdn-bottom-links a:hover {
  color: #dca83a;
}

.kdn-made-india {
  display: flex;
  align-items: center;
  gap: 5px;
}

.kdn-made-india i {
  color: #ba8a38;
  font-size: 14px;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1050px) {

  .kdn-footer-inner {
    padding-left: 28px;
    padding-right: 28px;
  }

  .kdn-footer-column {
    padding-left: 20px;
    padding-right: 20px;
  }

  .kdn-footer-trust-inner,
  .kdn-footer-bottom-inner {
    padding-left: 28px;
    padding-right: 28px;
  }

}


@media (max-width: 850px) {

  .kdn-footer-inner {
    flex-wrap: wrap;
    row-gap: 35px;
  }

  .kdn-footer-brand {
    width: 40%;
  }

  .kdn-footer-column {
    width: 30%;
  }

  .kdn-footer-newsletter {
    width: 40%;
  }

  .kdn-trust-item {
    padding-left: 14px;
    padding-right: 14px;
  }

  .kdn-trust-item > i {
    margin-right: 10px;
    font-size: 28px;
  }

}


@media (max-width: 650px) {

  .kdn-footer-inner {
    padding: 32px 20px;
  }

  .kdn-footer-brand {
    width: 50%;
  }

  .kdn-footer-column {
    width: 50%;
    padding-left: 15px;
    padding-right: 10px;
  }

  .kdn-footer-newsletter {
    width: 50%;
  }

  .kdn-footer-trust-inner {
    flex-wrap: wrap;
    padding: 10px 15px;
  }

  .kdn-trust-item {
    width: 50%;
    margin: 5px 0;
  }

  .kdn-trust-item:nth-child(2) {
    border-right: 0;
  }

}


@media (max-width: 480px) {
  .kdn-footer-brand {
    width: 100%;
    padding-right: 0;
  }

  .kdn-footer-column {
    width: 50%;
    padding: 0 8px 0 0;
    border-left: 0;
  }

  .kdn-footer-newsletter {
    width: 100%;
    padding-top: 5px;
  }

  .kdn-footer-trust-inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .kdn-trust-item,
  .kdn-trust-item:first-child {
    width: 100%;
    padding: 10px 5px;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }

  .kdn-trust-item:last-child {
    border-bottom: 0;
  }

  .kdn-footer-bottom-inner {
    flex-direction: column;
  }

  .kdn-made-india {
    justify-content: center;
  }

}

/********* Footer Section ***********/


/* =========================================================
   Collection responsive + GSAP presentation
   ========================================================= */
 
.kdn-collection-sect
{
	position: relative;
    overflow: hidden;
    padding: 80px 0;
    background: #f7f5f1;
    color: #161719;	
}
 
   
.kdn-collection-image-card {
  will-change: transform, opacity;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

.kdn-collection-image-card img {
  will-change: transform;
}

.kdn-collection-image-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(
    145deg,
    rgba(255,255,255,.12),
    transparent 35%,
    transparent 68%,
    rgba(0,0,0,.06)
  );
  opacity: 0;
  transition: opacity .45s ease;
}

.kdn-collection-image-card:hover::after {
  opacity: 1;
}

@media (max-width: 1020px) {
  .kdn-collection-sect {
    padding: 68px 2.5%;
  }

  .kdn-collection-image-grid {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .kdn-collection-image-card {
    border-radius: 11px;
  }
}

@media (max-width: 620px) {
  .kdn-collection-sect {
    padding: 40px 18px 40px;
  }

  .kdn-scollection-copy {
	font-size: 15px;
	line-height: 1.5;
	max-width: 100%;
	margin-bottom: 20px;
  }
  
	.kdn-mobile-nav {
		padding: 5px 18px 18px;
		height: 310px;
		overflow-y: scroll;
    } 

  .kdn-collection-image-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .kdn-collection-image-card {
    border-radius: 8px;
  }
}

@media (max-width: 390px) {
  .kdn-collection-image-grid {
    grid-template-columns: 1fr;
    gap: 9px;
  }
}

/* Mobile menu must always sit above the hero/content */
@media (max-width: 1020px) {
  .kdn-header {
	position: relative;
	z-index: 5000;
  }

  .kdn-mobile-panel {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 5100;
    width: 100%;
  }

  .kdn-header.kdn-menu-open .kdn-mobile-panel {
    max-height: 80vh;
  }
}


/* Collection reveal: keep each card inside its own grid cell */
.kdn-collection-image-card {
  overflow: hidden;
  transform-origin: 50% 50%;
  backface-visibility: hidden;
}

.kdn-collection-image-card img {
  backface-visibility: hidden;
}

/* About starts hidden only when JS is active; JS reveals it on scroll. */
.js .kdn-about-section {
  visibility: visible;
}


/* Collection: scale-only hover/reveal keeps the 2nd row from crossing into row 1 */
.kdn-collection-image-grid {
  overflow: visible;
}

.kdn-collection-image-card {
  position: relative;
  z-index: 1;
  transform-origin: 50% 50%;
}

.kdn-collection-image-card:hover {
  z-index: 2;
}

/* About scroll reveal: reserve the final layout space while elements animate in. */
.kdn-about {
  overflow: hidden;
}


/* ======================= Listing Page Design Start ======================== */

.listing-sect
{
	background-color:#fafbfc;
}


@media (min-width: 992px) {
	body { padding-bottom: 0; }
}

/* Breadcrumbs */
.breadcrumb-custom { font-size: 0.85rem; color: var(--text-muted); }
.breadcrumb-custom a { color: #555; text-decoration: none; }
.breadcrumb-custom .active-crumb { color: #e26964; }

/* Rating block */
.rating-badge { display: flex; align-items: center; gap: 5px; font-size: 0.95rem; font-weight: 600; }
.rating-badge .bi-star-fill { color: #ff7a63; font-size: 1rem; }
.review-count { color: var(--text-muted); font-weight: 400; font-size: 0.85rem; }

/* Filter pills (Desktop) */
.filter-chip {
  background-color: #fff; border: 1px solid #dcdcdc; border-radius: 20px;
  padding: 5px 14px; font-size: 0.82rem; font-weight: 500; color: #495057;
  display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
  transition: all 0.2s ease;
}
.filter-chip:hover { background-color: #f1f3f5; }

/* Sidebar Filters (Desktop) */
.filter-sidebar { background: #ffffff; border: 1px solid #eef0f2; border-radius: 12px; padding: 1.25rem; }
.filter-title { font-weight: 600; font-size: 1rem; margin-bottom: 0.75rem; }

/* Custom Checkboxes */
.form-check-label { font-size: 0.88rem; color: #495057; cursor: pointer; }
.custom-checkbox { border-radius: 4px; cursor: pointer; border-color: #dcdcdc; }
.custom-checkbox:checked { background-color: #ffe0d8; border-color: #ffe0d8; position: relative; }
/* Overriding default bootstrap SVG for checked state to match coral theme */
.custom-checkbox:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ff8a65' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

/* Product Cards */
.product-card {
  background: #ffffff; border: 1px solid var(--card-border); border-radius: 20px;
  position: relative; display: flex; flex-direction: column;
  height: 100%; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02); transition: border-color 0.3s ease; 
}
.product-card:hover { border-color: #f7c3bc; }

.wishlist-btn {
  position: absolute; top: 14px; right: 14px; background: transparent; border: none;
  font-size: 1.35rem; color: #495057; z-index: 3; padding: 0; line-height: 1;
}
.wishlist-btn.active { color: #e53935; }

.badge-new {
  position: absolute; top: 52%; left: 14px; background-color: var(--badge-yellow);
  color: #2b2b2b; font-size: 0.72rem; font-weight: 600; padding: 3px 8px; border-radius: 4px; z-index: 2;
}

.card-img-wrapper {
    max-height: 290px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}
.card-img-wrapper img { max-height: 100%; max-width: 100%; object-fit: contain; }

.product-title { font-size: 0.88rem; color: #333; margin-bottom: 0.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.price-box { display: flex; align-items: baseline; gap: 8px; margin-bottom: 0.35rem; }
.current-price { font-size: 1.15rem; font-weight: 600; color: #1a1a1a; }
.original-price { font-size: 0.88rem; color: var(--text-muted); text-decoration: line-through; }
.discount-label { color: var(--offer-green); font-size: 0.82rem; font-weight: 600; margin-bottom: 1.25rem; }

.btn-view-similar {
    margin-top: auto;
    background-color: #f7f7f8;
    color: #8c8c8c;
    font-weight: 600;
    font-size: 15px;
    border: 1px solid #ededed;
    padding: 11px;
    width: 100%;
    text-align: center;
    transition: all 0.25s ease;
}
.btn-view-similar:hover { background-color: #212529; color: #ffffff; border-color: #212529; }


/* ================================================= */
/* MOBILE SPECIFIC STYLES (Bottom bar & Offcanvas)   */
/* ================================================= */

.mobile-action-bar {
  box-shadow: 0 -2px 10px rgba(0,0,0,0.05);
  z-index: 1030;
  font-size: 0.95rem;
  font-weight: 600;
  color: #4a4a4a;
  left: 0;
}
.mobile-action-bar .action-item {
  padding: 1rem 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.mobile-action-bar .action-item:active { background-color: #f8f9fa; }
.notification-dot {
  height: 6px; width: 6px; background-color: var(--primary-accent);
  border-radius: 50%; display: inline-block; position: absolute;
  top: 14px; margin-left: 2px;
}

/* Offcanvas general overrides */
.offcanvas-header { padding: 1rem 1.25rem; border-bottom: 1px solid #eee; }
.offcanvas-title { font-weight: 600; color: #495057; font-size: 1.1rem; }
.btn-close-custom { background: none; border: none; font-size: 1.2rem; color: #adb5bd; }

/* Split Layout Filter Offcanvas */
.filter-split-container { display: flex; height: calc(100% - 130px); }
.filter-left-pane { width: 38%; background-color: #f8f9fa; overflow-y: auto; border-right: 1px solid #eee; }
.filter-right-pane { width: 62%; background-color: #ffffff; overflow-y: auto; padding: 1rem; }

.filter-nav-link {
  display: block; padding: 1rem; color: var(--text-muted); font-size: 0.85rem; font-weight: 500;
  text-decoration: none; border-bottom: 1px solid #eee; position: relative;
}
.filter-nav-link.active { background-color: #ffffff; color: #091629; font-weight: 600; border-right: none; }
/* Dot for categories with active filters */
.filter-nav-link .category-dot {
  height: 5px; width: 5px; background-color: var(--primary-accent);
  border-radius: 50%; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
}

/* Filter Footer */
.filter-footer {
  position: absolute; bottom: 0; width: 100%; height: 70px;
  border-top: 1px solid #eee; background: #fff;
  display: flex; align-items: center; justify-content: space-between; padding: 0 1.5rem;
}
.btn-apply { background-color: var(--primary-accent); color: white; font-weight: 600; border-radius: 30px; padding: 0.6rem 2.5rem; border: none; }
.btn-apply:hover { background-color: #e67550; color: white; }
.clear-all-link { color: #1a1a1a; font-weight: 600; font-size: 0.9rem; text-decoration: none; }

/* Listing page — align its visual language with the Kundan home page */
.listing-sect {
    background: #fbf8f1;
    color: #091629;
    padding: 50px 0;
    position: relative;
}
.listing-sect .breadcrumb-custom { color: #777064; }
.listing-sect .breadcrumb-custom a { color: #62583f; }
.listing-sect .breadcrumb-custom .active-crumb { color: #a98436; }
.listing-sect .rating-badge .bi-star-fill { color: #b58a35; }
.listing-sect .filter-chip { border-color: #e6ddc9; color: #55492e; background: #fffdf8;font-family: "Poppins", sans-serif; }
.listing-sect .filter-chip:hover { background: #f4eddd; }
.listing-sect .filter-sidebar, .listing-sect .product-card { border-color: #e9e1d1; border-radius: 4px; box-shadow: 0 5px 18px rgba(66, 51, 20, .045); }
.listing-sect .product-card:hover { border-color: #b58a35; }
.listing-sect .custom-checkbox:checked { background-color: #a98436; border-color: #a98436; }
.listing-sect .custom-checkbox:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
.listing-sect .btn-view-similar:hover { background: #a98436; border-color: #a98436; color: #fff; }
.listing-sect .mobile-action-bar { border-color: #e9e1d1 !important; color: #55492e; }
.listing-sect .notification-dot { background: #a98436; }
.listing-sect h1, .listing-sect h2, .listing-sect h3, .listing-sect h4 { color: #091629;font-family: "Fraunces", serif; }

/* Listing layout: use native CSS Grid and Flexbox, matching the home page system. */
.listing-sect .listing-title-sort { display:flex; align-items:center; justify-content:space-between; gap:1.25rem; margin-bottom:1rem; }
.listing-sect .listing-heading {
    flex: 1 1 40%;
    min-width: 0;
    margin-bottom: 15px;
	    font-family: "Poppins", sans-serif;
}
.listing-sect .listing-sort-tools { flex:1 1 60%; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:.75rem; }
.listing-sect .listing-content-layout {
    display: grid;
    grid-template-columns: minmax(330px, .22fr) minmax(0, 1fr);
    gap: 1.5rem;
    margin-top: .25rem;
}
.listing-sect .listing-sidebar-column { min-width:0; }
.listing-sect .listing-products-column { min-width:0; }
.listing-sect .listing-products-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.listing-sect .product-col { min-width:0; }
.listing-sect .product-col .product-card { height:100%; }
.card-info-wrap {
    padding: 0 20px 20px 20px;
}
@media (max-width: 1199.98px) {
  .listing-sect .listing-products-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 991.98px) {
  .listing-sect .listing-content-layout { display:block; }
  .listing-sect .listing-products-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 575.98px) {
  .listing-sect .listing-title-sort { align-items:flex-start; }
  .listing-sect .listing-products-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
}

/* Product card details and polished image crossfade */
.listing-sect .kdn-product-card{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#303c47;border:1px solid #303c47;border-radius:5px;box-shadow:none;transition:transform .35s ease,box-shadow .35s ease}
.listing-sect .kdn-product-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(25,35,42,.18);border-color:#303c47}
.listing-sect .kdn-product-media{position:relative;display:block;height:auto;aspect-ratio:1/1;background:#fff;margin:0;overflow:hidden}
.listing-sect .kdn-product-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;padding:8%;transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
.listing-sect .kdn-image-primary{opacity:1;transform:scale(1)} .listing-sect .kdn-image-secondary{opacity:0;transform:scale(1);transition: opacity .35s ease;}
.listing-sect .kdn-product-card:hover .kdn-image-primary{opacity:0;transform:scale(.96)} .listing-sect .kdn-product-card:hover .kdn-image-secondary{opacity:1;transform:scale(1)}
.listing-sect .kdn-launch-tag{position:absolute;z-index:2;top:14px;left:0;background:#d99a16;color:#fff;font-weight:700;font-size:12px;padding:8px 13px;border-radius:0 22px 22px 0}
.listing-sect .wishlist-btn{color:#34404a;top:12px;right:12px}
.listing-sect .kdn-product-info{padding:16px 12px 12px;display:flex;flex-direction:column;flex:1;min-width:0;color:#fff}
.listing-sect .kdn-product-info .product-title{font-size:16px;font-weight:700;color:#fff;line-height:1.35;margin:0 0 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.listing-sect .kdn-product-info .price-box{margin:0 0 10px}.listing-sect .kdn-product-info .current-price{font-size:18px;color:#dba447;font-weight:800}
.listing-sect .kdn-price-delivery{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:#fff;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2);font-weight:500;flex-wrap:wrap}
.listing-sect .kdn-price-delivery del{color:#fff}.listing-sect .kdn-weight-row{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.2)}
.listing-sect .kdn-weight-pill{display:inline-flex;align-items:center;justify-content:center;min-width:80px;padding:11px 18px;background:#d5a44c;color:#fff;border-radius:30px;font-size:13px}
.listing-sect .kdn-cart-row{display:flex;align-items:center;gap:9px;padding-top:15px}
.listing-sect .kdn-quantity{display:flex;align-items:center;justify-content:space-around;gap:8px;border:1px solid #fff;border-radius:30px;min-width:106px;height:40px;color:#fff}
.listing-sect .kdn-quantity button{border:0;background:transparent;color:#fff;font-weight:800;font-size:20px;padding:0 7px}.listing-sect .kdn-quantity output{font-weight:700;min-width:12px;text-align:center}
.listing-sect .kdn-add-cart{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;height:40px;border:0;border-radius:30px;background:#d5a044;color:#fff;font-weight:700;font-size:13px;transition:background .25s ease,transform .25s ease}
.listing-sect .kdn-add-cart:hover{background:#bd872c;transform:translateY(-1px)}.listing-sect .kdn-add-cart i{font-size:17px}
@media(max-width:575.98px){.listing-sect .kdn-product-info{padding:13px 10px 10px}.listing-sect .kdn-product-info .product-title{font-size:14px;margin-bottom:10px}.listing-sect .kdn-product-info .current-price{font-size:16px}.listing-sect .kdn-price-delivery{font-size:11px}.listing-sect .kdn-cart-row{gap:6px}.listing-sect .kdn-quantity{min-width:88px;height:38px;gap:3px}.listing-sect .kdn-add-cart{height:38px;font-size:11px;gap:5px}}

/* Refined Kundan listing cards — retain the site's light, premium visual language */
.listing-sect .kdn-product-card{background:#fffdf9;border:1px solid #eee5d3;border-radius:16px;box-shadow:0 5px 20px rgba(73,54,18,.055);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease}
.listing-sect .kdn-product-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(73,54,18,.12);border-color:#d9bd7b}
.listing-sect .kdn-product-media{background:linear-gradient(145deg,#fff 0%,#fbf8f1 100%);aspect-ratio:1/1;padding:0}
.listing-sect .kdn-product-image{padding:7%;transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
.listing-sect .kdn-product-card:hover .kdn-image-primary{opacity:0;transform:scale(.96)}
.listing-sect .kdn-product-card:hover .kdn-image-secondary{opacity:1;transform:scale(1);object-fit: cover;}
.listing-sect .kdn-product-info{padding:17px 16px 16px;color:#302b22}
.listing-sect .kdn-product-info .product-title {
    color: #302b22;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.45;
    margin: 0 0 9px;
    overflow: hidden;
}
.listing-sect .kdn-product-info .price-box {
    margin-bottom: 0;
}
.listing-sect .kdn-product-info .current-price{font-size:19px;color:#a77a22;font-weight:750;letter-spacing:.1px}
.listing-sect .kdn-price-delivery{color:#716957;border-bottom:1px solid #eee7d9;padding-bottom:12px;font-size:12px;font-weight:500}
.listing-sect .kdn-price-delivery del{color:#958d7d}
.listing-sect .kdn-weight-row{padding:12px 0;border-bottom:1px solid #eee7d9}
.listing-sect .kdn-weight-pill{min-width:65px;padding:8px 15px;background:#f5edda;color:#80601f;border:1px solid #e9d8ae;border-radius:24px;font-weight:650}
.listing-sect .kdn-cart-row{padding-top:13px;gap:8px}
.listing-sect .kdn-quantity{min-width:94px;height:39px;color:#514733;border:1px solid #d9cba9;background:#fff;border-radius:24px}
.listing-sect .kdn-quantity button{color:#80601f}
.listing-sect .kdn-add-cart{height:39px;background:#b58a35;color:#fff;border-radius:24px;font-weight:650}
.listing-sect .kdn-add-cart:hover{background:#967027}
.listing-sect .kdn-launch-tag{top:14px;left:0;background:#b58a35;padding:7px 12px;border-radius:0 18px 18px 0;box-shadow:0 3px 10px rgba(60,42,10,.12)}
.listing-sect .wishlist-btn {
    width: 34px;
    height: 34px;
    display: grid;
    background: rgba(255, 253, 249, .9);
    border: 1px solid rgba(181, 138, 53, .2);
    border-radius: 50%;
    box-shadow: 0 2px 9px rgba(0, 0, 0, .06);
    align-items: center;
}
.listing-sect .wishlist-btn i
{
font-size: 16px;	
}
@media(max-width:575.98px){.listing-sect .kdn-product-info{padding:12px 10px 11px}.listing-sect .kdn-product-info .product-title{font-size:16px;}.listing-sect .kdn-product-info .current-price{font-size:15px}.listing-sect .kdn-price-delivery{font-size:10px;gap:4px;padding-bottom:10px}.listing-sect .kdn-weight-row{padding:10px 0}.listing-sect .kdn-weight-pill{min-width:54px;padding:6px 11px;font-size:11px}.listing-sect .kdn-cart-row{gap:5px;padding-top:10px}.listing-sect .kdn-quantity{min-width:78px;height:35px;gap:2px}.listing-sect .kdn-quantity button{padding:0 5px;font-size:14px}.listing-sect .kdn-add-cart{height:35px;font-size:10px;gap:4px}}
@media(prefers-reduced-motion:reduce){.listing-sect .kdn-product-card,.listing-sect .kdn-product-image,.listing-sect .kdn-add-cart{transition:none!important}}

/* Latest listing refinements: 3-up grid, edge-to-edge imagery, distinct controls */
.listing-sect .listing-products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.listing-sect .kdn-product-card{border-radius:12px;border:1px solid #e8dfcc;background:#fff;box-shadow:0 2px 12px rgba(55,43,19,.045);}
.listing-sect .kdn-product-card:hover{box-shadow:0 12px 26px rgba(55,43,19,.11);border-color:#d7bd83;transform:translateY(-4px)}
.listing-sect .kdn-product-media{width:100%;aspect-ratio:1/1;background:#f8f6f0;overflow:hidden;padding:0;margin:0}
.listing-sect .kdn-product-image{inset:0;width:100%;height:100%;padding:0;object-fit:contain;border-radius:0;background-color: #fff;}
.listing-sect .kdn-product-info{padding:15px 15px 14px;background:#f9f9f9;color:#332d22;}
.listing-sect .kdn-product-info .product-title {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 650;
    color: #332d22;
}
.listing-sect .kdn-product-info .current-price{font-size:19px;color:#a8781f;font-weight:750}
.listing-sect .kdn-price-delivery{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px;color:#766d5d;font-size:12px;border-bottom:1px solid #eee8dc;padding-bottom:12px}
.listing-sect .kdn-price-delivery del{color:#999080}
.listing-sect .kdn-weight-row{padding:11px 0;border-bottom:1px solid #eee8dc}
.listing-sect .kdn-weight-pill{min-width:0;padding:0;background:transparent;border:0;border-radius:0;color:#77602f;font-size:12px;font-weight:650;justify-content:flex-start}
.listing-sect .kdn-cart-row{display:flex;align-items:center;gap:8px;padding-top:12px}
.listing-sect .kdn-quantity{display:flex;align-items:center;justify-content:space-between;gap:0;min-width:98px;height:38px;border:1px solid #e2d6bb;border-radius:8px;background:#faf8f2;color:#4d422e;overflow:hidden}
.listing-sect .kdn-quantity button{height:100%;min-width:30px;padding:0 8px;background:transparent;color:#80601f;border:0;font-size:15px}
.listing-sect .kdn-quantity output{font-size:13px;font-weight:700;min-width:14px;text-align:center}
.listing-sect .kdn-add-cart{height:38px;flex:1;min-width:0;border:1px solid #a77b29;border-radius:8px;background:#a77b29;color:#fff;font-size:12px;font-weight:700;letter-spacing:.1px;transition:background .25s ease,border-color .25s ease,transform .25s ease}
.listing-sect .kdn-add-cart:hover{background:#88621f;border-color:#88621f;transform:translateY(-1px)}
@media(max-width:991.98px){.listing-sect .listing-products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}}
@media(max-width:575.98px){
 .listing-sect .listing-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
 .listing-sect .kdn-product-info{padding:11px 10px 10px}
 .listing-sect .kdn-product-info .product-title{font-size:16px;}
 .listing-sect .kdn-product-info .current-price{font-size:15px}
 .listing-sect .kdn-price-delivery{font-size:10px;gap:3px;padding-bottom:9px}
 .listing-sect .kdn-cart-row{gap:5px;padding-top:9px}
 .listing-sect .kdn-quantity{min-width:68px;height:34px;border-radius:7px}
 .listing-sect .kdn-quantity button{min-width:22px;padding:0 4px;font-size:13px}
 .listing-sect .kdn-add-cart{height:34px;border-radius:7px;font-size:10px;gap:4px}
}


/* Product-card purchase controls: compact single-row treatment */
.listing-sect .kdn-cart-row{display:flex;align-items:stretch;gap:7px;padding-top:13px}
.listing-sect .kdn-weight-select{flex:0 0 66px;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:5px 7px;background:#f7f2e8;border-left:2px solid #b18a3e;border-radius:0 6px 6px 0}
.listing-sect .kdn-weight-caption{font-size:8px;line-height:1.2;letter-spacing:.8px;color:#98876a;font-weight:600}
.listing-sect .kdn-weight-pill{display:block;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:#4b3a1e;font-size:13px;font-weight:750;line-height:1.3}
.listing-sect .kdn-quantity{flex:0 0 83px;min-width:0;height:39px;border:1px solid #e7ddca;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden}
.listing-sect .kdn-quantity button{height:100%;min-width:25px;padding:0 5px;border:0;background:#faf8f3;color:#987126;font-size:15px;font-weight:700}
.listing-sect .kdn-quantity output{min-width:12px;text-align:center;color:#403727;font-size:13px;font-weight:700}
.listing-sect .kdn-add-cart{flex:1;min-width:0;height:39px;padding:0 8px;border:0;border-radius:6px;background:#a77a28;color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.1px;transition:background .25s ease,transform .25s ease}
.listing-sect .kdn-add-cart:hover{background:#85601f;transform:translateY(-1px)}
.listing-sect .kdn-add-cart i{font-size:14px}
@media(max-width:575.98px){
 .listing-sect .kdn-cart-row{gap:5px;padding-top:10px}
 .listing-sect .kdn-weight-select{flex-basis:58px;padding:4px 5px}
 .listing-sect .kdn-weight-caption{font-size:7px}
 .listing-sect .kdn-weight-pill{font-size:12px}
 .listing-sect .kdn-quantity{flex-basis:70px;height:35px}
 .listing-sect .kdn-quantity button{min-width:21px;padding:0 3px;font-size:13px}
 .listing-sect .kdn-add-cart{height:35px;font-size:11px;gap:4px}
}


/* Weight selector variation — distinctive compact product-spec tag */
.listing-sect .kdn-weight-select{
  position:relative;
  isolation:isolate;
  flex:0 0 66px;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  padding:5px 8px 5px 10px;
  background:linear-gradient(135deg,#fffdf8 0%,#f4ead2 100%);
  border:1px solid #e5d2a7;
  border-left:3px solid #b58a35;
  border-radius:3px 11px 3px 11px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 5px rgba(90,65,20,.05);
  overflow:hidden;
}
.listing-sect .kdn-weight-select::after{
  content:"";
  position:absolute;
  right:-12px;
  bottom:-16px;
  width:34px;
  height:34px;
  border:1px solid rgba(181,138,53,.2);
  border-radius:50%;
  z-index:-1;
}
.listing-sect .kdn-weight-caption{
  font-size:7px;
  line-height:1;
  letter-spacing:1.05px;
  color:#9a7b3d;
  font-weight:800;
}
.listing-sect .kdn-weight-pill{
  display:block;
  min-width:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#40311b;
  font-size:14px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:-.25px;
}
@media(max-width:575.98px){
  .listing-sect .kdn-weight-select{flex-basis:58px;padding:4px 5px 4px 7px}
  .listing-sect .kdn-weight-caption{font-size:6px;letter-spacing:.75px}
  .listing-sect .kdn-weight-pill{font-size:12px}
}


/* Listing filter refresh — theme-aligned accordion and dual range controls */
.listing-sect .ls-filter-panel{background:#fff;color:#3c3326;width:100%;}
.listing-sect .ls-filter-top{display:flex;align-items:center;justify-content:space-between;padding:0 0 15px;border-bottom:1px solid #e9e2d5}
.listing-sect .ls-filter-heading {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .7px;
    color: #091629;
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: "Poppins", sans-serif;
}
.listing-sect .ls-filter-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:20px;background:#f4ecd9;color:#9a7025;font-size:10px}
.listing-sect .ls-clear-all{border:0;background:transparent;color:#a77a28;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 0;font-family: "Poppins", sans-serif;}
.listing-sect .ls-filter-group{padding:15px 0;border-bottom:1px solid #e9e2d5}
.listing-sect .ls-filter-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0;
    background: transparent;
    padding: 0;
    color: #091629;
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .35px;
    font-family: "Poppins", sans-serif;
}
.listing-sect .ls-filter-toggle i{color:#9d7b3f;font-size:13px;transition:transform .25s ease}
.listing-sect .ls-filter-group.is-open .ls-filter-toggle i{transform:rotate(180deg)}
.listing-sect .ls-filter-body{padding-top:13px}
.listing-sect .ls-filter-option {
    display: flex;
    align-items: center;
    gap: 0;
    min-height: 34px;
    margin: 0 0 7px;
    color: #5a5144;
    font-size: 13px;
    cursor: pointer;
}
span.ls-option-label {
    margin: 0 5px 0 10px;
    font-size: 15px;
}
span.total_qyt {
    font-size: 14px;
    color: #97680d;
}
.listing-sect .ls-filter-option:last-child{margin-bottom:0}
.listing-sect .ls-filter-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 18px;
    height: 18px;
}
.listing-sect .ls-checkmark{width:18px;height:18px;flex:0 0 18px;border:1.5px solid #cfc5b2;border-radius:5px;background:#fff;display:grid;place-items:center;transition:all .2s ease}
.listing-sect .ls-filter-option input:checked + .ls-checkmark{background:#b58a35;border-color:#b58a35}
.listing-sect .ls-filter-option input:checked + .ls-checkmark:after{content:"";width:8px;height:4px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) translateY(-1px)}
.listing-sect .ls-filter-option:hover .ls-checkmark{border-color:#b58a35}
.listing-sect .ls-filter-options .ls-filter-option:nth-child(n+6){display:none}
.listing-sect .ls-filter-options.is-expanded .ls-filter-option:nth-child(n+6){display:flex}
.listing-sect .ls-show-more{border:0;background:transparent;color:#a77a28;font-size:12px;font-weight:700;padding:7px 0 0}
.listing-sect .ls-range-group{padding:17px 0 19px}
.listing-sect .ls-range-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;color:#473b2c;text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.35px}
.listing-sect .ls-range-value {
    color: #9c742b;
    font-size: 11px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    font-family: "Poppins", sans-serif;
}
.listing-sect .ls-range-wrap{height:24px;position:relative;display:flex;align-items:center;margin:0 9px}
.listing-sect .ls-range-track{position:absolute;left:0;right:0;height:5px;border-radius:10px;background:#eee8dc;overflow:hidden}
.listing-sect .ls-range-fill{position:absolute;left:0;right:0;height:100%;background:linear-gradient(90deg,#d8bd7c,#a77a28);border-radius:10px}
.listing-sect .ls-range-input{position:absolute;inset:0;width:100%;height:24px;margin:0;background:none;appearance:none;pointer-events:none}
.listing-sect .ls-range-input::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border:3px solid #fff;background:#a77a28;border-radius:50%;box-shadow:0 0 0 1px #a77a28,0 2px 5px rgba(60,42,10,.18);pointer-events:auto;cursor:grab}
.listing-sect .ls-range-input::-moz-range-thumb{width:10px;height:10px;border:3px solid #fff;background:#a77a28;border-radius:50%;box-shadow:0 0 0 1px #a77a28;pointer-events:auto;cursor:grab}
.listing-sect .ls-range-labels{display:flex;justify-content:space-between;color:#928b80;font-size:10px;margin-top:5px}
.listing-sect .ls-range-labels span{white-space:nowrap}
.listing-sect .ls-filter-apply{padding-top:16px}
.listing-sect .ls-apply-btn{width:100%;border:0;border-radius:8px;background:#a77a28;color:#fff;font-size:13px;font-weight:700;padding:12px 16px;transition:background .2s ease}
.listing-sect .ls-apply-btn:hover{background:#85601f}
.listing-sect .ls-offcanvas-header{border-bottom:1px solid #e9e2d5}
.listing-sect #filterOffcanvas{--bs-offcanvas-width:min(440px,100vw);overflow-y:auto}
.listing-sect #filterOffcanvas .ls-filter-panel{padding:15px 20px 22px}
.listing-sect #filterOffcanvas .ls-filter-apply{position:sticky;bottom:0;background:#fff;padding:12px 0 0}
.listing-sect #desktopListingFilters{padding:14px 16px;border:1px solid #eee7db;border-radius:12px}

.price-box {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.price-box .mrp{
    font-size: 12px;
    color: #59616a;
}

.price-delivery-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

span.kdn-delivery-copy {
    display: flex;
    flex-direction: column;
}

span.kdn-delivery-chip {
    display: flex;
    gap: 10px;
}

span.kdn-delivery-chip i {
    font-size: 24px;
    color: #9c6c19;
    line-height: 1;
}

span.kdn-delivery-copy strong {
    font-size: 15px;
    font-weight: 600;
    color: #091629;
	line-height: 1;
}

.listing-sect .kdn-product-card:hover .kdn-add-cart
{
	color:#fff;
	background: #091629;	
}

.brd-wrap
{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    position: relative;
    height: 100%;
}

section.brd-crum-sect ul 
{
    margin-bottom: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    gap: 8px;
    padding-left: 0;
}

section.brd-crum-sect 
{
    height: 300px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(../images/brd-img.png);
}

section.brd-crum-sect h2,
section.brd-crum-sect ul li
{
	color:#fff;
}

section.brd-crum-sect .container 
{
    height: 100%;
}

section.brd-crum-sect::before 
{
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #00000078;
}

.brd-wrap {
    font-family: "Poppins", sans-serif;
}

.brd-wrap h2 {font-weight: 600;}

.brd-wrap ul li {
    font-size: 15px;
}

.listing-sort-tools.header-element {
    display: flex !important;
    justify-content: space-between;
}

.listing-sect .ls-filter-group.ls-weight-group
{
	border-bottom:none;
}

.kdn-load-more {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 35px 15px 0;
    color: #b8892e;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.4px;
}

.kdn-loader {
    width: 22px;
    height: 22px;
    border: 2px solid #eadfc5;
    border-top-color: #b8892e;
    border-radius: 50%;
    animation: kdn-spin 0.8s linear infinite;
}

@keyframes kdn-spin {
    to {
        transform: rotate(360deg);
    }
}

section.kdn-feature-sect {
    background-color: #fff;
    padding: 80px 0;
}

.cards-cover {
    display: flex;
    flex-direction: column;
    grid-row-gap: 15px;
}

.grid-two {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
}

.kdn-header-actions a:hover {
    color: #ba8a38;
}

article.kdn-account-wish-card i {
	font-size: 20px;
    line-height: 23px;
    color: #ffffff;
}


@media(max-width:991.98px){.listing-sect #desktopListingFilters{display:none}}
@media(prefers-reduced-motion:reduce){.listing-sect .ls-filter-toggle i,.listing-sect .ls-checkmark{transition:none}}



/* =========================================================
  responsive design
   ========================================================= */

.kdn-header-inner,.kdn-section-inner,.kdn-hero-inner,
.kdn-about-inner,.kdn-gift-inner,.kdn-collection-inner{min-width:0}
.kdn-heading,.kdn-subheading,.kdn-about-title,.kdn-collections-title,
.kdn-collection-image-grid,.kdn-collection-grid,.kdn-feature-grid,
.kdn-gift-panel,.listing-content-layout,.listing-products-grid{min-width:0}
.listing-sect .listing-content-layout{
  grid-template-columns:minmax(320px,260px) minmax(0,1fr);
  align-items:start;
  gap:clamp(16px,2vw,30px);
}
.listing-sect .listing-sidebar-column,.listing-sect .listing-products-column{min-width:0}
.listing-sect .listing-products-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(12px,1.5vw,22px);
}
.listing-sect .product-col{min-width:0;width:auto;max-width:none}
.listing-sect .kdn-product-card{height:100%;min-width:0}
.listing-sect .kdn-product-media{width:100%;overflow:hidden;cursor: pointer;}
.listing-sect .kdn-product-image{max-width:100%;height:100%;padding: 20px}
.listing-sect .kdn-product-info{min-width:0}
.listing-sect .product-title{overflow-wrap:anywhere}
.listing-sect .kdn-price-delivery{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px}
.listing-sect .listing-sort-tools {
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 32px;
}
.listing-sect .kdn-quantity{flex:0 0 auto}
.listing-sect .kdn-add-cart{min-width:0;flex:1}
.listing-sect .listing-title-sort{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.listing-sect .listing-sort-tools{flex-wrap:wrap;gap:10px}
.listing-sect .listing-sort-tools .form-select{max-width:190px;font-family: "Poppins", sans-serif;}
.listing-sect .filter-chip{max-width:100%;white-space:normal}
.listing-sect .ls-filter-panel{min-width:0}
.listing-sect .ls-filter-option{min-width:0;    font-family: "Poppins", sans-serif;}
.listing-sect .ls-option-label{overflow-wrap:anywhere}
.listing-sect .ls-range-labels{gap:4px}
.listing-sect .ls-range-labels span{font-size:clamp(9px, .8vw, 11px);    font-family: "Poppins", sans-serif;}
.mobile-action-bar{padding-bottom:env(safe-area-inset-bottom,0px)}
.mobile-action-bar .action-item{min-width:0;white-space:nowrap}
@media (max-width:1199.98px){
  .kdn-header-inner{gap:14px}
  .kdn-desktop-nav{gap:clamp(10px,1.3vw,17px)}
  .kdn-search{max-width:22vw}
  .listing-sect .listing-content-layout{grid-template-columns:minmax(205px,235px) minmax(0,1fr);gap:16px}
  .listing-sect .listing-products-grid{gap:12px}
  .listing-sect .kdn-product-info{padding:14px 12px}
  .listing-sect .kdn-product-info .product-title{font-size:14px}
}
@media (max-width:991.98px){
  .listing-sect .listing-content-layout{display:block}
  .listing-sect .listing-sidebar-column{display:none}
  .listing-sect .listing-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2vw,18px)}
  .listing-sect .listing-heading{margin-bottom:16px}
  .listing-sect .listing-title-sort{align-items:flex-start}
  .listing-sect .listing-sort-tools{display:none}
  .listing-sect .kdn-product-info .product-title{font-size:clamp(13px,1.7vw,15px)}
  .listing-sect .kdn-product-info .current-price{font-size:clamp(15px,2vw,19px)}
  .listing-sect #filterOffcanvas{--bs-offcanvas-width:min(460px,100vw)}
  .kdn-hero{max-width:100%;overflow:hidden}
  .kdn-collection-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767.98px){
  .kdn-header-inner{padding-inline:16px}
  .kdn-market-bar{overflow:hidden}
  .kdn-market-inner{min-width:0;gap:12px}
  .kdn-market-item{min-width:0}
  .kdn-market-price,.kdn-change{white-space:nowrap}
  .kdn-hero-mobile-content{max-width:100%}
  .kdn-about-inner,.kdn-collections,.kdn-collection-sect,
  .kdn-feature-showcase,.kdn-gift-showcase{overflow:hidden}
  .kdn-gift-panel{max-width:100%}
  .kdn-collection-image-card,.kdn-collection-card{min-width:0}
  .listing-sect .container-fluid{padding-inline:16px!important}
  .listing-sect .kdn-product-info{padding:12px 10px}
  .listing-sect .kdn-price-delivery{font-size:11px}
  .listing-sect .kdn-cart-row{gap:6px}
  .listing-sect .kdn-quantity{min-width:70px}
  .listing-sect .kdn-add-cart{font-size:11px}
  .mobile-action-bar{min-height:56px}
  .mobile-action-bar .action-item{padding:12px 4px;font-size:13px}
}
@media (max-width:575.98px){
  .kdn-header-inner{height:68px;padding-inline:12px}
  .kdn-brand{width:100px;flex-basis:100px}
  .kdn-brand img{width:88px}
  .kdn-header-actions{gap:6px}
  .kdn-icon-btn{width:28px}

  .kdn-cart-btn i{font-size:25px}
  .kdn-cart-count{width:19px;height:19px;font-size:10px}
  .kdn-market-bar{height:auto;min-height:42px}
  .kdn-market-inner{padding:6px 10px}
  .kdn-market-item{gap:5px}
  .kdn-metal-icon{width:25px}
  .kdn-metal-name{font-size:9px}
  .kdn-metal-price{font-size:12px}
  .kdn-change{font-size:9px}
  .kdn-hero{height:clamp(560px,145vw,690px);min-height:0}
  .kdn-hero-mobile-content{padding:34px 16px 24px}
  .kdn-hero-mobile-content .kdn-heading{font-size:clamp(30px,8.8vw,38px);line-height:1.08}
  .kdn-hero-mobile-content .kdn-subheading{font-size:13px;line-height:1.5}
  .kdn-about-title,.kdn-collections-title{font-size:clamp(30px,8vw,38px)}
  .kdn-about-copy{font-size:15px}
  .kdn-collection-grid{gap:8px}
  .kdn-collection-card{height:clamp(185px,54vw,235px)}
  .kdn-card-content{width:85%;padding:12px 9px}
  .kdn-card-content h3{font-size: 21px;}
  .kdn-card-footer{font-size:7px;letter-spacing:1px}
  .kdn-feature-card,.kdn-feature-purity{height:clamp(290px,82vw,315px)}
  .kdn-feature-copy,.kdn-feature-purity .kdn-feature-copy{width:58%;padding:18px 0 12px 14px}
  .kdn-feature-copy h2{font-size:clamp(23px,7vw,31px)}
  .kdn-feature-description{font-size:10px;line-height:1.4}
  .kdn-feature-button{font-size:10px}
  .kdn-gift-panel{height:470px}
  .listing-sect .container-fluid{padding-inline:12px!important}
  .listing-sect .listing-heading h1,.listing-sect .listing-heading h2{font-size:clamp(21px,6vw,28px)}
  .listing-sect .listing-products-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 20px;
    }
  .listing-sect .kdn-product-info{padding:20px 15px;}
  .listing-sect .kdn-weight-select {
    display: none;
	}
	.listing-sect .kdn-product-info .product-title {
        font-size: 16px;
        line-height: 1.35;
    }
  .listing-sect .kdn-product-info .current-price{font-size:18px}
  .listing-sect .kdn-price-delivery{font-size:15px;gap:3px}
  .listing-sect .kdn-weight-select{flex-basis:54px}
  .listing-sect .kdn-quantity{min-width:60px;height:33px}
	.listing-sect .kdn-quantity {
        min-width: 80px;
        height: 50px;
    }
  .listing-sect .kdn-add-cart {
        height: 50px;
        font-size: 18px;
    }
  .listing-sect .kdn-add-cart i{font-size:20px}
  .listing-sect .ls-filter-panel{padding-inline:0}
  .listing-sect #filterOffcanvas .ls-filter-panel{padding:12px 16px 20px}
  .listing-sect .ls-filter-toggle{font-size:15px}
  .listing-sect .ls-filter-option{font-size:15px}
  .listing-sect .ls-range-labels span{font-size:15px}
}
@media (max-width:359.98px){
  .kdn-header-inner{padding-inline:9px}
  .kdn-brand{width:84px;flex-basis:84px}
  .kdn-brand img{width:78px}
  .kdn-header-actions{gap:3px}
  .kdn-icon-btn{width:25px}
  .kdn-icon-btn i,.kdn-mobile-toggle i{font-size:21px}
  .kdn-collection-grid{grid-template-columns:1fr}
  .kdn-collection-card{height:220px}
  .listing-sect .listing-products-grid{grid-template-columns:1fr}
  .listing-sect .kdn-product-info .product-title{font-size:14px}
  .listing-sect .kdn-product-info .current-price{font-size:17px}
  .listing-sect .kdn-cart-row{gap:8px}
  .listing-sect .kdn-quantity{min-width:82px}
  .listing-sect .kdn-add-cart{font-size:11px}
}
@media (hover:none){
  .listing-sect .kdn-product-card:hover{transform:none}
}


@media only screen and (min-width: 300px) and (max-width: 991px) 
{
	.listing-sect {
		padding: 40px 0;
	}

	.offcanvas-header {
		display: flex;
		justify-content: space-between;
	}

	.form-check-label {
		font-size: 18px !important;
	}

	.offcanvas-body .form-check-input {
		width: 22px;
		height: 22px;
		margin-top: 1px;
	}
	
	.offcanvas-body .list-group-item {
		font-size: 18px;
		padding-left:0;
	}

	span.ls-option-label {
		font-size: 18px;
	}

	.listing-sect .ls-checkmark {
		width: 20px;
		height: 20px;
		flex: 0 0 20px;
	}

	.listing-sect .ls-filter-heading {
		font-size: 16px;
		font-weight: 600;	
	}
	
	.listing-sect .ls-clear-all {
		font-size: 14px;
		font-weight: 600;
	}

	.listing-sect .ls-apply-btn {
		border-radius: 0;
		font-size: 20px;
		font-weight: 500;
		padding: 16px 16px;
	}	
}



/* Premium reference-inspired listing cards */
.listing-sect .kdn-product-card{background:#fff;border:1px solid #eee9df;border-radius:22px;box-shadow:0 8px 24px rgba(25,35,42,.07);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.listing-sect .kdn-product-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(25,35,42,.13);border-color:#d9c18d}
.listing-sect .kdn-product-media{aspect-ratio:1.12/1;background:linear-gradient(135deg,#f5f2ec 0%,#fffdf9 62%,#eee9df 100%);position:relative}
.listing-sect .kdn-product-image{transition:opacity .55s ease,transform .7s ease}
.listing-sect .kdn-product-card:hover .kdn-image-primary{opacity:0;transform:scale(1)}
.listing-sect .kdn-product-card:hover .kdn-image-secondary{opacity:1;transform:scale(1);}
.listing-sect .kdn-product-info {
    padding: 18px;
    color: #17212c;
    display: flex;
    justify-content: center;
	    font-family: "Poppins", sans-serif;
}
.listing-sect .kdn-product-info .product-title{font-size:clamp(17px,1.35vw,23px);font-weight:500;line-height:1.18;color:#17212c;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.36em;margin:0 0 12px;font-family: "Poppins", sans-serif;}
.listing-sect .kdn-trust-row{display:flex;align-items:center;gap:5px;padding:9px 0 13px;margin-bottom:12px;border-bottom:1px solid #eee9e2;color:#59616a;font-size:11px;line-height:1.25;}
.listing-sect .kdn-trust-row {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 0px 0 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee9e2;
    color: #59616a;
    font-size: 12px;
    line-height: 1;
    font-family: "Poppins", sans-serif;
}
.listing-sect .kdn-trust-item {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}
.listing-sect .kdn-trust-item i {
    font-size: 17px;
    color: #62676c;
    margin-right: 0;
}
.listing-sect .kdn-trust-item span {
    display: flex;
    font-weight: 400;
    align-items: center;
    color: #59616a;
    font-size: 12px;
    line-height: 1;
    font-family: "Poppins", sans-serif;
}
.listing-sect .kdn-product-info .current-price {
    font-size: clamp(19px, 1.5vw, 24px);
    font-weight: 600;
    color: #b4862e;
    letter-spacing: 0;
    font-family: "Poppins", sans-serif;
}
.listing-sect .kdn-price-delivery {
    border: 0;
    padding: 0;
    color: #777b80;
    font-size: 12px;
}
.listing-sect .kdn-price-delivery>span:last-child {
    padding: 8px 15px;
    background: #dfb0561c;
    border-radius: 10px;
    color: #333b43;
}
.listing-sect .kdn-cart-row {
    padding-top: 25px;
    gap: 9px;
    align-items: center;
}
.listing-sect .kdn-weight-select{display:none}
.listing-sect .kdn-quantity {
    flex: 0 0 125px;
    height: 42px;
    border-radius: 24px;
    border-color: #e7e7e7;
    background: #fff;
    padding: 0 10px;
    font-weight: 500 !important;
}
.listing-sect .kdn-quantity button {
    background: transparent;
    color: #17212c;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}
.listing-sect .kdn-add-cart {
    height: 44px;
    border-radius: 28px;
    background: unset;
    color: #091629;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    gap: 10px;
    border: 1px solid #091629;
}
.listing-sect .kdn-add-cart:hover{background:#303d49}
.listing-sect .wishlist-btn {
    z-index: 4;
    top: 14px;
    right: 14px;
    width: 40px;
    height: 40px;
    border: 0;
	transition: .5s all ease;
    background: rgb(186 138 56);
    color: #ffffff;
}
.listing-sect .product-col:hover .wishlist-btn {
    background: rgb(255 255 255);
    color: #ba8a38;
	transition: .5s all ease;
}


.listing-sect .kdn-quick-basket{position:absolute;z-index:4;right:14px;bottom:14px;width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:#c99b3f;color:#fff;box-shadow:0 5px 16px rgba(0,0,0,.16);opacity:0;transform:translateY(7px);transition:opacity .25s ease,transform .25s ease,background .25s ease}
.listing-sect .kdn-quick-basket i{font-size:18px}.listing-sect .kdn-quick-basket:hover{background:#b4862e}
.listing-sect .kdn-product-card:hover .kdn-quick-basket,.listing-sect .kdn-product-card:focus-within .kdn-quick-basket{opacity:1;transform:translateY(0)}
.listing-sect .kdn-launch-tag{left:14px;top:14px;border-radius:22px;background:#c99b3f;padding:8px 14px;font-size:12px;font-weight:600}
@media(hover:none){.listing-sect .wishlist-btn,.listing-sect .kdn-quick-basket{opacity:1;transform:none}}
@media(max-width:767.98px){.listing-sect .kdn-product-info{padding:13px 12px}.listing-sect .kdn-trust-row{font-size:9px;gap:3px}.listing-sect .kdn-price-delivery{font-size:10px}.listing-sect .kdn-price-delivery>span:last-child{padding:5px 7px}.listing-sect .kdn-quantity{flex-basis:68px;height:46px}.listing-sect .kdn-quantity button{min-width:20px;padding:0 3px;font-size:14px}.listing-sect .kdn-add-cart{height:46px;font-size:16px;gap:5px}.listing-sect .wishlist-btn{opacity:1;transform:none;width:34px;height:34px}.listing-sect .kdn-quick-basket{opacity:1;transform:none;width:34px;height:34px;right:10px;bottom:10px}}
@media(max-width:380px){.listing-sect .kdn-trust-item span{font-size:8px}.listing-sect .kdn-product-info .current-price{font-size:14px}.listing-sect .kdn-price-delivery{display:block}.listing-sect .kdn-price-delivery>span{display:block;margin-top:4px}}

/* Listing badge refinements: reference-style launch and recommended pills */
.listing-sect .kdn-launch-tag,
.listing-sect .kdn-recommended-tag{
	position: absolute;
    z-index: 5;
    top: 14px;
    left: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 32px;
    padding: 6px 10px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .01em;
	    font-family: "Poppins", sans-serif;
}
.listing-sect .kdn-launch-tag{background:#c99b3f;color:#fff;}
.listing-sect .kdn-launch-tag i{font-size:14px;}
.listing-sect .kdn-recommended-tag{background:#17212b;color:#fff;}
.listing-sect .kdn-recommended-tag i{font-size:15px;color:#fff;}
@media(max-width:767.98px){
 .listing-sect .kdn-launch-tag,.listing-sect .kdn-recommended-tag{
   top:10px;left:10px;min-height:30px;padding:6px 10px;font-size:11px;gap:5px;
 }
}



/* cart page design */

.kdn-cart-page {
  background: #fff !important;
  color: #091629;
  font-family: "Poppins", sans-serif !important;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 410px;
  column-gap: 22px;
  align-items: start;
  padding: 0 3.2vw 65px;
}

.kdn-cart-page > .kdn-header,
.kdn-cart-page > .kcart-metal-strip,
.kdn-cart-page > .kcart-breadcrumb-section,
.kdn-cart-page > .kcart-title-section {
  grid-column: 1 / -1;
  width: 100%;
}

.kdn-cart-page > .kdn-header {
  margin-left: -3.2vw;
  width: calc(100% + 6.4vw);
}

.kcart-metal-strip {
  height: 50px;
  border-bottom: 1px solid #e9e5de;
  background: #fff;
}

.kcart-metal-inner {
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 0 18px;
}

.kcart-live-metal {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #9b681e;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

.kcart-live-metal i {
  font-size: 17px;
}

.kcart-live-metal span {
  width: 6px;
  height: 6px;
  background: #a36f1e;
  border-radius: 50%;
}

.kcart-metal-card {
  display: flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
  color: #222;
  font-size: 12px;
}

.kcart-metal-card strong {
  font-weight: 600;
}

.kcart-metal-card b {
  font-size: 17px;
  margin-left: 5px;
}

.kcart-metal-card em {
  color: #08a95e;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  margin-left: 4px;
}

.kcart-metal-bar {
  width: 30px;
  height: 31px;
  display: inline-block;
  transform: skew(-20deg) rotate(4deg);
  border-radius: 3px;
  margin-right: 10px;
}

.kcart-gold-bar {
  background: linear-gradient(145deg, #dca13a, #fff0b1, #bc7b15);
  box-shadow: 0 1px 3px #9e701e;
}

.kcart-silver-bar {
  background: linear-gradient(145deg, #ddd, #fff, #b8b8b8);
  box-shadow: 0 1px 3px #aaa;
}

.kcart-metal-divider {
  height: 26px;
  width: 1px;
  background: #d7d4ce;
}

.kcart-live-link {
  margin-left: auto;
  color: #222;
  white-space: nowrap;
  font-size: 12px;
}

.kcart-live-link i {
  color: #a36d20;
  font-size: 18px;
  margin-left: 8px;
}

.kcart-breadcrumb {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  color: #747b84;
}

.kcart-breadcrumb a {
  color: #747b84;
}

.kcart-breadcrumb i {
  color: #c2a06a;
  font-size: 17px;
}

.kcart-breadcrumb strong {
  color: #343434;
  font-weight: 500;
}

.kcart-title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 0 20px;
}

.kcart-title-copy h1 {
	color: #091629;
	font: 600 51px/1 "Fraunces", serif;
	letter-spacing: -1.5px;
	font-size: 30px;
}

.kcart-title-copy p {
    color: #737982;
    font-size: 15px;
    margin-top: 7px;
    margin-bottom: 10px;
}

.kcart-title-actions {
  display: flex;
  align-items: center;
  gap: 26px;
  color: #747b83;
  font-size: 14px;
}

.kcart-title-actions a {
  height: 46px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid #c9a36c;
  border-radius: 7px;
  color: #8b5e21;
  font-weight: 500;
}

.kcart-title-actions a i {
  font-size: 20px;
}

.cart-pdiv
{
    background: #fdfcf8;
    padding: 50px 0 50px;	
}

.kcart-items-section {
  width: 100%;
  padding: 0;
}

.kcart-items-section .container {
  width: 100%;
}

.kcart-table-summary-wrap {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 20px;
  align-items: start;
}


/* ================================
   CART TABLE
================================ */

.cart-table-summary-wrap 
{
    display: flex;
    grid-column-gap: 50px;
}

.kcart-table {
  width: 100%;
  border: 1px solid #e7e3dc;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  align-self: baseline;
}

.kcart-select-row {
  min-height: 61px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  background-color: #f7f5f1;
  border-bottom: 1px solid #e8e5df;
}

.kcart-select-row strong {
  color: #091629;
  font-size: 14px;
  font-weight: 600;
}

.kcart-remove-selected {
  margin-left: auto;
  border: 0;
  background: transparent;
  color: #707070;
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  cursor: pointer;
}

.kcart-remove-selected svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
}


/* CHECKBOX */

.kcart-check {
  width: 21px;
  height: 21px;
  position: relative;
  flex: 0 0 21px;
  cursor: pointer;
}

.kcart-check input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.kcart-check span {
  width: 21px;
  height: 21px;
  display: block;
  border: 1px solid #aeb1b2;
  border-radius: 4px;
  background: #fff;
  position: relative;
}

.kcart-check input:checked + span {
  border-color: #a66b16;
  background: #a66b16;
}

.kcart-check input:checked + span::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 11px;
  left: 7px;
  top: 3px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}


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

.kcart-product-row 
{
    min-height: 148px;
    padding: 16px 20px;
    display: grid;
    gap: 18px;
    align-items: center;
	background-color: #fffefc;
    border-bottom: 1px solid #e8e5df;
    grid-template-columns: 21px 137px minmax(220px, 1fr) 93px 126px 28px;
}

.kcart-product-image {
  width: 137px;
  height: 112px;
  overflow: hidden;
  border-radius: 8px;
  background: #f4eee3;
}

.kcart-product-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.kcart-product-info {
  min-width: 0;
}

.kcart-product-info h3 {
  margin: 0;
  color: #091629;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 600;
}

.kcart-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    color: #57575a;
    font-size: 13px;
    white-space: nowrap;
}

.kcart-meta i {
  width: 1px;
  height: 14px;
  display: block;
  background: #c9c9c9;
}

.kcart-price {
  margin-top: 18px;
  display: flex;
  align-items: baseline;
  gap: 5px;
}

.kcart-price strong {
  color: #091629;
  font-size: 20px;
  font-weight: 600;
}

.kcart-price span {
  color: #777;
  font-size: 12px;
}

.kcart-price b {
  margin-left: 9px;
  color: #099b54;
  font-size: 13px;
  font-weight: 600;
}


/* WEIGHT */

.kcart-option label,
.kcart-quantity label {
  display: block;
  margin-bottom: 9px;
  color: #091629;
  font-size: 13px;
  font-weight: 600;
}

.kcart-option select {
    width: 93px;
    height: 41px;
    padding: 0 12px;
    border: 1px solid #d8d6d2;
    border-radius: 6px;
    background: #fff;
    color: #091629;
    font-size: 13px;
    outline: none;
}


/* QUANTITY */

.kcart-qty-box {
  width: 126px;
  height: 41px;
  display: grid;
  grid-template-columns: 40px 46px 40px;
  border: 1px solid #e0ddd7;
  border-radius: 6px;
  overflow: hidden;
}

.kcart-qty-box button,
.kcart-qty-box span {
  border: 0;
  background: #fff;
  display: grid;
  place-items: center;
  color: #091629;
  font-size: 18px;
}

.kcart-qty-box button {
  background: #faf6ed;
  cursor: pointer;
}

.kcart-qty-box span {
  border-left: 1px solid #eee8dd;
  border-right: 1px solid #eee8dd;
  font-size: 14px;
}


/* DELETE */

.kcart-delete-wrap {
    display: flex;
    margin-top: 18px;
}

.kcart-delete {
	width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #65686b;
    cursor: pointer;
}

button.kcart-delete i {
    font-size: 23px;
    color: #f04235;
}

/* TOTAL */

.kcart-total {
  justify-self: end;
  color: #091629;
  font-size: 20px;
  font-weight: 600;
}


/* ================================
   COUPON
================================ */

.kcart-coupon-row {
    min-height: 70px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 22px;
	background-color: #f7f5f1;
}

.kcart-coupon-title {
  display: flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
}

.kcart-coupon-title svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: #303337;
  stroke-width: 1.6;
}

.kcart-coupon-title strong {
  color: #091629;
  font-size: 14px;
  font-weight: 600;
}

.kcart-coupon-input {
  width: 385px;
  height: 42px;
  display: grid;
  grid-template-columns: 1fr 96px;
  border-radius: 6px;
  overflow: hidden;
}

.kcart-coupon-input input {
  min-width: 0;
  border: 0;
  outline: 0;
  padding: 0 12px;
  color: #333;
  font-size: 13px;
}

.kcart-coupon-input button {
  border: 0;
  border-left: 1px solid #dfd7ca;
  background: #fff7e9;
  color: #85571c;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}


/* ================================
   ORDER SUMMARY
================================ */

.kcart-summary-wrap
{
	width: 30%;
}

.kcart-summary 
{
  padding: 20px;
  border: 1px solid #e7e3dc;
  border-radius: 10px;
  background: #fff;
}

.kcart-summary h2 {
  margin: 0 0 18px;
  padding-bottom: 17px;
  border-bottom: 1px solid #e9e6e0;
  color: #091629;
  font-size: 22px;
  font-weight: 600;
}

.kcart-summary-line {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #62656a;
  font-size: 14px;
  position: relative;
}

.kcart-summary-line strong {
    color: #091629;
    font-size: 14px;
    font-weight: 600;
}

.kcart-summary-line .kcart-green {
  color: #099b54;
}

.kcart-summary-total {
  margin-top: 8px;
  padding-top: 17px;
  border-top: 1px solid #e8e5df;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.kcart-summary-total > div {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.kcart-summary-total > div strong {
  color: #091629;
  font-size: 16px;
  font-weight: 600;
}

.kcart-summary-total > div span {
  color: #777;
  font-size: 12px;
  order: 2;
}

.kcart-summary-total > strong {
	color: #091629;
    font-size: 21px;
    font-weight: 600;
}


.kcart-summary .gst-info-wrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.kcart-summary .info-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: #9b651c;
    cursor: help;
    outline-offset: 3px;
}

.kcart-summary .gst-info-wrap .gst-info {
    position: absolute;
    z-index: 20;
    left: 50%;
    bottom: calc(100% + 9px);
    width: 230px;
    padding: 10px 12px;
    border-radius: 6px;
    background: #091629;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-50%);
    transition: opacity .2s ease, visibility .2s ease;
}

.kcart-summary .gst-info-wrap .info-icon:hover .gst-info,
.kcart-summary .gst-info-wrap .info-icon:focus .gst-info,
.kcart-summary .gst-info-wrap .info-icon:focus-within .gst-info {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 520px) {
    .kcart-summary .gst-info-wrap .gst-info {
        left: 0;
        transform: none;
        max-width: min(230px, 75vw);
    }
}




/* Professional coupon section inside Order Summary */
.kcart-summary .kcart-coupon-row {
    display: block;
    margin: 12px 0 18px;
    padding: 14px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(9, 22, 41, 0.04);
}

.kcart-summary .kcart-coupon-heading {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 13px;
}

.kcart-summary .kcart-coupon-icon {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #f5f0e7;
    color: #9b651c;
    font-size: 21px;
}

.kcart-summary .kcart-coupon-copy {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.kcart-summary .kcart-coupon-copy strong {
	color: #091629;
    font-size: 14px;
    font-weight: 600;
}

.kcart-summary .kcart-coupon-copy span {
    color: #737b88;
    font-size: 13px;
    line-height: 1.2;
}

.kcart-summary .kcart-coupon-input {
    display: flex;
    align-items: stretch;
    gap: 8px;
    width: 100%;
}

.kcart-summary .kcart-coupon-input input {
    flex: 1;
    min-width: 0;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #dfe3e8;
    border-radius: 6px;
    background: #fff;
    color: #091629;
    font-size: 12px;
    outline: none;
    transition: border-color .2s ease,
                box-shadow .2s ease;
}

.kcart-summary .kcart-coupon-input input:focus {
    border-color: #9b651c;
    box-shadow: 0 0 0 3px rgba(155, 101, 28, 0.10);
}

.kcart-summary .kcart-coupon-input input::placeholder {
    color: #9ca3af;
}

.kcart-summary .kcart-coupon-input button {
    min-width: 76px;
    padding: 0 16px;
    border: 1px solid #091629;
    border-radius: 6px;
    background: #091629;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s ease,
                border-color .2s ease;
}

.kcart-summary .kcart-coupon-input button:hover {
    background: #263b56;
    border-color: #263b56;
}

@media (max-width: 520px) {
    .kcart-summary .kcart-coupon-row {
        padding: 12px;
    }

    .kcart-summary .kcart-coupon-input button {
        min-width: 68px;
        padding: 0 12px;
    }
}


/* CHECKOUT */

.kcart-checkout {
  width: 100%;
  height: 53px;
  margin-top: 22px;
  border: 0;
  border-radius: 6px;
  background: linear-gradient(180deg, #b98232, #9b651c);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
}

.kcart-checkout span {
  font-size: 22px;
}


/* DELIVERY */

.kcart-delivery {
	min-height: 80px;
    margin-top: 17px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 13px;
    border: 1px solid #dceee2;
    border-radius: 8px;
    background: #f6fcf8;
}

.kcart-delivery svg {
  width: 38px;
  height: 38px;
  fill: none;
  stroke: #099b54;
  stroke-width: 1.7;
  flex: 0 0 38px;
}

.kcart-delivery div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.kcart-delivery strong {
  color: #07964f;
  font-size: 15px;
}

.kcart-delivery span {
  color: #4b8463;
  font-size: 12px;
}

.kcart-delivery > b {
  margin-left: auto;
  color: #099b54;
  font-size: 25px;
}


/* PAYMENT */

.kcart-payment {
    margin-top: 17px;
    padding: 17px;
    border: 1px solid #e7e3dc;
    border-radius: 8px;
    background: #fff;
}

.kcart-payment h3 {
  margin: 0 0 15px;
  color: #202020;
  font-size: 14px;
  font-weight: 600;
}

.kcart-payment-list {
  display: flex;
  align-items: center;
  gap: 8px;
}

.kcart-payment-list img {
    width: 100%;
}

.kcart-payment-list span {
  height: 37px;
  min-width: 49px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff;
  color: #16468c;
  font-size: 11px;
  font-weight: 800;
}


/* ================================
   RESPONSIVE
================================ */

@media (max-width: 1200px) {

  .kcart-table-summary-wrap {
    grid-template-columns: minmax(0, 1fr) 330px;
  }

  .kcart-product-row {
    grid-template-columns:
      21px
      105px
      minmax(180px, 1fr)
      105px
      110px
      22px
      95px;

    gap: 12px;
  }

  .kcart-product-image {
    width: 105px;
    height: 100px;
  }

  .kcart-product-info h3 {
    font-size: 15px;
  }

  .kcart-price strong,
  .kcart-total {
    font-size: 18px;
  }
}

@media (max-width: 980px) {

  .kcart-table-summary-wrap {
    grid-template-columns: 1fr;
  }

  .kcart-summary {
    max-width: 100%;
  }
}

@media (max-width: 760px) {

  .kcart-product-row {
    grid-template-columns: 21px 90px 1fr 25px;
    gap: 12px;
    padding: 15px;
  }

  .kcart-product-image {
    width: 90px;
    height: 90px;
  }

  .kcart-option,
  .kcart-quantity,
  .kcart-total {
    grid-column: 3 / 4;
  }

  .kcart-delete {
    grid-column: 4;
    grid-row: 1;
  }

  .kcart-total {
    justify-self: start;
  }

  .kcart-coupon-row {
    flex-wrap: wrap;
  }

  .kcart-coupon-input {
    flex: 1;
  }
}

@media (max-width: 520px) {

  .kcart-select-row {
    padding: 0 14px;
  }

  .kcart-product-row {
    grid-template-columns: 21px 75px 1fr 22px;
  }

  .kcart-product-image {
    width: 75px;
    height: 75px;
  }

  .kcart-product-info h3 {
    font-size: 13px;
  }

  .kcart-price {
    margin-top: 10px;
  }

  .kcart-price strong {
    font-size: 16px;
  }

  .kcart-option,
  .kcart-quantity,
  .kcart-total {
    grid-column: 3 / 4;
  }

  .kcart-option select,
  .kcart-qty-box {
    width: 100%;
  }

  .kcart-coupon-row {
    padding: 12px 14px;
  }

  .kcart-coupon-input {
    width: 100%;
  }

  .kcart-summary {
    padding: 16px;
  }
}

.kcart-benefits {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #fdf9f6;
    padding: 20px 0;
}

.kcart-benefit {
  min-height: 86px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-right: 1px solid #eee9e1;
}

.kcart-benefit:last-child {
  border-right: 0;
}

.kcart-benefit-icon {
  width: 47px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f8efe0;
  color: #a06a1b;
}

.kcart-benefit-icon svg {
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.kcart-benefit-text {
  color: #091629;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 400;
  text-align: center;
}

@media (max-width: 600px) {
  .kcart-benefits {
    grid-template-columns: repeat(2, 1fr);
  }

  .kcart-benefit:nth-child(2) {
    border-right: 0;
  }

  .kcart-benefit:nth-child(-n + 2) {
    border-bottom: 1px solid #eee9e1;
  }
}

.kcart-help-card {
	margin-top: 17px;
    width: 100%;
    min-height: 112px;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    gap: 22px;
    background: #ffffff;
    border: 1px solid #e8e5df;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.025);
}

.kcart-help-icon {
  width: 43px;
  height: 43px;

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

  flex: 0 0 43px;
  color: #16191b;
}

.kcart-help-icon svg {
  width: 35px;
  height: 35px;

  fill: none;
  stroke: #091629;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.kcart-help-content {
  min-width: 0;
}

.kcart-help-content h3 {
  margin: 0;

  color: #091629;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 600;
}

.kcart-help-content p {
  margin: 6px 0 0;

  color: #6d7074;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 400;
}

.kcart-help-content a {
  margin-top: 7px;

  display: inline-flex;
  align-items: center;
  gap: 9px;

  color: #a16a20;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 600;

  text-decoration: none;
}

.kcart-help-content a span {
  font-size: 21px;
  line-height: 12px;
  transition: transform 0.2s ease;
}

.kcart-help-content a:hover span {
  transform: translateX(3px);
}

@media (max-width: 480px) {
  .kcart-help-card {
    min-height: 105px;
    padding: 18px;
    gap: 17px;
  }

  .kcart-help-content p {
    font-size: 12px;
  }

  .kcart-help-content a {
    font-size: 13px;
  }
}

/* cart page design */


footer.kdn-footer .kdn-footer-trust-inner {
    justify-content: space-between;
}

footer.kdn-footer .kdn-trust-item 
{
    width: 25%;
    min-height: 42px;
    display: flex;
    align-items: center;
    padding: 0 25px;
    border-right: 1px solid rgba(255, 255, 255, .12);
}

footer.kdn-footer .kdn-trust-item:last-child {
    border-right: 0;
}


/* login design */

.kdn-login-page {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 50px;
    background-color: #a77126;
}
.kdn-login-visual {
	overflow: hidden;
    position: relative;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background: url(../images/login-bkg.png) center / cover no-repeat;
}

.kdn-login-visual::before 
{
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #ffffff73;
}

.kdn-login-form-side {
	display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.kdn-login-card {
  width: min(100%, 447px);
  padding: 42px 35px 36px;
  border: 1px solid #e5e0d8;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.82);
}
.kdn-login-head {
  text-align: center;
}

.kdn-login-head p {
  margin-top: 5px;
  color: #686b70;
  font-size: 12px;
}
.kdn-field {
  display: block;
  margin-top: 25px;
}
.kdn-field > b,
.kdn-label-row b {
  font-size: 10px;
  font-weight: 600;
}
.kdn-label-row {
  display: flex;
  justify-content: space-between;
}
.kdn-label-row a {
  font-size: 10px;
  color: #85581c;
  text-decoration: none;
}
.kdn-field > span {
  height: 36px;
  margin-top: 7px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #ddd9d3;
  border-radius: 4px;
  background: #fff;
}
.kdn-field svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: #45484c;
  stroke-width: 1.5;
}
.kdn-field input {
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  background: none;
  font-size: 10px;
  color: #222;
}
.kdn-field input::placeholder {
  color: #929498;
}
.kdn-field button {
  border: 0;
  background: none;
  color: #777;
  cursor: pointer;
}
.kdn-remember {
  margin-top: 13px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.kdn-remember input {
  position: absolute;
  opacity: 0;
}
.kdn-remember i {
  width: 15px;
  height: 15px;
  border: 1px solid #c9c9c6;
  border-radius: 2px;
  background: #fff;
}
.kdn-remember input:checked + i {
  background: #a66e20;
  border-color: #a66e20;
}
.kdn-remember b {
  font-size: 9px;
  font-weight: 500;
  color: #36383a;
}
.kdn-login {
  width: 100%;
  height: 42px;
  margin-top: 17px;
  border: 0;
  border-radius: 4px;
  background: linear-gradient(#b57d2e, #9c661e);
  color: #fff;
  font-size: 13px;
  cursor: pointer;
}
.kdn-login strong {
  margin-left: 7px;
  font-size: 18px;
  font-weight: 400;
}
.kdn-or {
  margin: 20px 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
}
.kdn-or i {
  height: 1px;
  background: #e6e2dc;
}
.kdn-or span {
  font-size: 9px;
  color: #85878a;
}
.kdn-socials {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.kdn-socials button {
  height: 38px;
  border: 1px solid #ddd9d3;
  border-radius: 4px;
  background: #fff;
  color: #292929;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}
.google {
  font-size: 16px;
  color: #4285f4;
}
.apple {
  font-size: 15px;
  color: #091629;
}
.kdn-signup {
  margin-top: 25px;
  text-align: center;
  font-size: 10px;
  color: #686a6d;
}
.kdn-signup a {
  color: #97621d;
  font-weight: 600;
  text-decoration: none;
}
@media (max-width: 900px) {
  .kdn-login-page {
    grid-template-columns: 1fr;
  }
  .kdn-login-visual {
    min-height: 430px;
  }
  .kdn-login-form-side {
    min-height: auto;
    padding: 45px 20px;
  }
}
@media (max-width: 520px) {
  .kdn-login-visual {
    min-height: 330px;
  }
  .kdn-login-form-side {
    padding: 25px 14px;
  }
  .kdn-login-card {
    padding: 30px 22px;
  }
  .kdn-socials {
    grid-template-columns: 1fr;
  }
}

.kdn-hero-content {
    position: relative;
    z-index: 2;
    width: 50%;
    min-height: 642px;
    padding: 39px 0 40px 82px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


a.kdn-brand svg {
    width: 80px !important;
}

.kdn-brand-k {
    font-size: 57px;
    line-height: .75;
    font-weight: 400;
}

.kdn-brand-name {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1;
    letter-spacing: .7px;
}

.kdn-hero h1 {
    margin-top: 33px;
    color: #091629;
    font-size: 43px;
    line-height: .91;
    font-weight: 600;
    letter-spacing: -.8px;
}

.kdn-hero-content h1 {
    width: 68%;
    line-height: 38px;
}

.kdn-hero-content h1 {
    width: 80%;
    color: #091629;
    font-weight: 600;
    line-height: 42px;
}

.kdn-divider {
    width: 48px;
    height: 2px;
    margin-top: 10px;
    background: #a66e20;
}

.kdn-intro {
    margin-top: 20px;
    color: #2d2924;
    font-size: 22px;
    line-height: 1.55;
    font-weight: 400;
}

.kdn-points {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.kdn-point {
    display: flex;
    align-items: center;
    gap: 13px;
    color: #25221e;
    font-size: 10px;
    line-height: 1.35;
    font-weight: 500;
}

.kdn-point-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #97651d;
    flex-shrink: 1;
}

.kdn-point-icon svg {
	width: 34px;
    height: 34px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.35;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.kdn-point-text {
    font-size: 15px;
}

.kdn-login-page .kdn-brand
{
    flex: unset;
    flex-direction: row;
    margin-bottom: 30px;
    justify-content: left;
}

.kdn-login-card {
    width: 60%;
    min-height: 625px;
    padding: 57px 43px 43px;
    border: 1px solid #e4e0da;
    border-radius: 6px;
    background: #fffefc;
}
.kdn-login-heading {
  text-align: center;
}
.kdn-login-heading h1 {
  color: #091629;
  font-size: 34px;
  line-height: 1.1;
  font-weight: 600;
}
.kdn-login-heading p {
  margin-top: 7px;
  color: #65676a;
  font-size: 14px;
  line-height: 1.4;
}
.kdn-login-field {
  margin-top: 20px;
}
.kdn-login-field label,
.kdn-login-label-row label {
    display: block;
    color: #091629;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;
}
.kdn-login-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kdn-login-label-row a {
  color: #895b1d;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}
.kdn-login-input {
  width: 100%;
  height: 45px;
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 0 13px;
  border: 1px solid #ddd9d3;
  border-radius: 5px;
  background: #fff;
}
.kdn-login-input > svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: #4e5257;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.kdn-login-input input {
  width: 100%;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #202020;
  font-size: 13px;
}
.kdn-login-input input::placeholder {
  color: #85898e;
}
.kdn-password-field {
  margin-top: 25px;
}
.kdn-password-toggle {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: #70747a;
  cursor: pointer;
}
.kdn-password-toggle svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.kdn-remember {
  margin-top: 17px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.kdn-remember input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.kdn-checkbox {
  width: 18px;
  height: 18px;
  display: block;
  flex: 0 0 18px;
  border: 1px solid #c9c8c5;
  border-radius: 3px;
  background: #fff;
  position: relative;
}
.kdn-remember input:checked + .kdn-checkbox {
  background: #a46d20;
  border-color: #a46d20;
}
.kdn-remember input:checked + .kdn-checkbox:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border-right: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;
  transform: rotate(45deg);
}
.kdn-remember strong {
  color: #242424;
  font-size: 12px;
  font-weight: 500;
}
.kdn-login-button {
  width: 100%;
  height: 51px;
  margin-top: 20px;
  border: 0;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  background: linear-gradient(180deg, #b37b2c, #9c671e);
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}
.kdn-login-button b {
  font-size: 24px;
  line-height: 1;
  font-weight: 300;
}
.kdn-or-divider {
  margin: 27px 0 25px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 15px;
}
.kdn-or-divider span {
  height: 1px;
  background: #e8e4de;
}
.kdn-or-divider em {
  color: #777a7d;
  font-size: 12px;
  font-style: normal;
}
.kdn-social-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.kdn-social-button {
  width: 100%;
  height: 49px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1px solid #ddd9d3;
  border-radius: 5px;
  background: #fff;
  color: #181818;
    font-size: 14px;
    font-weight: 500;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.kdn-social-button:hover {
  border-color: #c9b79b;
  box-shadow: 0 3px 10px rgba(48, 35, 18, 0.05);
  transform: translateY(-1px);
}
.kdn-google-icon {
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
}
.kdn-apple-icon {
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  fill: #000;
}
.kdn-signup {
  margin-top: 35px;
  text-align: center;
  color: #686a6d;
  font-size: 13px;
  line-height: 1.4;
}
.kdn-signup a {
  margin-left: 4px;
  color: #98641e;
  font-weight: 600;
  text-decoration: none;
}
@media (max-width: 620px) {
 
  .kdn-login-card {
    min-height: auto;
    padding: 42px 24px 35px;
  }
  .kdn-login-heading h1 {
    font-size: 30px;
  }
  .kdn-social-buttons {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}


/* login design */

/* search icon design */

.kdn-search-wrap {
  position: relative;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kdn-search-toggle {
  position: relative;
  z-index: 3;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #f7f7f7;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition:
    color 0.25s ease,
    transform 0.25s ease,
    opacity 0.22s ease;
}

.kdn-search-toggle:hover {
  color: #c99b35;
}

.kdn-search-toggle i {
  font-size: 21px;
  transition: transform 0.35s cubic-bezier(.22, 1, .36, 1);
}

/* Search icon hide when search is open */
/* .kdn-search-wrap.is-open .kdn-search-toggle {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.82);
} */

.kdn-search {
	display: flex;
    align-items: center;
    gap: 11px;
    pointer-events: none;
    border: 1px solid transparent;
    border-radius: 0px;
    background: linear-gradient(110deg, rgba(48, 51, 53, 0.98), rgba(34, 36, 37, 0.98));
}

.wh-search-wrap
{
    top: 230%;
    right: 0px;
    width: 0;
    height: auto;
	padding:10px;
	position: absolute;
	background-color:#fff;
    overflow: hidden;
    opacity: 0;	
    transform: translateY(-50%) translateX(10px) scaleX(0.96);
    transform-origin: right center;	
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.08);	
}

/* Open search */
.kdn-search-wrap.is-open .wh-search-wrap {
    width: auto;
    padding: 5px;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(-50%) translateX(0) scaleX(1);
    border-color: rgba(201, 155, 53, 0.55);
    border-radius: 2px;
}

.kdn-search i {
    flex: 0 0 auto;
    color: #ffffff;
    font-size: 18px;
}

.kdn-search input {
	width: 100%;
	min-width: 0;
	height: 100%;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: #fff;
	font-size: 12px;
}

.kdn-search input::placeholder {
  color: rgba(255, 255, 255, 0.48);
}

.kdn-search input:focus {
  outline: none;
}

/* search icon design */

.listing-sect .price-box .discount-meta 
{
    gap: 7px;
    display: flex;
    margin-top: 2px;
}

.listing-sect .price-box .discount-percentage {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 4px 8px;
    border-radius: 999px;
    background: #eaf7ef;
    color: #16834a;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .2px;
    white-space: nowrap;
}

.listing-sect .price-box .savings-amount {
    display: inline-flex;
    align-items: center;
    color: #16834a;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
}

.del-discount-wrap {
    display: flex;
    grid-column-gap: 7px;
}

.pdp-price .discount-percentage {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    margin: 0;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eaf7ef;
    color: #16834a;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .2px;
    white-space: nowrap;
}

.pdp-price .savings-amount {
    display: inline-flex;
    align-items: center;
    color: #16834a;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

/* load modal design */

#kdnPromoModal {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(22, 16, 9, 0.68);
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 260ms ease, visibility 260ms ease;
}

#kdnPromoModal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

#kdnPromoModal .kdn-promo-dialog {
    position: relative;
    width: 100%;
    height: 350px;
    border-radius: 22px;
    display: flex;
    justify-content: center;
}

.promo-wrap {
    position: relative;
    display: flex;
    justify-content: center;
}

#kdnPromoModal .kdn-promo-dialog img {
    object-fit: contain;
    height: 100%;
    width: 100%;
	border-radius: 14px;
}

#kdnPromoModal .kdn-promo-close {
	position: absolute;
    top: -15px;
    right: -10px;
    z-index: 3;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 50%;
    background: rgba(39, 29, 18, 0.78);
    color: #fff;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
    transition: background 180ms ease, transform 180ms ease;
}

#kdnPromoModal .kdn-promo-close:hover {
  background: #b8872e;
  transform: rotate(90deg);
}

#kdnPromoModal .kdn-promo-close:focus-visible,
#kdnPromoModal [data-kdn-promo-cta]:focus-visible {
  outline: 3px solid #d7ae57;
  outline-offset: 3px;
}

#kdnPromoModal .kdn-promo-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 78vh;
  object-fit: contain;
}

/* If the modal uses a two-column HTML layout instead of one banner image. */
#kdnPromoModal .kdn-promo-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: 420px;
}

#kdnPromoModal .kdn-promo-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(28px, 5vw, 58px);
  color: #342619;
}

#kdnPromoModal .kdn-promo-copy h2 {
  margin: 0 0 14px;
  color: #76521b;
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.12;
}

#kdnPromoModal .kdn-promo-copy p {
  margin: 0 0 22px;
  color: #6f6251;
  font-size: 15px;
  line-height: 1.7;
}

#kdnPromoModal [data-kdn-promo-cta] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 48px;
  padding: 12px 22px;
  border: 1px solid #a87823;
  border-radius: 999px;
  background: linear-gradient(135deg, #d9b66a, #b8862e);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: filter 180ms ease, transform 180ms ease;
}

#kdnPromoModal [data-kdn-promo-cta]:hover {
  filter: brightness(1.06);
  transform: translateY(-2px);
}

@media (max-width: 640px) {
  #kdnPromoModal {
    padding: 14px;
  }

  #kdnPromoModal .kdn-promo-close {
    top: 8px;
    right: 8px;
    width: 36px;
    height: 36px;
    font-size: 22px;
  }

  #kdnPromoModal .kdn-promo-image {
    max-height: 84vh;
  }

  #kdnPromoModal .kdn-promo-content {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  #kdnPromoModal .kdn-promo-copy {
    padding: 28px 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #kdnPromoModal,
  #kdnPromoModal .kdn-promo-dialog,
  #kdnPromoModal .kdn-promo-close,
  #kdnPromoModal [data-kdn-promo-cta] {
    transition: none;
  }
}

/* load modal design */

/* tab design */




.copy {
    min-width:0;
    animation:copy-in .55s ease both
}
@keyframes copy-in {
    from {
        opacity:0;
        transform:translateX(-12px)
    }
    to {
        opacity:1;
        transform:translateX(0)
    }
}
.copy h1 {
    margin:0 0 20px;
    color:#111827;
    font-size: 27px;
    letter-spacing:-.7px
}
.copy>p {
    max-width:780px;
    margin:0;
    color:#5c5e64;
    font-size:clamp(17px,1.95vw,24px);
    line-height:1.4;
    letter-spacing:-.25px
}
.product-visual {
    position:relative;
    min-height:238px;
    height:100%;
    max-height:270px;
    overflow:hidden;
    isolation:isolate;
    border-radius:22px;
    background:linear-gradient(180deg,#c9c0ae 0%,#e5d9c4 65%,#b5a68e 100%);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);
    animation:visual-in .6s cubic-bezier(.2,.75,.25,1) both
}
@keyframes visual-in {
    from {
        opacity:.55;
        transform:translateX(14px) scale(.985)
    }
    to {
        opacity:1;
        transform:translateX(0) scale(1)
    }
}
.sunbeams {
    position:absolute;
    inset:-30% 35% 0 -10%;
    background:repeating-linear-gradient(48deg,transparent 0 33px,rgba(255,255,255,.35) 35px 42px,transparent 44px 73px);
    filter:blur(2px);
    transform:skewX(-12deg);
    z-index:-1
}
.appliance {
    position:absolute;
    z-index:2;
    width:34%;
    height:86%;
    left:48%;
    bottom:2%;
    border-radius:18px 18px 14px 14px;
    background:linear-gradient(90deg,#d2c9b8,#fff7e8 22%,#f4ead8 70%,#c5bba9);
    box-shadow:12px 12px 20px #251e213b,inset -5px 0 7px #5c4b341f
}
.lid {
    position:absolute;
    left:1%;
    top:-3%;
    width:98%;
    height:9%;
    border-radius:50%;
    background:linear-gradient(#fdf6e9,#c9bda9);
    border:1px solid #5b4d3a33
}
.screen {
    position:absolute;
    left:39%;
    top:20%;
    width:23%;
    height:38%;
    border-radius:12px;
    background:linear-gradient(90deg,#151817,#292d2a 48%,#101211);
    box-shadow:inset 0 0 3px #73766d;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-evenly
}
.screen b,.screen i {
    width:5px;
    height:5px;
    border-radius:50%;
    background:#b4b6a9;
    box-shadow:0 0 4px #ffffff66
}
.screen b {
    width:10px;
    height:10px
}
.base {
    position:absolute;
    left:10%;
    right:10%;
    bottom:-2px;
    height:5px;
    border-radius:50%;
    background:#9f9481
}
.plant {
    position:absolute;
    bottom:15%;
    width:22%;
    height:70%;
    z-index:1
}
.plant i {
    position:absolute;
    bottom:20%;
    left:45%;
    width:25%;
    height:52%;
    border-radius:100% 0 100% 0;
    background:linear-gradient(120deg,#536443,#283d2a);
    transform-origin:bottom center
}
.plant i:nth-child(1) {
    transform:rotate(-48deg);
    height:55%
}
.plant i:nth-child(2) {
    transform:rotate(-25deg);
    height:73%
}
.plant i:nth-child(3) {
    transform:rotate(12deg);
    height:83%
}
.plant i:nth-child(4) {
    transform:rotate(38deg);
    height:62%
}
.plant i:nth-child(5) {
    transform:rotate(58deg);
    height:47%
}
.plant-left {
    left:0;
    transform:scale(.9)
}
.plant-right {
    right:0;
    bottom:31%;
    height:65%;
    width:19%
}
.plant-right i {
    background:linear-gradient(120deg,#657b4b,#34472e)
}
.pot {
    position:absolute;
    right:5%;
    bottom:1%;
    width:16%;
    height:27%;
    border-radius:5px 5px 17px 17px;
    background:linear-gradient(90deg,#b6a88f,#e5d8c3 45%,#b7a78d);
    box-shadow:4px 5px 9px #2b221e33
}
.pot:before {
    content:"";
    position:absolute;
    top:-5px;
    left:-3%;
    width:106%;
    height:10px;
    border-radius:50%;
    background:#d5c7af
}
.spec-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:18px;
    max-width:560px
}

.spec-grid small,.spec-grid strong {
    display:block
}
.spec-grid small {
    color:#777;
    font-size:12px;
    margin-bottom:5px
}
.spec-grid strong {
    font-size:15px
}
.feature-list {
    list-style:none;
    padding:0;
    margin:18px 0 0;
    display:grid;
    gap:10px;
    color:#444;
    font-size:17px
}
.feature-list span {
    display:inline-grid;
    place-items:center;
    width:23px;
    height:23px;
    border-radius:50%;
    background:#dff5ed;
    color:#14805e;
    font-weight:700;
    margin-right:8px
}
.rating-line {
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap
}
.rating-line strong {
    font-size:34px;
    color:#20252e
}
.stars {
    color:#ffa900;
    letter-spacing:2px;
    font-size:23px
}
.review-count {
    font-size:14px;
    color:#777
}
.review {
    margin-top:14px;
    padding:12px 14px;
    background:#f8f7f4;
    border-radius:12px
}
.review strong {
    font-size:15px
}
.review p {
    font-size:14px!important;
    margin:6px 0!important
}
.review small {
    font-size:12px;
    color:#777
}
details {
    margin-top:12px;
    border:1px solid #ece8df;
    border-radius:12px;
    padding:13px 15px;
    background:#faf9f6
}
summary {
    font-weight:700;
    font-size:15px;
    cursor:pointer
}
details p {
    font-size:14px!important;
    margin-top:10px!important
}

.d-show
{
	display:block;
}

.m-show
{
	display:none;
}


@media(max-width:1050px) {
    .tabs {
        min-height:76px;
        gap:3px;
        padding:7px
    }
    .tab {
        min-height:60px;
        padding:7px 12px;
        gap:8px;
        font-size:16px
    }
    .tab-indicator {
        top:7px;
        height:60px;
        left:0
    }
    .icon {
        width:38px;
        height:38px;
        flex-basis:38px
    }
    .icon svg {
        width:30px;
        height:30px
    }
    .icon-reviews {
        font-size:37px
    }
    .icon-qa {
        width:34px;
        height:34px;
        flex-basis:34px;
        font-size:24px
    }
    .content-card {
        grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
        gap:22px;
        padding-left:27px
    }
    .tab-panel {
        grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
        gap:22px
    }
}
@media(max-width:720px) {
    .tabs-shell {
        border-radius:22px
    }
    .tabs {
        border-radius:22px;
        overflow-x:auto;
        justify-content:flex-start;
        min-height:66px
    }
    .tab {
        flex:0 0 auto;
        min-height:50px;
        padding:6px 12px;
        font-size:14px
    }
    .tab-indicator {
        height:50px;
        top:7px
    }
    .icon {
        width:30px;
        height:30px;
        flex-basis:30px
    }
    .icon svg {
        width:25px;
        height:25px
    }
    .icon-reviews {
        font-size:30px
    }
    .icon-qa {
        width:28px;
        height:28px;
        flex-basis:28px;
        font-size:20px
    }
    .content-card {
        padding:22px 16px 16px;
        border-radius:20px
    }
    .tab-panel {
        grid-template-columns:1fr;
        gap:18px
    }
    .copy h1 {
        margin-bottom:13px;
        font-size:29px
    }
    .copy>p {
        font-size:17px
    }
    .product-visual {
        min-height:220px
    }
    .spec-grid {
        gap:8px
    }
    .feature-list {
        font-size:15px
    }
}
@media(prefers-reduced-motion:reduce) {
    *,*:before,*:after {
        animation-duration:.01ms!important;
        transition-duration:.01ms!important;
        scroll-behavior:auto!important
    }
}

/* tab design */

/* tab content design */

.product-ui {
    width:100%;
    max-width:1600px;
    margin:0 auto
}
.tabs-shell {
    display: inline-block;
    padding: 0;
    border-radius: 48px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 7px 22px rgba(28, 32, 38, .10);
    border: 1px solid #fff;
    box-sizing: border-box;
    vertical-align: top;
    width: 100%;
}
.tabs {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: max-content;
    max-width: 100%;
    min-width: 0;
    min-height: 88px;
    padding: 9px 12px;
    border-radius: 48px;
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
}
.tab {
	position: relative;
    z-index: 1;
    appearance: none;
    border: 0;
    background: transparent;
    min-height: 68px;
    padding: 8px 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: max-content;
    max-width: none;
    box-sizing: border-box;
    border-radius: 40px;
    font-size: 18px;
    white-space: nowrap;
    transition: color .25s ease, transform .25s ease;
}
.tab:hover {
    transform:translateY(-1px)
}
.tab:focus-visible {
    outline:3px solid #8bbfff;
    outline-offset:2px
}

.tab i {
    font-size: 25px;
    font-weight: 500;
}

.tab.active {
    font-weight: 600;
    color: #ffffff;
}

.tab.active i{
    font-weight: 400 !important;
}


.tab-indicator {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 9px;
    height: 68px;
    width: 0;
    border-radius: 40px;
    background: #ba8a38;
    transition: transform .42s cubic-bezier(.2, .8, .2, 1), width .42s cubic-bezier(.2, .8, .2, 1);
    pointer-events: none;
}
.icon {
    height: 48px;
    display: inline-flex;
    align-items: center;
    line-height: 1;
}
.icon svg {
    width: 30px;
    height: 30px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.3;
    stroke-linecap:round;
    stroke-linejoin:round
}
.icon-description {
    color:#c58a18
}

.icon-features {
    color:#10a9b2
}
.icon-reviews {
    color:#ffa900;
    font-size:46px;
    text-shadow:0 1px 1px #f5d27c
}
.icon-qa {
    width:40px;
    height:40px;
    flex-basis:40px;
    border-radius:50%;
    color:white;
    background:#8057db;
    font-size:29px;
    font-weight:700
}
.content-card {
    margin-top:13px;
    padding:19px 20px 19px 37px;
    border:1px solid #fff;
    border-radius:25px;
    background:rgba(255,255,255,.88);
    box-shadow:0 7px 22px rgba(28,32,38,.10);
    overflow:hidden
}
.tab-panel {
    display: grid;
    align-items: center;
    gap: 32px;
    animation: panel-in .48s cubic-bezier(.2, .75, .25, 1) both;
}
.tab-panel[hidden] {
    display:none
}

#panel-seller {
    align-items: self-start;
}

@keyframes panel-in {
    from {
        opacity:0;
        transform:translateY(12px) scale(.99);
        filter:blur(3px)
    }
    to {
        opacity:1;
        transform:translateY(0) scale(1);
        filter:blur(0)
    }
}
.copy {
    min-width:0;
    animation:copy-in .55s ease both
}
@keyframes copy-in {
    from {
        opacity:0;
        transform:translateX(-12px)
    }
    to {
        opacity:1;
        transform:translateX(0)
    }
}

.seller-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    font-size: 15px;
}

.seller-grid p 
{
    color: #091629;
	margin-bottom: 0;
    padding: 17px 24px 25px;
}

.copy h1 {
    margin:0 0 20px;
    color:#111827;
    letter-spacing:-.7px
}
.copy>p {
    max-width:780px;
    margin:0;
    color:#5c5e64;
    font-size:clamp(17px,1.95vw,24px);
    line-height:1.4;
    letter-spacing:-.25px
}
.product-visual {
    position:relative;
    min-height:238px;
    height:100%;
    max-height:270px;
    overflow:hidden;
    isolation:isolate;
    border-radius:22px;
    background:linear-gradient(180deg,#c9c0ae 0%,#e5d9c4 65%,#b5a68e 100%);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);
    animation:visual-in .6s cubic-bezier(.2,.75,.25,1) both
}
@keyframes visual-in {
    from {
        opacity:.55;
        transform:translateX(14px) scale(.985)
    }
    to {
        opacity:1;
        transform:translateX(0) scale(1)
    }
}
.sunbeams {
    position:absolute;
    inset:-30% 35% 0 -10%;
    background:repeating-linear-gradient(48deg,transparent 0 33px,rgba(255,255,255,.35) 35px 42px,transparent 44px 73px);
    filter:blur(2px);
    transform:skewX(-12deg);
    z-index:-1
}
.appliance {
    position:absolute;
    z-index:2;
    width:34%;
    height:86%;
    left:48%;
    bottom:2%;
    border-radius:18px 18px 14px 14px;
    background:linear-gradient(90deg,#d2c9b8,#fff7e8 22%,#f4ead8 70%,#c5bba9);
    box-shadow:12px 12px 20px #251e213b,inset -5px 0 7px #5c4b341f
}
.lid {
    position:absolute;
    left:1%;
    top:-3%;
    width:98%;
    height:9%;
    border-radius:50%;
    background:linear-gradient(#fdf6e9,#c9bda9);
    border:1px solid #5b4d3a33
}
.screen {
    position:absolute;
    left:39%;
    top:20%;
    width:23%;
    height:38%;
    border-radius:12px;
    background:linear-gradient(90deg,#151817,#292d2a 48%,#101211);
    box-shadow:inset 0 0 3px #73766d;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-evenly
}
.screen b,.screen i {
    width:5px;
    height:5px;
    border-radius:50%;
    background:#b4b6a9;
    box-shadow:0 0 4px #ffffff66
}
.screen b {
    width:10px;
    height:10px
}
.base {
    position:absolute;
    left:10%;
    right:10%;
    bottom:-2px;
    height:5px;
    border-radius:50%;
    background:#9f9481
}
.plant {
    position:absolute;
    bottom:15%;
    width:22%;
    height:70%;
    z-index:1
}
.plant i {
    position:absolute;
    bottom:20%;
    left:45%;
    width:25%;
    height:52%;
    border-radius:100% 0 100% 0;
    background:linear-gradient(120deg,#536443,#283d2a);
    transform-origin:bottom center
}
.plant i:nth-child(1) {
    transform:rotate(-48deg);
    height:55%
}
.plant i:nth-child(2) {
    transform:rotate(-25deg);
    height:73%
}
.plant i:nth-child(3) {
    transform:rotate(12deg);
    height:83%
}
.plant i:nth-child(4) {
    transform:rotate(38deg);
    height:62%
}
.plant i:nth-child(5) {
    transform:rotate(58deg);
    height:47%
}
.plant-left {
    left:0;
    transform:scale(.9)
}
.plant-right {
    right:0;
    bottom:31%;
    height:65%;
    width:19%
}
.plant-right i {
    background:linear-gradient(120deg,#657b4b,#34472e)
}
.pot {
    position:absolute;
    right:5%;
    bottom:1%;
    width:16%;
    height:27%;
    border-radius:5px 5px 17px 17px;
    background:linear-gradient(90deg,#b6a88f,#e5d8c3 45%,#b7a78d);
    box-shadow:4px 5px 9px #2b221e33
}
.pot:before {
    content:"";
    position:absolute;
    top:-5px;
    left:-3%;
    width:106%;
    height:10px;
    border-radius:50%;
    background:#d5c7af
}
.spec-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:18px;
    max-width:560px
}

.spec-grid small,.spec-grid strong {
    display:block
}
.spec-grid small {
    color:#777;
    font-size:12px;
    margin-bottom:5px
}
.spec-grid strong {
    font-size:15px
}
.feature-list {
    list-style:none;
    padding:0;
    margin:18px 0 0;
    display:grid;
    gap:10px;
    color:#444;
    font-size:17px
}
.feature-list span {
    display:inline-grid;
    place-items:center;
    width:23px;
    height:23px;
    border-radius:50%;
    background:#dff5ed;
    color:#14805e;
    font-weight:700;
    margin-right:8px
}
.rating-line {
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap
}
.rating-line strong {
    font-size:34px;
    color:#20252e
}
.stars {
    color:#ffa900;
    letter-spacing:2px;
    font-size:23px
}
.review-count {
    font-size:14px;
    color:#777
}
.review {
    margin-top:14px;
    padding:12px 14px;
    background:#f8f7f4;
    border-radius:12px
}
.review strong {
    font-size:15px
}
.review p {
    font-size:14px!important;
    margin:6px 0!important
}
.review small {
    font-size:12px;
    color:#777
}
details {
    margin-top:12px;
    border:1px solid #ece8df;
    border-radius:12px;
    padding:13px 15px;
    background:#faf9f6
}
summary {
    font-weight:700;
    font-size:15px;
    cursor:pointer
}
details p {
    font-size:14px!important;
    margin-top:10px!important
}
@media(max-width:1050px) {
    .tabs {
        min-height:76px;
        gap:3px;
        padding:7px
    }
    .tab {
        min-height:60px;
        padding:7px 12px;
        gap:8px;
        font-size:16px
    }
    .tab-indicator {
        top:7px;
        height:60px;
        left:0
    }
    .icon {
        width:38px;
        height:38px;
        flex-basis:38px
    }
    .icon svg {
        width:30px;
        height:30px
    }
    .icon-reviews {
        font-size:37px
    }
    .icon-qa {
        width:34px;
        height:34px;
        flex-basis:34px;
        font-size:24px
    }
    .content-card {
        grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
        gap:22px;
        padding-left:27px
    }
    .tab-panel {
        grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
        gap:22px
    }
}
@media(max-width:720px) {
    .tabs-shell {
        border-radius:22px
    }
    .tabs {
        border-radius:22px;
        overflow-x:auto;
        justify-content:flex-start;
        min-height:66px
    }
    .tab {
        flex:0 0 auto;
        min-height:50px;
        padding:6px 12px;
        font-size:14px
    }
    .tab-indicator {
        height:50px;
        top:7px
    }
    .icon {
        width:30px;
        height:30px;
        flex-basis:30px
    }
    .icon svg {
        width:25px;
        height:25px
    }
    .icon-reviews {
        font-size:30px
    }
    .icon-qa {
        width:28px;
        height:28px;
        flex-basis:28px;
        font-size:20px
    }

    .tab-panel {
        grid-template-columns:1fr;
        gap:18px
    }
    .copy h1 {
        margin-bottom:13px;
        font-size:29px
    }
    .copy>p {
        font-size:17px
    }
    .product-visual {
        min-height:220px
    }
    .spec-grid {
        gap:8px
    }
    .feature-list {
        font-size:15px
    }
}
@media(prefers-reduced-motion:reduce) {
    *,*:before,*:after {
        animation-duration:.01ms!important;
        transition-duration:.01ms!important;
        scroll-behavior:auto!important
    }
}


/* Minimal Description tab styling: scoped to the existing product tab component. */
.product-ui .tab-panel[data-panel="description"] {
    display: block;
    width: 100%;
    min-width: 0;
    animation: description-fade-in 280ms ease both;
}

.product-ui .description-minimal,
.product-ui .description-minimal * {
    box-sizing: border-box;
}

.product-ui .description-minimal {
    width: 100%;
    color: #202733;
    font-size: 15px;
    line-height: 1.6;
}

.product-ui .description-main-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
    gap: 15px;
    align-items: stretch;
}

.product-ui .description-section {
    min-width: 0;
    border: 1px solid #e9e9e9;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(20, 27, 38, 0.025);
}

.product-ui .description-section-heading {
    padding: 23px 25px 0;
}

.product-ui .description-section-heading h2 {
    margin: 0;
    color: #161b25;
    font-size: clamp(22px, 1.55vw, 29px);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.45px;
}

.product-ui .description-heading-line {
    display: block;
    width: 36px;
    height: 3px;
    margin-top: 12px;
    border-radius: 2px;
    background: #d7a43d;
}

.product-ui .description-specs {
    padding: 5px 24px 20px;
}

.product-ui .description-spec-row {
    display: grid;
    grid-template-columns: minmax(130px, 0.78fr) minmax(0, 1.22fr);
    gap: 16px;
    align-items: center;
    padding: 18px 8px;
    border-top: 1px solid #eeeeee;
}

.product-ui .description-spec-row:first-child {
    border-top: 0;
}

.product-ui .description-spec-row strong {
    color: #242a34;
    font-size: 14px;
    font-weight: 600;
}

.product-ui .description-spec-row span {
    color: #3f4652;
    overflow-wrap: anywhere;
}

.product-ui .description-about .description-bullet-list {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 5px 25px 20px 43px;
    color: #343c49;
    line-height: 1.65;
}

.product-ui .description-bullet-list li {
    padding: 10px 0 10px 4px;
    border-bottom: 1px solid #eeeeee;
}

.product-ui .description-bullet-list li:last-child {
    border-bottom: 0;
}

.product-ui .description-bullet-list li::marker {
    color: #d7a43d;
    font-size: 1.1em;
}

.product-ui .description-additional {
    margin-top: 14px;
}

.product-ui .description-additional .description-section-heading {
    padding-top: 20px;
}

.product-ui .description-additional-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin: 12px 25px 0;
    padding: 0 0 10px;
    border-top: 1px solid #eeeeee;
}

.product-ui .description-additional-item {
    display: grid;
    grid-template-columns: minmax(125px, 0.72fr) minmax(0, 1.28fr);
    gap: 16px;
    align-items: center;
    padding: 18px 10px;
}

.product-ui .description-additional-item + .description-additional-item {
    border-left: 1px solid #e7e7e7;
    padding-left: 28px;
}

.product-ui .description-additional-item strong {
    color: #242a34;
    font-size: 14px;
    font-weight: 600;
}

.product-ui .description-additional-item span {
    color: #3f4652;
    overflow-wrap: anywhere;
}

@keyframes description-fade-in {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1000px) {
    .product-ui .description-main-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .product-ui .description-additional-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .product-ui .description-additional-item + .description-additional-item {
        border-left: 0;
        border-top: 1px solid #eeeeee;
        padding-left: 10px;
    }
}

@media (max-width: 560px) {
    .product-ui .description-minimal {
        font-size: 14px;
    }

    .product-ui .description-section-heading {
        padding: 18px 16px 0;
    }

    .product-ui .description-section-heading h2 {
        font-size: 22px;
    }

    .product-ui .description-specs {
        padding: 4px 14px 12px;
    }

    .product-ui .description-spec-row {
        grid-template-columns: minmax(105px, 0.85fr) minmax(0, 1.15fr);
        gap: 10px;
        padding: 14px 4px;
    }

    .product-ui .description-about .description-bullet-list {
        padding: 4px 15px 14px 34px;
    }

    .product-ui .description-bullet-list li {
        padding: 9px 0 9px 3px;
    }

    .product-ui .description-additional-grid {
        margin: 10px 15px 0;
    }

    .product-ui .description-additional-item,
    .product-ui .description-additional-item + .description-additional-item {
        grid-template-columns: minmax(105px, 0.85fr) minmax(0, 1.15fr);
        gap: 10px;
        padding: 14px 4px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .product-ui .tab-panel[data-panel="description"] {
        animation: none;
    }
}


.description-main-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
    gap: 15px;
    align-items: stretch;
    width: 100%;
    color: #202733;
    font-size: 15px;
    line-height: 1.6;
}

.description-highlights,
.description-about,
.description-additional {
    min-width: 0;
    border: 1px solid #e9e9e9;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(20, 27, 38, 0.025);
    box-sizing: border-box;
}

.description-highlights *,
.description-about *,
.description-additional *,
.description-highlights *::before,
.description-about *::before,
.description-additional *::before,
.description-highlights *::after,
.description-about *::after,
.description-additional *::after {
    box-sizing: border-box;
}

.description-section-heading {
    padding: 23px 25px 0;
}

.description-section-heading h2 {
    margin: 0;
    color: #161b25;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.45px;
}

.description-heading-line {
    display: block;
    width: 36px;
    height: 3px;
    margin-top: 12px;
    border-radius: 2px;
    background: #d7a43d;
}

.description-specs {
    padding: 5px 24px 20px;
}

.description-spec-row {
    display: grid;
    grid-template-columns: minmax(130px, 0.78fr) minmax(0, 1.22fr);
    gap: 16px;
    align-items: center;
    padding: 18px 8px;
    border-top: 1px solid #eeeeee;
}

.description-spec-row:first-child {
    border-top: 0;
}

.description-spec-row strong {
    color: #242a34;
    font-size: 14px;
    font-weight: 600;
}

.description-spec-row span {
    color: #3f4652;
    overflow-wrap: anywhere;
}

.description-about .description-bullet-list {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 5px 25px 20px 43px;
    color: #343c49;
    line-height: 1.65;
    list-style: disc;
}

.description-bullet-list li {
    padding: 10px 0 10px 4px;
    border-bottom: 1px solid #eeeeee;
}

.description-bullet-list li:last-child {
    border-bottom: 0;
}

.description-bullet-list li::marker {
    color: #d7a43d;
    font-size: 1.1em;
}

.description-additional {
    margin-top: 14px;
}

.description-additional .description-section-heading {
    padding-top: 20px;
}

.description-additional-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin: 12px 25px 0;
    padding: 0 0 10px;
    border-top: 1px solid #eeeeee;
}

.description-additional-item {
    display: grid;
    grid-template-columns: minmax(125px, 0.72fr) minmax(0, 1.28fr);
    gap: 16px;
    align-items: center;
    padding: 18px 10px;
}

.description-additional-item + .description-additional-item {
    padding-left: 28px;
    border-left: 1px solid #e7e7e7;
}

.description-additional-item strong {
    color: #242a34;
    font-size: 14px;
    font-weight: 600;
}

.description-additional-item span {
    color: #3f4652;
    overflow-wrap: anywhere;
}

@media (max-width: 1000px) {
    .description-main-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .description-additional-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .description-additional-item + .description-additional-item {
        padding-left: 10px;
        border-top: 1px solid #eeeeee;
        border-left: 0;
    }
}

@media (max-width: 560px) {
	
    .description-section-heading {
        padding: 18px 16px 0;
    }

    .description-section-heading h2 {
        font-size: 22px;
    }

    .description-spec-row {
        grid-template-columns: minmax(105px, 0.85fr) minmax(0, 1.15fr);
        gap: 10px;
        padding: 14px 4px;
    }

    .description-about .description-bullet-list {
        padding: 4px 15px 14px 34px;
    }

    .description-bullet-list li {
        padding: 9px 0 9px 3px;
    }

    .description-additional-grid {
        margin: 10px 15px 0;
    }

    .description-additional-item,
    .description-additional-item + .description-additional-item {
        grid-template-columns: minmax(105px, 0.85fr) minmax(0, 1.15fr);
        gap: 10px;
        padding: 14px 4px;
    }
}

/* tab content design */

/* contact us page design */

.kdn-support-page{font-family:"Poppins",sans-serif;color:#242a32;background:#fff}
.kdn-support-container{width:min(100%,1120px);margin:0 auto}
.kdn-contact-intro,.kdn-faq-heading{text-align:center;margin:0 auto 34px;max-width:680px}
.kdn-support-kicker{display:inline-block;color:#9b6d20;font-size:11px;font-weight:600;letter-spacing:2.2px;margin-bottom:10px}
.kdn-contact-intro h2, .kdn-faq-heading h2, .kdn-contact-form h2 {
    font-family: "Fraunces", serif;
    color: #091629;
    font-size: 30px;
    font-weight: 500;
    margin: 0 0 12px;
}
.kdn-contact-intro p,.kdn-faq-heading p{font-size:14px;line-height:1.8;color:#69707a;margin:0}
.kdn-contact-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:26px;align-items:start}
.kdn-contact-info{display:grid;gap:14px}
.kdn-contact-card{display:flex;gap:16px;padding:22px;border:1px solid #ece7de;background:#fff;border-radius:7px}
.kdn-contact-icon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;height:44px;background:#f8f5ef;color:#9b6d20;border-radius:50%;font-size:21px}
.kdn-contact-card h3 {
    font-size: 16px;
    font-weight: 600;
    color: #091629;
    margin: 1px 0 5px;
}
.kdn-contact-card p {
    font-size: 14px;
    line-height: 1.8;
    color: #69707a;
    margin: 0 0 7px;
}
.kdn-contact-card a {
    font-size: 14px;
    color: #93651d;
    text-decoration: none;
    overflow-wrap: anywhere;
}
.kdn-contact-form{padding:clamp(22px,3.4vw,38px);border:1px solid #ece7de;border-radius:8px;background:#fff;box-shadow:0 12px 35px rgba(9,22,41,.045)}
.kdn-contact-form h2{font-size:28px}
.kdn-contact-form>p {
    font-size: 15px;
    line-height: 1.5;
    color: #69707a;
    margin: 0 0 23px;
}
.kdn-contact-form label {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #283345;
    margin-bottom: 16px;
}
.kdn-contact-form input,.kdn-contact-form textarea{display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid #e3e2df;border-radius:4px;background:#fff;color:#202833;font-size: 13px;outline:none;transition:border-color .2s,box-shadow .2s}
.kdn-contact-form input:focus,.kdn-contact-form textarea:focus{border-color:#b6852e;box-shadow:0 0 0 3px rgba(182,133,46,.1)}.kdn-contact-form textarea{resize:vertical;min-height:130px}
.kdn-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.kdn-support-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 13px 20px;
    border: 1px solid #091629;
    border-radius: 3px;
    background: #091629;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
    transition: background .2s, color .2s;
}
.kdn-support-btn:hover{background:#b6852e;border-color:#b6852e;color:#fff}.kdn-form-note{margin:14px 0 0!important;font-size:10px!important;color:#858a91!important}

/* contact us page design */

/* ==========================================================
   Merged from account.css — original rule order preserved
   ========================================================== */

/* =========================
   HEADER
========================= */

.kdn-account-header {
  width: 100%;
  height: 78px;
  padding: 0 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #101010;
  border-bottom: 1px solid rgba(213, 174, 103, .22);
}

.kdn-account-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #d7aa58;
}

.kdn-account-brand-k {
  font-size: 45px;
  line-height: .72;
}

.kdn-account-brand-name {
  padding-top: 4px;
  font-size: 13px;
  letter-spacing: 2px;
}

.kdn-account-header-right {
  display: flex;
  align-items: center;
}

.kdn-account-header-right > a {
  color: #eee;
  font-size: 13px;
  transition: color .25s ease;
}

.kdn-account-header-right > a i {
  margin-left: 7px;
  color: #c99b35;
  font-size: 16px;
}

.kdn-account-header-right > a:hover {
  color: #d9af59;
}

.kdn-account-mobile-menu {
  display: none;
}


/* =========================
   PAGE LAYOUT
========================= */

.kdn-account-page 
{
	gap: 30px;
    display: grid;
    margin: 0 auto;
    min-height: calc(100vh - 78px);
    padding: 50px 0px 50px;
    grid-template-columns: 285px minmax(0, 1fr);
    width: 68%;
}


/* =========================
   SIDEBAR
========================= */

.kdn-account-sidebar {
  align-self: start;
  position: sticky;
  top: 25px;
  padding: 24px 17px;
  border: 1px solid #e8e0d4;
  border-radius: 12px;
  background: #fffdf9;
  box-shadow: 0 8px 28px rgba(65, 48, 25, .045);
}

.kdn-account-profile {
  padding: 3px 8px 22px;
  display: flex;
  align-items: center;
  gap: 13px;
  border-bottom: 1px solid #eee7dd;
}

.kdn-account-avatar,
.kdn-account-form-avatar > div {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  display: grid;
  place-items: center;
  border: 1px solid #d7b06b;
  border-radius: 50%;
  background: #f5ecdd;
  color: #93621e;
  font-size: 17px;
  letter-spacing: 1px;
}

.kdn-account-profile-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.kdn-account-profile-copy strong {
  color: #091629;
  font-size: 18px;
  font-weight: 600;
}

.kdn-account-profile-copy span {
  margin-top: 2px;
  overflow: hidden;
  color: #85817b;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kdn-account-profile-copy em {
  width: fit-content;
  margin-top: 7px;
  padding: 3px 8px;
  border-radius: 20px;
  background: #f3e5cc;
  color: #96641d;
  font-size: 8px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .4px;
}

.kdn-account-nav {
  padding-top: 17px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.kdn-account-nav-item {
  position: relative;
  width: 100%;
  min-height: 43px;
  padding: 0 11px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #091629;
  text-align: left;
  font-size: 15px;
  transition: background .25s ease, color .25s ease, transform .25s ease;
}

.kdn-account-nav-item i {
  width: 18px;
  color: #091629;
  font-size: 17px;
  text-align: center;
  transition: color .25s ease;
}

.kdn-account-nav-item b {
    margin-left: auto;
    min-width: 30px;
    height: 30px;
    padding: 0 5px;
    display: grid;
    place-items: center;
    border-radius: 50px;
    background: #f2ede5;
    color: #887e70;
    font-size: 14px;
    font-weight: 500;
}

.kdn-account-nav-item::before {
  content: "";
  position: absolute;
  left: -17px;
  top: 10px;
  width: 2px;
  height: 23px;
  border-radius: 0 3px 3px 0;
  background: transparent;
  transition: background .25s ease;
}

.kdn-account-nav-item:hover {
  color: #93621e;
  background: #fbf7ef;
  transform: translateX(2px);
}

.kdn-account-nav-item:hover i {
  color: #a56e20;
}

.kdn-account-nav-item.active {
  color: #805517;
  background: #f8f0e3;
  font-weight: 600;
}

.kdn-account-nav-item.active i {
  color: #a56e20;
}

.kdn-account-nav-item.active::before {
  background: #b27b2c;
}

.kdn-account-logout {
  margin-top: 11px;
  min-height: 53px;
  border-top: 1px solid #eee7dd;
  border-radius: 0;
  color: #091629;
}

.kdn-account-logout:hover {
  color: #914d48;
}

.kdn-account-side-note {
  margin-top: 22px;
  padding: 15px 12px;
  display: flex;
  gap: 10px;
  border: 1px solid #eadfce;
  border-radius: 9px;
  background: linear-gradient(135deg, #fffaf1, #f8f0e2);
}

.kdn-account-side-note > span {
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #f2e5d0;
  color: #a16d21;
}

.kdn-account-side-note i {
  font-size: 16px;
}

.kdn-account-side-note > div {
  display: flex;
  flex-direction: column;
}

.kdn-account-side-note strong {
  color: #4d402f;
  font-size: 10px;
  font-weight: 600;
}

.kdn-account-side-note small {
  margin-top: 4px;
  color: #8b8278;
  font-size: 8px;
  line-height: 1.45;
}

.kdn-account-side-note a {
  margin-top: 8px;
  color: #9a671f;
  font-size: 8px;
  font-weight: 600;
}


/* =========================
   MAIN
========================= */

.kdn-account-main {
  min-width: 0;
}

.kdn-account-panel {
  display: none;
  animation: kdnAccountPanelIn .42s ease both;
}

.kdn-account-panel.active {
  display: block;
}

@keyframes kdnAccountPanelIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.kdn-account-page-heading {
  min-height: 73px;
  margin-bottom: 25px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.kdn-account-eyebrow {
	color: #a06b20;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1.8px;
}

.kdn-account-page-heading h1 {
  color: #091629;
  font-family: "Fraunces", serif;
  font-size: 30px;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -.4px;
}

.kdn-account-page-heading p {
    margin-top: 8px;
    color: #091629;
    font-size: 15px;
    line-height: 1.55;
}

.kdn-account-outline-btn,
.kdn-account-gold-btn {
	min-height: 41px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #ba8a38;
    border-radius: 6px;
    background: #ba8a38;
    font-size: 15px;
    font-weight: 500;
    transition: background .25s ease, color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.kdn-account-gold-btn 
{
    color: #fff;
    border-color: #ba8a38;
    background-color: #ba8a38;
}

.kdn-account-outline-btn:hover {
  border-color: #b88945;
  background: #fbf4e9;
  transform: translateY(-1px);
}

.kdn-account-gold-btn:hover {
  box-shadow: 0 7px 18px rgba(157, 102, 30, .17);
  transform: translateY(-1px);
}

.kdn-account-text-btn {
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 0;
  background: transparent;
  color: #98651f;
	font-size: 15px;
    font-weight: 500;
}

.kdn-account-text-btn i {
  font-size: 14px;
  transition: transform .2s ease;
}

.kdn-account-text-btn:hover i {
  transform: translateX(3px);
}


/* =========================
   SUMMARY
========================= */

.kdn-account-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 13px;
}

.kdn-account-summary-card {
  min-height: 111px;
  padding: 17px;
  display: flex;
  align-items: center;
  gap: 13px;
  border: 1px solid #e8e0d4;
  border-radius: 10px;
  background: #fffdf9;
  box-shadow: 0 5px 18px rgba(67, 49, 25, .025);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.kdn-account-summary-card:hover {
  border-color: #dcc6a1;
  box-shadow: 0 12px 28px rgba(67, 49, 25, .07);
  transform: translateY(-3px);
}

.kdn-account-summary-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #f5ecdf;
  color: #a36c20;
}

.kdn-account-summary-icon i {
  font-size: 19px;
}

.kdn-account-summary-card div {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.kdn-account-summary-card small {
  color: #817b73;
  font-size: 8px;
  font-weight: 500;
}

.kdn-account-summary-card strong {
  margin-top: 3px;
  color: #272522;
  font-family: "Fraunces", serif;
  font-size: 22px;
  line-height: 1.1;
  font-weight: 600;
}

.kdn-account-summary-card em {
  margin-top: 5px;
  color: #a06d26;
  font-size: 7px;
  font-style: normal;
}

.kdn-account-reward-card .kdn-account-summary-icon {
  background: #f4e5c9;
}


/* =========================
   SECTION HEADINGS
========================= */

.kdn-account-section-heading {
  margin-top: 35px;
  margin-bottom: 14px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}

.kdn-account-section-heading h2 {
  margin-top: 5px;
  color: #282622;
  font-family: "Fraunces", serif;
  font-size: 22px;
  font-weight: 600;
}


/* =========================
   ORDERS
========================= */

.profile-right-section h2 {
    font-size: 22px;
    font-weight: 500;
    color: #121617;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 600;
}

.orders-it {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.orders-it {
    display: flex;
    gap: 20px;
}

.orders-it img {
    width: 110px;
    height: 110px;
    object-fit: cover;
    border-radius: 10px;
}

.orders-it h2 {
    width: 80%;
    color: #091629;
	font-size: 16px;
    font-weight: 600;	
    margin-bottom: 5px;
}

.orders-it h3 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 6px;
	color: #091629;
}

.ordtrack-del {
    display: flex;
    align-items: end;
    gap: 60px;
    width: 100%;
    justify-content: space-between;
}

.orders-it h4 {
	font-size: 13px;
    font-weight: 500;
    color: green;
    margin-bottom: 0;
}

.orders-it h4 span {
	display: block;
    font-weight: 500;
    color: #091629;
    font-size: 14px;
}

.ordtrack-del a {
	color: #ba8a38;
    font-weight: 500;
    font-size: 14px;
    text-decoration: underline;
}

.order-img-wrap {
    border-radius: 10px;
    background-color: #f5ecdd;
}

.ord-grid {
    padding-bottom: 8px;
    height: 120px;
}
.ord-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
}

.grid1 {
    display: flex;
}

.cart-b {
    display: flex;
    gap: 15px;
}

.gtcic {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.gtcic img {
    width: 20px;
    padding-bottom: 6px;
}

.gtcic:after {
    content: "";
    display: block;
    width: 6px;
    height: 100%;
    border-radius: 5000px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../images/dot.svg);
    background-size: 10px;
    background-size: cover;
}

.bag-img img {
    width: 30px;
}

.grid3 h3 {
	margin-bottom: 4px;
    font-size: 15px !important;
    font-weight: 600;
    color: #242424;
}

.grid3 p {
    width: 80%;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #7a7a7a;
}

.grid4 
{
    display: flex;
    justify-content: end;
}

.grid4 h4 
{
    font-size: 14px;
    text-align: right;
    color: #8a8a8a;
    font-weight: 400;
}

.grid4 h4 span 
{
    display: block;
}

.ordt .ord-grid:last-child .gtcic:after 
{
    visibility: hidden;
}

.tab-header-flex 
{
	display: flex;
    margin-bottom: 30px;
    align-items: center;
    grid-column-gap: 5px;
}

.tab-header-flex span i 
{
    color: #091629;
}

.tab-header-flex h2 
{
    margin-bottom: 0;
}

.all-orde .orders-it:last-child {
    border-bottom: unset;
    padding-bottom: 0;
    margin-bottom: 0;
}

.order-track-pdiv {
    display: none;
}

.order-track-pdiv.is-active {
    display: block;
}

.order-list-pdiv.is-hidden {
    display: none;
}

.kdn-account-address-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.kdn-account-address-card {
    position: relative;
    display: block;
    padding: 22px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.kdn-account-address-card input[type="radio"] {
    position: absolute;
    top: 23px;
    right: 22px;
    width: 19px;
    height: 19px;
    margin: 0;
    accent-color: #b8862b;
    cursor: pointer;
    opacity: 0;
}

.kdn-account-address-card.selected,
.kdn-account-address-card:has(input:checked) {
    border-color: #b8862b;
    box-shadow: 0 0 0 2px rgba(184, 134, 43, 0.10);
    background: #fffdf8;
}

.kdn-account-address-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    margin-bottom: 18px;
}

.kdn-account-address-head span {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #242424;
    font-size: 15px;
    font-weight: 600;
}

.kdn-account-address-head span i {
    font-size: 19px;
}

.kdn-account-address-head em {
    color: #98701e;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.6px;
}

.kdn-account-address-card h3 {
    margin: 0 0 8px;
    color: #202020;
    font-size: 16px;
    font-weight: 500;
}

.kdn-account-address-card p {
    margin: 0 0 8px;
    color: #646464;
    font-size: 14px;
    line-height: 1.6;
}

.kdn-address-actions {
    display: flex;
    gap: 18px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #eeeeee;
}

.kdn-address-actions button {
    padding: 0;
    border: 0;
    background: transparent;
    color: #986b17;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.kdn-address-actions button:last-child {
    color: #d14343;
}

@media (max-width: 700px) {
    .kdn-account-address-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .kdn-account-address-card {
        padding: 18px;
    }

    .kdn-account-address-card input[type="radio"] {
        top: 19px;
        right: 18px;
    }
}

/* =========================
   WISHLIST
========================= */

.kdn-account-wishlist-heading {
  margin-top: 34px;
}

.kdn-account-wishlist-grid,
.kdn-account-full-wishlist {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 13px;
}

.kdn-account-wish-card {
  position: relative;
  overflow: hidden;
  border: 1px solid #e8e0d4;
  border-radius: 10px;
  background: #fffdf9;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.kdn-account-wish-card:hover {
  border-color: #dbc29b;
  box-shadow: 0 14px 30px rgba(67, 49, 25, .07);
  transform: translateY(-4px);
}

.kdn-account-heart {
	position: absolute;
    z-index: 2;
    top: 10px;
    right: 10px;
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border: 1px solid rgb(0 0 0 / 74%);
    border-radius: 50%;
    background: rgb(0 0 0 / 74%);
    font-size: 14px;
    transition: transform .25s ease, color .25s ease, background .25s ease;
}

.kdn-account-heart:hover,
.kdn-account-heart.active {
    color: #ba8a38;
}

.kdn-account-heart:hover {
  transform: scale(1.08);
}

.kdn-account-heart.pop {
  animation: kdnAccountHeartPop .35s ease;
}

@keyframes kdnAccountHeartPop {
  50% {
    transform: scale(1.25);
  }
}

.kdn-account-wish-image {
	height: 210px;
    overflow: hidden;
    background: #f4eee6;
	position:relative;
}

.itemcard-outOfStockText {
    bottom: 0;
    position: absolute;
    background: #fff;
    color: #F44336;
    left: calc(50% - 70px);
    padding: 5px 20px 0;
    height: fit-content;
}

.kdn-account-wish-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .65s cubic-bezier(.2,.65,.25,1);
}

.kdn-account-wish-copy .outline-button i
{
	color: #85591c;
}

.kdn-account-wish-copy .outline-button:hover i
{
	color: #fff;
}

.kdn-account-wish-card.outofstock img 
{
    opacity: 0.6;
    filter: grayscale(1);
}


.kdn-account-wish-card.outofstock button
{
    opacity: 0.6;
    filter: grayscale(1);	
}

.kdn-account-wish-card:hover .kdn-account-wish-image img {
  transform: scale(1.055);
}

.kdn-account-wish-copy {
  padding: 14px;
}

.kdn-account-wish-copy > span {
	color: #a06c24;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.kdn-account-wish-copy h3 {
    margin-top: 2px;
    color: #091629;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}

.kdn-account-wish-copy p {
	margin-top: 4px;
    color: #89837b;
    font-size: 12px;
}

.kdn-account-wish-copy > div {
  margin-top: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.kdn-account-wish-copy strong {
	color: #091629;
    font-size: 16px;
}

.kdn-account-wish-copy button {
	min-height: 33px;
    padding: 4px 13px;
    border: 1px solid #cda86b;
    border-radius: 4px;
    background: #fffaf2;
    color: #85591c;
    font-size: 14px;
    font-weight: 600;
}

.kdn-account-wish-copy button i {
	font-size: 17px;
    margin-right: 5px;
}


/* =========================
   CONCIERGE
========================= */

.kdn-account-concierge {
  margin-top: 30px;
  padding: 19px 22px;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  align-items: center;
  gap: 15px;
  border: 1px solid #e5d8c6;
  border-radius: 10px;
  background: linear-gradient(105deg, #fffaf2, #f8f0e4);
}

.kdn-account-concierge-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #f0dfc4;
  color: #9b671f;
  font-size: 20px;
}

.kdn-account-concierge > div:nth-child(2) span {
  color: #a06b20;
  font-size: 7px;
  font-weight: 600;
  letter-spacing: 1.4px;
}

.kdn-account-concierge h3 {
  margin-top: 4px;
  color: #342e26;
  font-family: "Fraunces", serif;
  font-size: 16px;
  font-weight: 600;
}

.kdn-account-concierge p {
  margin-top: 3px;
  color: #827a70;
  font-size: 8px;
}

.kdn-account-concierge > button {
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid #cba568;
  border-radius: 5px;
  background: #fffdf9;
  color: #85591c;
  font-size: 8px;
  font-weight: 600;
}


/* =========================
   ORDERS FULL
========================= */

.kdn-account-filter-row {
  margin-bottom: 15px;
  padding: 5px;
  display: flex;
  gap: 3px;
  border: 1px solid #e7dfd3;
  border-radius: 8px;
  background: #fffdf9;
}

.kdn-account-filter-row button {
  min-height: 34px;
  padding: 0 13px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #7d776f;
  font-size: 8px;
}

.kdn-account-filter-row button b {
  margin-left: 4px;
  color: #a06b20;
  font-weight: 600;
}

.kdn-account-filter-row button.active {
  background: #f6eddf;
  color: #815618;
  font-weight: 600;
}

.kdn-account-large-order {
  grid-template-columns: minmax(0, 1fr) 140px;
  min-height: 145px;
}

.kdn-account-large-order-product {
  display: flex;
  align-items: center;
  gap: 17px;
}

.kdn-account-large-order-product > img {
  width: 110px;
  height: 112px;
  flex: 0 0 110px;
  object-fit: cover;
  border-radius: 7px;
  background: #f2ece2;
}

.kdn-account-large-order-product small {
  display: block;
  margin-top: 11px;
  color: #9a948c;
  font-size: 7px;
}

.kdn-account-large-order-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
}

.kdn-account-large-order-price strong {
  color: #272522;
  font-family: "Fraunces", serif;
  font-size: 18px;
}


/* =========================
   PAYMENT
========================= */

.kdn-account-payment-grid {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr;
  gap: 15px;
}

.kdn-account-payment-card {
  min-height: 220px;
  padding: 22px;
  position: relative;
  overflow: hidden;
  border-radius: 11px;
  color: #fff;
  background:
    radial-gradient(circle at 90% 0%, rgba(255,255,255,.15), transparent 35%),
    linear-gradient(135deg, #2c2925, #171614);
  box-shadow: 0 13px 28px rgba(27, 24, 19, .13);
}

.kdn-account-payment-card::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  right: -80px;
  bottom: -90px;
  border: 1px solid rgba(217, 178, 104, .22);
  border-radius: 50%;
}

.kdn-account-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.kdn-account-card-top > span {
  font-size: 20px;
  font-style: italic;
  font-weight: 600;
}

.kdn-account-card-top em {
  padding: 4px 7px;
  border: 1px solid rgba(223, 188, 125, .35);
  border-radius: 20px;
  color: #e3bf7d;
  font-size: 6px;
  font-style: normal;
  letter-spacing: 1px;
}

.kdn-account-card-chip {
  width: 34px;
  height: 25px;
  margin-top: 29px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 5px;
  background: linear-gradient(135deg, #b68a42, #e2c681);
}

.kdn-account-payment-card > strong {
  display: block;
  margin-top: 17px;
  font-size: 13px;
  letter-spacing: 1.7px;
  font-weight: 500;
}

.kdn-account-card-bottom {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}

.kdn-account-card-bottom span,
.kdn-account-card-bottom small {
  font-size: 7px;
  letter-spacing: 1px;
}

.kdn-account-payment-actions {
  position: absolute;
  bottom: 17px;
  right: 18px;
  display: flex;
  gap: 8px;
}

.kdn-account-payment-actions button {
  border: 0;
  background: transparent;
  color: #d4b06f;
  font-size: 7px;
}

.kdn-account-upi-card,
.kdn-account-add-payment {
  min-height: 220px;
  padding: 22px;
  border: 1px solid #e7dfd3;
  border-radius: 11px;
  background: #fffdf9;
}

.kdn-account-upi-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.kdn-account-upi-head span {
  color: #2e2b27;
  font-size: 12px;
  font-weight: 600;
}

.kdn-account-upi-head span i {
  margin-right: 5px;
  color: #9e6b22;
}

.kdn-account-upi-head em {
  color: #448064;
  font-size: 6px;
  font-style: normal;
  letter-spacing: 1px;
}

.kdn-account-upi-card > strong {
  display: block;
  margin-top: 35px;
  color: #2e2b27;
  font-size: 13px;
}

.kdn-account-upi-card > p {
  margin-top: 8px;
  color: #8b857d;
  font-size: 8px;
  line-height: 1.55;
}

.kdn-account-upi-card > div {
  margin-top: 20px;
  display: flex;
  gap: 14px;
}

.kdn-account-upi-card button,
.kdn-account-add-payment button {
  padding: 0;
  border: 0;
  background: transparent;
  color: #98651f;
  font-size: 8px;
  font-weight: 600;
}

.kdn-account-add-payment {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.kdn-account-add-payment > i,
.kdn-account-add-address > i {
  color: #c09248;
  font-size: 27px;
}

.kdn-account-add-payment h3,
.kdn-account-add-address h3 {
  margin-top: 12px;
  color: #3a352f;
  font-family: "Fraunces", serif;
  font-size: 16px;
  font-weight: 600;
}

.kdn-account-add-payment p,
.kdn-account-add-address p {
  margin-top: 6px;
  color: #89827a;
  font-size: 8px;
  line-height: 1.55;
}

.kdn-account-add-payment .kdn-account-text-btn,
.kdn-account-add-address .kdn-account-text-btn {
  margin-top: 13px;
}

.kdn-account-security-note {
  margin-top: 16px;
  padding: 14px 17px;
  display: flex;
  align-items: center;
  gap: 11px;
  border: 1px solid #e3e9e2;
  border-radius: 8px;
  background: #f7fbf7;
  color: #48755f;
}

.kdn-account-security-note > i {
  font-size: 21px;
}

.kdn-account-security-note strong {
  color: #476b58;
  font-size: 9px;
}

.kdn-account-security-note p {
  margin-top: 2px;
  color: #809188;
  font-size: 7px;
}


/* =========================
   ADDRESSES
========================= */

.kdn-account-address-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.kdn-account-address-card {
  min-height: 245px;
  padding: 19px;
  border: 1px solid #e7dfd3;
  border-radius: 10px;
  background: #fffdf9;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.kdn-account-address-card:hover {
  border-color: #d8bd91;
  box-shadow: 0 10px 25px rgba(67,49,25,.055);
  transform: translateY(-2px);
}

.kdn-account-address-card.default {
  border-color: #d7bb8b;
  background: linear-gradient(145deg, #fffdf9, #fbf5eb);
}

.kdn-account-address-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.kdn-account-address-head span {
	color: #5d5851;
    font-size: 18px;
    font-weight: 600;
}

.kdn-account-address-head span i {
    margin-right: 5px;
    color: #9e6a20;
    font-size: 18px;
}

.kdn-account-address-head em {
	color: #ffffff;
    font-size: 11px;
    font-style: normal;
    letter-spacing: 1.5px;
    background-color: #b6852e;
    padding: 6px 11px;
    border-radius: 50px;
    font-weight: 500;
}

.kdn-account-address-card h3 {
    margin-top: 25px;
   color: #091629;
    font-size: 19px;
}

.kdn-account-address-card > p {
    margin-top: 6px;
    color: #091629;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
    width: 100%;
}

.kdn-account-address-card > div:last-child {
  margin-top: 19px;
  display: flex;
  gap: 14px;
}

.kdn-account-address-card > div:last-child button {
    padding: 0;
    border: 0;
    background: transparent;
    color: #96631d;
    font-size: 15px;
    font-weight: 500;
}

.kdn-account-address-card > div:last-child button:last-child {
  color: #9a6059;
}

.kdn-account-add-address {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.kdn-account-order-list {
    padding: 27px;
    border: 1px solid #e8e0d4;
    border-radius: 11px;
    background: #fffdf9;
    width: 100%;
}


/* =========================
   REWARDS
========================= */

.kdn-account-loyalty-card {
  min-height: 235px;
  padding: 31px 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  overflow: hidden;
  position: relative;
  border-radius: 13px;
  color: #fff;
  background:
    radial-gradient(circle at 86% 25%, rgba(222, 186, 111, .2), transparent 32%),
    linear-gradient(120deg, #2a2723, #141311);
  box-shadow: 0 15px 35px rgba(34,29,21,.14);
}

.kdn-account-loyalty-card::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(214, 175, 98, .2);
  border-radius: 10px;
  pointer-events: none;
}

.kdn-account-loyalty-copy {
  position: relative;
  z-index: 1;
  width: 70%;
}

.kdn-account-loyalty-copy > span {
  color: #d4a95f;
  font-size: 7px;
  letter-spacing: 1.8px;
  font-weight: 600;
}

.kdn-account-loyalty-copy h2 {
  margin-top: 8px;
  font-family: "Fraunces", serif;
  font-size: 30px;
  font-weight: 600;
}

.kdn-account-loyalty-copy > p {
  margin-top: 5px;
  color: #c4beb5;
  font-size: 9px;
}

.kdn-account-progress-label {
  margin-top: 29px;
  display: flex;
  justify-content: space-between;
  color: #d7d0c5;
  font-size: 7px;
}

.kdn-account-progress-label strong {
  color: #d8ae64;
  font-weight: 500;
}

.kdn-account-progress {
  width: 100%;
  height: 5px;
  margin-top: 7px;
  overflow: hidden;
  border-radius: 10px;
  background: rgba(255,255,255,.13);
}

.kdn-account-progress span {
  display: block;
  width: 82%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #9c671f, #e2bf79);
  box-shadow: 0 0 12px rgba(218, 176, 96, .3);
}

.kdn-account-loyalty-seal {
  position: relative;
  z-index: 1;
  width: 115px;
  height: 115px;
  flex: 0 0 115px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(215, 174, 97, .55);
  border-radius: 50%;
  color: #d9b36d;
  text-align: center;
}

.kdn-account-loyalty-seal::before {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(215, 174, 97, .28);
  border-radius: 50%;
}

.kdn-account-loyalty-seal i {
  font-size: 24px;
}

.kdn-account-loyalty-seal span {
  margin-top: 5px;
  font-size: 6px;
  line-height: 1.35;
  letter-spacing: 1px;
}

.kdn-account-benefit-grid {
  margin-top: 17px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.kdn-account-benefit-grid article {
  padding: 21px 17px;
  border: 1px solid #e8e0d4;
  border-radius: 10px;
  background: #fffdf9;
}

.kdn-account-benefit-grid article > i {
  color: #a26c20;
  font-size: 20px;
}

.kdn-account-benefit-grid h3 {
  margin-top: 13px;
  color: #35312c;
  font-family: "Fraunces", serif;
  font-size: 14px;
  font-weight: 600;
}

.kdn-account-benefit-grid p {
  margin-top: 5px;
  color: #888078;
  font-size: 8px;
  line-height: 1.55;
}


/* =========================
   PROFILE
========================= */

.kdn-account-profile-form-card {
    padding: 27px;
    border: 1px solid #e8e0d4;
    border-radius: 11px;
    background: #fffdf9;
    width: 100%;
}

.kdn-account-form-avatar {
  display: flex;
  align-items: flex-end;
  gap: 12px;
}

.kdn-account-form-avatar > div {
  width: 67px;
  height: 67px;
  flex-basis: 67px;
  font-size: 21px;
}

.kdn-account-form-avatar button {
  width: 30px;
  height: 30px;
  margin-bottom: 0;
  margin-left: -22px;
  display: grid;
  place-items: center;
  border: 2px solid #fffdf9;
  border-radius: 50%;
  background: #a36c20;
  color: #fff;
  font-size: 12px;
}

.kdn-account-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px;
}

.kdn-account-form-grid label {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.kdn-account-form-grid label span {
    color: #091629;
    font-size: 14px;
    font-weight: 500;
}

.kdn-account-form-grid input,
.kdn-account-form-grid select {
    width: 100%;
    height: 40px;
    padding: 0 11px;
    border: 1px solid #ddd6cc;
    border-radius: 5px;
    outline: 0;
    background: #fff;
    color: #393632;
    font-size: 14px;
}

.kdn-account-form-grid input:focus,
.kdn-account-form-grid select:focus {
  border-color: #c49a5b;
  box-shadow: 0 0 0 3px rgba(196,154,91,.09);
}

.kdn-account-form-actions {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
}


/* =========================
   NOTIFICATIONS
========================= */

.kdn-account-notification-list {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.kdn-account-notification-list article {
  position: relative;
  padding: 17px 19px;
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr);
  gap: 13px;
  border: 1px solid #e7dfd3;
  border-radius: 9px;
  background: #fffdf9;
}

.kdn-account-notification-list article > i {
  color: #a06b20;
  font-size: 19px;
}

.kdn-account-notification-list strong {
  color: #393530;
  font-size: 10px;
  font-weight: 600;
}

.kdn-account-notification-list p {
  margin-top: 4px;
  color: #837d75;
  font-size: 8px;
}

.kdn-account-notification-list small {
  display: block;
  margin-top: 6px;
  color: #aaa39a;
  font-size: 7px;
}

.kdn-account-notification-list .new {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #b27625;
}


/* =========================
   SETTINGS
========================= */

.kdn-account-settings-list {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.kdn-account-settings-list article {
  min-height: 77px;
  padding: 16px 19px;
  display: grid;
  grid-template-columns: 35px minmax(0,1fr) auto;
  align-items: center;
  gap: 13px;
  border: 1px solid #e7dfd3;
  border-radius: 9px;
  background: #fffdf9;
}

.kdn-account-settings-list article > i {
  color: #a06b20;
  font-size: 19px;
}

.kdn-account-settings-list strong {
  color: #393530;
  font-size: 10px;
}

.kdn-account-settings-list p {
  margin-top: 4px;
  color: #89827a;
  font-size: 8px;
}

.kdn-account-settings-list article > button {
  border: 0;
  background: transparent;
  color: #97641e;
  font-size: 8px;
  font-weight: 600;
}

.kdn-account-settings-list article > button.danger {
  color: #9a5a55;
}

.kdn-account-settings-list label {
  position: relative;
  width: 38px;
  height: 21px;
  display: block;
}

.kdn-account-settings-list label input {
  position: absolute;
  opacity: 0;
}

.kdn-account-settings-list label span {
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background: #d9d3ca;
  transition: background .25s ease;
}

.kdn-account-settings-list label span::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,.15);
  transition: transform .25s ease;
}

.kdn-account-settings-list label input:checked + span {
  background: #b07a2a;
}

.kdn-account-settings-list label input:checked + span::after {
  transform: translateX(17px);
}


/* =========================
   SUPPORT
========================= */

.kdn-account-support-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.kdn-account-support-grid article {
  min-height: 205px;
  padding: 22px;
  border: 1px solid #e7dfd3;
  border-radius: 10px;
  background: #fffdf9;
}

.kdn-account-support-grid article > i {
  color: #a16b20;
  font-size: 25px;
}

.kdn-account-support-grid h3 {
  margin-top: 18px;
  color: #35312d;
  font-family: "Fraunces", serif;
  font-size: 16px;
}

.kdn-account-support-grid p {
  margin-top: 6px;
  color: #89827a;
  font-size: 8px;
  line-height: 1.6;
}

.kdn-account-support-grid button {
  margin-top: 19px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #97641e;
  font-size: 8px;
  font-weight: 600;
}


/* =========================
   COUNT
========================= */

.kdn-account-count-label {
  padding: 8px 11px;
  border: 1px solid #e6d8c3;
  border-radius: 20px;
  color: #8d672f;
  background: #fbf5eb;
  font-size: 8px;
}


/* =========================
   TOAST
========================= */

.kdn-account-toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 100;
  min-width: 225px;
  padding: 12px 15px;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid #d9e6dc;
  border-radius: 8px;
  background: #fff;
  color: #43745a;
  box-shadow: 0 15px 35px rgba(32, 30, 25, .13);
  font-size: 9px;
  transform: translateY(20px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease, transform .3s ease;
}

.kdn-account-toast.show {
  transform: translateY(0);
  opacity: 1;
}

.kdn-account-toast i {
  font-size: 16px;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1250px) {
  .kdn-account-page {
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 20px;
  }

  .kdn-account-summary-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .kdn-account-payment-grid {
    grid-template-columns: 1fr 1fr;
  }

  .kdn-account-add-payment {
    grid-column: span 2;
    min-height: 150px;
  }

  .kdn-account-wishlist-grid,
  .kdn-account-full-wishlist {
    grid-template-columns: repeat(2, 1fr);
  }

  .kdn-account-benefit-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 900px) {
  .kdn-account-header {
    height: 68px;
    padding: 0 20px;
  }

  .kdn-account-page {
    width: 100%;
    padding: 20px;
    grid-template-columns: 1fr;
  }

  .kdn-account-sidebar {
    position: relative;
    top: auto;
  }

  .kdn-account-mobile-menu {
    display: none;
  }

  .kdn-account-payment-grid,
  .kdn-account-address-grid,
  .kdn-account-support-grid {
    grid-template-columns: 1fr 1fr;
  }

  .kdn-account-add-payment {
    grid-column: span 1;
  }
}

@media (max-width: 650px) {
  .kdn-account-header {
    padding: 0 15px;
  }

  .kdn-account-brand-k {
    font-size: 38px;
  }

  .kdn-account-brand-name {
    font-size: 10px;
  }

  .kdn-account-header-right > a {
    font-size: 10px;
  }

  .kdn-account-page {
    padding: 15px 12px 40px;
  }

  .kdn-account-sidebar {
    padding: 17px 13px;
  }

  .kdn-account-page-heading {
    flex-direction: column;
    margin-bottom: 19px;
  }

  .kdn-account-page-heading h1 {
    font-size: 28px;
  }

  .kdn-account-summary-grid,
  .kdn-account-wishlist-grid,
  .kdn-account-full-wishlist,
  .kdn-account-payment-grid,
  .kdn-account-address-grid,
  .kdn-account-benefit-grid,
  .kdn-account-support-grid,
  .kdn-account-form-grid {
    grid-template-columns: 1fr;
  }

  .kdn-account-add-payment {
    grid-column: auto;
  }

  .kdn-account-order-card {
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 12px;
  }

  .kdn-account-order-image {
    height: 84px;
  }

  .kdn-account-order-actions {
    grid-column: 2;
    flex-direction: row;
    align-items: center;
  }

  .kdn-account-large-order {
    grid-template-columns: 1fr;
  }

  .kdn-account-large-order-price {
    align-items: flex-start;
  }

  .kdn-account-large-order-product {
    align-items: flex-start;
  }

  .kdn-account-large-order-product > img {
    width: 86px;
    height: 90px;
    flex-basis: 86px;
  }

  .kdn-account-loyalty-card {
    padding: 25px;
    align-items: flex-start;
    flex-direction: column;
  }

  .kdn-account-loyalty-copy {
    width: 100%;
  }

  .kdn-account-loyalty-seal {
    align-self: flex-end;
    margin-top: -65px;
    transform: scale(.78);
    transform-origin: right bottom;
  }

  .kdn-account-concierge {
    grid-template-columns: 43px minmax(0,1fr);
  }

  .kdn-account-concierge > button {
    grid-column: 2;
    width: fit-content;
  }

  .kdn-account-socials {
    grid-template-columns: 1fr;
  }
}



/* modal========= */

.kdn-address-modal, .kdn-address-modal * { box-sizing: border-box; }
.kdn-address-modal { position: fixed; inset: 0; z-index: 99999; display: none; align-items: center; justify-content: center; padding: 24px; }
.kdn-address-modal.is-open { display: flex; }
.kdn-address-modal__backdrop { position: absolute; inset: 0; background: rgba(20,24,32,.54); backdrop-filter: blur(3px); animation: kdnAddressFade .18s ease both; }
.kdn-address-modal__dialog { position: relative; z-index: 1; width: min(100%,720px); max-height: min(90vh,850px); overflow-y: auto; padding: 30px; border: 1px solid #eee6d8; border-radius: 18px; background: #fff; box-shadow: 0 24px 80px rgba(0,0,0,.2); animation: kdnAddressModalIn .24s ease both; }
.kdn-address-modal__header { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid #eee; }
.kdn-address-modal__eyebrow { display: block; margin-bottom: 7px; color: #a77a2a; font-size: 10px; font-weight: 600; letter-spacing: 1.5px; }
.kdn-address-modal__header h2 { margin: 0; color: #191d25; font-size: 27px; font-weight: 600; line-height: 1.25; }
.kdn-address-modal__header p { margin: 8px 0 0; color: #737782; font-size: 13px; line-height: 1.5; }
.kdn-address-modal__close { display: grid; flex: 0 0 36px; place-items: center; width: 36px; height: 36px; border: 1px solid #e8e8e8; border-radius: 50%; background: #fff; color: #333; font-size: 25px; line-height: 1; cursor: pointer; }
.kdn-address-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 16px; }
.kdn-address-field { display: flex; min-width: 0; flex-direction: column; gap: 8px; }
.kdn-address-field--full { grid-column: 1 / -1; }
.kdn-address-field > label { color: #303541; font-size: 12px; font-weight: 600; }
.kdn-address-field > label span { color: #b45b45; }
.kdn-address-field > input { display: block; width: 100%; min-width: 0; height: 45px; padding: 0 13px; border: 1px solid #dedfe3; border-radius: 8px; outline: none; background: #fff; color: #252a33; font: inherit; font-size: 13px; transition: border-color .18s ease,box-shadow .18s ease; }
.kdn-address-field > input:focus { border-color: #bd913e; box-shadow: 0 0 0 3px rgba(189,145,62,.12); }
.kdn-address-field > input::placeholder { color: #a1a4ac; }
.kdn-address-type-options { display: flex; flex-wrap: wrap; gap: 9px; }
.kdn-address-type-options > label { position: relative; cursor: pointer; }
.kdn-address-type-options input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.kdn-address-type-options label > span { display: flex; align-items: center; gap: 7px; min-height: 39px; padding: 0 13px; border: 1px solid #e2e2e2; border-radius: 8px; color: #535865; font-size: 12px; transition: .18s ease; }
.kdn-address-type-options label > span i { font-size: 16px; }
.kdn-address-type-options input:checked + span { border-color: #c29a4d; background: #fffaf0; color: #79551a; }
.kdn-address-type-options input:focus-visible + span { outline: 2px solid #bd913e; outline-offset: 2px; }
.kdn-address-default { display: flex; align-items: center; gap: 11px; margin-top: 22px; cursor: pointer; }
.kdn-address-default > input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.kdn-address-default__check { display: grid; flex: 0 0 19px; place-items: center; width: 19px; height: 19px; border: 1px solid #cfd1d6; border-radius: 5px; color: transparent; }
.kdn-address-default > input:checked + .kdn-address-default__check { border-color: #b58a38; background: #b58a38; color: #fff; }
span.kdn-address-default__check i {
    line-height: 1;
}
.kdn-address-default > input:focus-visible + .kdn-address-default__check { outline: 2px solid #bd913e; outline-offset: 3px; }
.kdn-address-default strong, .kdn-address-default small { display: block; }
.kdn-address-default strong { color: #343944; font-size: 12px; }
.kdn-address-default small { margin-top: 3px; color: #858994; font-size: 11px; }
.kdn-address-modal__footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 25px; padding-top: 19px; border-top: 1px solid #eee; }
.kdn-address-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 43px; padding: 0 19px; border: 1px solid transparent; border-radius: 8px; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; transition: background .18s ease,border-color .18s ease; }
.kdn-address-btn--cancel { border-color: #dedfe3; background: #fff; color: #484d57; }
.kdn-address-btn--cancel:hover { background: #f7f7f7; }
.kdn-address-btn--save { background: #b58a38; color: #fff; }
.kdn-address-btn--save:hover { background: #9d752b; }
.kdn-address-form-message { margin: 10px 0 0; color: #5c6b4e; font-size: 12px; text-align: right; }
.kdn-address-form-message:empty { display: none; }
@keyframes kdnAddressFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes kdnAddressModalIn { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width: 600px) {
    .kdn-address-modal { align-items: flex-end; padding: 0; }
    .kdn-address-modal__dialog { width: 100%; max-height: 92vh; padding: 22px 17px; border-radius: 18px 18px 0 0; }
    .kdn-address-modal__header h2 { font-size: 23px; }
    .kdn-address-form-grid { grid-template-columns: minmax(0,1fr); gap: 15px; }
    .kdn-address-field--full { grid-column: auto; }
    .kdn-address-modal__footer { position: sticky; bottom: -22px; padding: 14px 0 3px; background: #fff; }
    .kdn-address-btn { flex: 1; }
}
@media (prefers-reduced-motion: reduce) { .kdn-address-modal__backdrop, .kdn-address-modal__dialog { animation: none; } }

/* ================================
   KDN COMMON MODAL DESIGN
================================ */

.kdn-delete-modal,
.kdn-address-modal .modal-content {
    background: #ffffff;
    border: 1px solid #e9e5dc;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(20, 20, 20, 0.12);
}

/* Modal width */
#kdnAddressModal .modal-dialog {
    max-width: 650px;
}

#kdnDeleteModal .modal-dialog {
    max-width: 440px;
}

/* Header */
#kdnAddressModal .modal-header,
#kdnDeleteModal .modal-header {
    padding: 22px 24px;
    border-bottom: 1px solid #eeeae3;
}

#kdnAddressModal .modal-title,
#kdnDeleteModal .modal-title {
    color: #222222;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.3px;
}

/* Body */
#kdnAddressModal .modal-body,
#kdnDeleteModal .modal-body {
    padding: 24px;
    color: #666666;
    font-size: 14px;
    line-height: 1.7;
}

/* Footer */
#kdnAddressModal .modal-footer,
#kdnDeleteModal .modal-footer {
    padding: 16px 24px 22px;
    border-top: 1px solid #eeeae3;
    gap: 10px;
}

/* Common buttons */
#kdnAddressModal .modal-footer .btn,
#kdnDeleteModal .modal-footer .btn {
    min-height: 42px;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    transition: background-color 0.2s ease,
                border-color 0.2s ease,
                transform 0.2s ease;
}

/* Cancel button */
#kdnAddressModal .btn-light,
#kdnDeleteModal .btn-light {
    color: #333333;
    background: #ffffff;
    border: 1px solid #dedbd4;
}

#kdnAddressModal .btn-light:hover,
#kdnDeleteModal .btn-light:hover {
    background: #f7f6f3;
    border-color: #c9c4b9;
}

/* Address primary button */
#kdnAddressModal .btn-primary {
    color: #ffffff;
    background: #a98546;
    border-color: #a98546;
}

#kdnAddressModal .btn-primary:hover {
    background: #8f6e35;
    border-color: #8f6e35;
}

/* Delete button */
#kdnDeleteModal .btn-danger {
    color: #ffffff;
    background: #b42318;
    border-color: #b42318;
}

#kdnDeleteModal .btn-danger:hover {
    background: #912018;
    border-color: #912018;
}

/* Close icon */
#kdnAddressModal .btn-close,
#kdnDeleteModal .btn-close {
    opacity: 0.6;
    box-shadow: none;
}

#kdnAddressModal .btn-close:hover,
#kdnDeleteModal .btn-close:hover {
    opacity: 1;
}

/* Modal backdrop */
.modal-backdrop.show {
    opacity: 0.45;
}

/* Entry animation */
#kdnAddressModal .modal-dialog,
#kdnDeleteModal .modal-dialog {
    transition: transform 0.25s ease-out;
}

/* Mobile */
@media (max-width: 575.98px) {
    #kdnAddressModal .modal-dialog,
    #kdnDeleteModal .modal-dialog {
        margin: 12px;
    }

    #kdnAddressModal .modal-header,
    #kdnDeleteModal .modal-header {
        padding: 18px;
    }

    #kdnAddressModal .modal-body,
    #kdnDeleteModal .modal-body {
        padding: 18px;
    }

    #kdnAddressModal .modal-footer,
    #kdnDeleteModal .modal-footer {
        padding: 14px 18px 18px;
    }
}

.kdn-account-password-form-card
{
    padding: 27px;
    border: 1px solid #e8e0d4;
    border-radius: 11px;
    background: #fffdf9;
    width: 80%;
}

.kdn-account-password-form-card .kdn-account-form-grid 
{
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 17px;
}

/* ==========================================================
   Merged from legal-pages.css — original rule order preserved
   ========================================================== */

/* Kundan legal pages — extends the site's existing visual system */
.kdn-legal-page { color:#242a32; background:#fff; min-height:60vh; font-family:"Poppins",sans-serif; }
.kdn-legal-hero { position:relative; overflow:hidden; padding:68px 24px 62px; color:#fff; background:linear-gradient(115deg,#091629 0%,#101f34 72%,#17243a 100%); }
.kdn-legal-hero:after { content:""; position:absolute; width:340px; height:340px; border:1px solid rgba(182,133,46,.28); border-radius:50%; right:-92px; top:-170px; box-shadow:0 0 0 35px rgba(182,133,46,.035),0 0 0 72px rgba(182,133,46,.025); pointer-events:none; }
.kdn-legal-hero-inner { position:relative; z-index:1; width:min(100%,1240px); margin:0 auto; }
.kdn-legal-eyebrow { display:flex; align-items:center; gap:10px; color:#d2ad66; font-size:12px; font-weight:600; letter-spacing:2.3px; text-transform:uppercase; margin-bottom:16px; }
.kdn-legal-eyebrow:before { content:""; width:28px; height:1px; background:#b6852e; }
.kdn-legal-hero h1 { margin:0; color:#fff; font-family:"Fraunces",serif; font-size:clamp(34px,4vw,54px); line-height:1.13; font-weight:500; letter-spacing:-.6px; }
.kdn-legal-hero p { max-width:650px; margin:15px 0 0; color:#c7cbd2; font-size:16px; line-height:1.8; }
.kdn-legal-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-top: 22px;
    color: #aab1bd;
    font-size: 14px;
}
.kdn-legal-breadcrumb a { color:#e4c17b; transition:color .2s ease; }
.kdn-legal-breadcrumb a:hover { color:#fff; }
.kdn-legal-content-wrap {
    padding: 80px 0;
    background: #faf9f6;
}
.kdn-legal-layout {
    width: 80%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 275px;
    gap: 34px;
    align-items: start;
}
.kdn-legal-document { min-width:0; padding: 30px; border:1px solid #ece7de; border-radius:8px; background:#fff; box-shadow:0 12px 35px rgba(9,22,41,.045); }
.kdn-legal-document h2 { margin:34px 0 13px; padding-top:5px; color:#111e30; font-family:"Fraunces",serif; font-size:25px; font-weight:500; line-height:1.35; }
.kdn-legal-document h2:first-child { margin-top:0; }
.kdn-legal-document p { margin:0 0 17px; color:#091629; font-size:14px; font-weight:400; line-height:1.95; overflow-wrap:anywhere; }
.kdn-legal-document ul,.kdn-legal-document ol { margin:0 0 20px; padding-left:23px; color:#091629; }
.kdn-legal-document li { padding-left:5px; margin:0 0 12px; font-size:14px; line-height:1.9; }
.kdn-legal-document a { color:#9b6d20; text-decoration:underline; text-underline-offset:3px; }
.kdn-legal-document a:hover { color:#091629; }
.kdn-legal-document .kdn-legal-contact { padding:18px 20px; margin:20px 0; border-left:3px solid #b6852e; background:#fbf8f1; border-radius:0 5px 5px 0; }
.kdn-legal-document .kdn-legal-contact p:last-child { margin-bottom:0; }
.kdn-legal-aside { position:sticky; top:24px; padding:25px 22px; border:1px solid #ece7de; border-radius:8px; background:#fff; }
.kdn-legal-aside h3 { margin:0 0 15px; color:#091629; font-size:15px; font-weight:600; }
.kdn-legal-aside a { display:flex; align-items:center; gap:10px; padding:12px 0; border-bottom:1px solid #f0ede7; color:#626874; font-size:13px; transition:color .2s ease; }
.kdn-legal-aside a:last-child { border-bottom:0; }
.kdn-legal-aside a:before { content:""; width:6px; height:6px; border-radius:50%; background:#b6852e; flex:0 0 auto; }
.kdn-legal-aside a:hover,.kdn-legal-aside a[aria-current="page"] { color:#9b6d20; }
.kdn-legal-note { padding:16px 18px; margin-top:20px; border-radius:6px; background:#f8f5ef; color:#64605a; font-size:12px; line-height:1.8; }
@media (max-width: 900px) { .kdn-legal-layout { grid-template-columns:1fr; gap:20px; } .kdn-legal-aside { position:static; order:-1; } .kdn-legal-aside nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 16px; } }
@media (max-width: 600px) { .kdn-legal-hero { padding:48px 18px 42px; } .kdn-legal-document { padding:23px 19px; border-radius:6px; } .kdn-legal-document p,.kdn-legal-aside { padding:19px 17px; } .kdn-legal-aside nav { grid-template-columns:1fr; } }


/* ==========================================================
   Merged from product-detail.css — original rule order preserved
   ========================================================== */
/* Product detail page - additive stylesheet. Existing site styles remain untouched. */

.kdn-product-page {
    background: #fbfaf7!important;
    color: #161616!important;
    font-family: "Poppins", sans-serif !important;
}

.pdp-header {
    height: 88px!important;
}

.pdp-header .kdn-header-inner {
    height: 88px!important;
}

.pdp-header .kdn-nav-link {
    font-size: 14px;
}

.pdp-header .kdn-desktop-nav {
    gap: 28px;
}

.pdp-header .kdn-brand {
    width: 150px;
    flex-basis: 150px;
}

.pdp-header .kdn-brand img {
    width: 90px;
}

.pdp-price-strip {
    height: 52px;
    background: #0a0a09;
    color: #eee;
    border-bottom: 1px solid rgba(201,155,53,.35);
}

.pdp-price-inner {
    max-width: 1610px;
    height: 100%;
    margin: auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    gap: 32px;
}

.pdp-live {
    font-size: 13px;
    white-space: nowrap;
    color: #ddd;
}

.pdp-live i {
    font-size: 20px;
    color: #d2a044;
    margin-right: 8px;
}

.pdp-live strong {
    color: #d5a349;
}

.pdp-live span {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d39a34;
    margin-left: 10px;
}

.pdp-metal {
    font-size: 13px;
    white-space: nowrap;
}

.pdp-metal strong {
    font-size: 15px;
    margin-left: 12px;
}

.pdp-metal em {
    font-style: normal;
    color: #08b56e;
    margin-left: 10px;
    font-size: 14px;
}

.pdp-divider {
    width: 1px;
    height: 22px;
    background: #5a5a57;
}

.pdp-live-link {
    margin-left: auto;
    color: #eee;
    font-size: 13px;
}

.pdp-live-link i {
    color: #d7a64b;
    font-size: 17px;
    margin-left: 8px;
}

.pdp-page {
    padding: 50px 0;
    background: #fbfaf7 !important;
}

.pdp-breadcrumb {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #7c8490;
    font-size: 13px;
    margin: 0 0 16px;
}

.pdp-breadcrumb a:hover {
    color: #b8893d;
}

.pdp-breadcrumb i {
    font-size: 16px;
    color: #c9a05a;
}

.pdp-breadcrumb strong {
    color: #202020;
    font-weight: 600;
}

.pdp-layout {
    display: grid;
    grid-template-columns: minmax(0,1.08fr) minmax(480px,.92fr);
    gap: 38px;
    align-items: start;
}

.pdp-gallery-sticky {
    position: sticky;
    top: 18px;
    align-self: start;
}

.pdp-gallery {
    display: grid;
    grid-template-columns: 96px minmax(0,1fr);
    gap: 16px;
}

.pdp-thumbs {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pdp-thumb,.pdp-video-thumb {
    width: 96px;
    height: 84px;
    border: 1px solid #e2ded6;
    background: #f4eee5;
    border-radius: 7px;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    transition: .25s ease;
    position: relative;
}

.pdp-thumb:hover,.pdp-thumb.is-active {
    border-color: #b47d2e;
    box-shadow: 0 0 0 1px #b47d2e;
}

.pdp-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pdp-video-thumb {
    background: linear-gradient(145deg,#6e4a1d,#16110a);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2px;
}

.pdp-video-thumb span {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #17130e;
    border: 1px solid rgba(255,255,255,.55);
    font-size: 21px;
}

.pdp-video-thumb b {
    font-size: 12px;
    font-weight: 500;
}

.pdp-main-image {
    height: min(620px,42vw);
    min-height: 490px;
    border-radius: 8px;
    overflow: hidden;
    background: #eee5d7;
    position: relative;
    cursor: zoom-in;
}

.pdp-main-image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .28s ease;
    transform-origin: var(--mx,50%) var(--my,50%);
}

/* Zoom Increase */

.pdp-main-image:hover>img {
    transform: scale(2.5);
}

/* Zoom Increase */

.pdp-zoom-btn {
    position: absolute;
    right: 17px;
    bottom: 17px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 0;
    background: #fff;
    color: #222;
    box-shadow: 0 8px 20px rgba(0,0,0,.14);
    font-size: 21px;
    cursor: pointer;
}

.pdp-zoom-lens {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0;
}

.pdp-trust-row {
    margin-top: 18px;
    border: 1px solid #e9e4db;
    border-radius: 7px;
    background: #fff;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    min-height: 80px;
}

.pdp-trust-row>div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
    border-right: 1px solid #e9e4db;
}

.pdp-trust-row>div:last-child {
    border-right: 0;
}

.pdp-trust-row i {
    font-size: 25px;
    color: #b98435;
}

.pdp-trust-row span {
    font-size: 11px;
    color: #6d747d;
    line-height: 1.45;
}

.pdp-trust-row b {
    display: block;
    color: #3c3c3c;
    font-weight: 600;
}

.pdp-content {
    min-width: 0;
    padding-bottom: 20px;
    width: 70%;
}

.pdp-product-head {
    border-bottom: 1px solid #e9e4db;
    padding: 0 0 10px;
}

.pdp-badge {
    display: inline-flex;
    background: #f3e8d3;
    color: #292319;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
}

.pdp-product-head h1 {
	color: #091629;
    font-size: 30px;
    line-height: 1.04;
    margin: 10px 0 0;
    letter-spacing: -1.2px;
    font-weight: 600;
    font-family: "Fraunces", serif;
}

.pdp-product-head h2 {
    font-family: "Fraunces",serif;
    font-size: 23px;
    line-height: 1.2;
    color: #626c7a;
    margin: 3px 0 8px;
    font-weight: 500;
}

.pdp-product-head p {
    font-size: 14px;
    line-height: 1.6;
    color: #657080;
    margin: 0;
    max-width: 700px;
}

.pdp-price {
    display: flex;
    align-items: baseline;
    gap: 18px;
    margin: 10px 0;
}

.pdp-price strong {
    font-family: "Poppins", sans-serif !important;
    font-size: 22px;
    font-weight: 600;
	color: #091629;
}

.pdp-price del {
    font-size: 18px;
    color: #68717d;
}

.pdp-price span {
    font-size: 16px;
    color: #06a866;
    font-weight: 600;
}

.pdp-live-note {
    font-size: 12px;
    color: #747a82;
    margin: 5px 0 20px;
}

.pdp-live-note i {
    color: #a8782e;
    margin-right: 5px;
}

.pdp-live-note b {
    color: #b7893e;
    margin: 0 7px;
}

.pdp-choice-row {
    display: flex;
    align-items: end;
    gap: 25px;
}

.pdp-field-block label,.pdp-qty-block label,.pdp-pincode label {
    color: #091629;
	display: block;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 7px;
}

.pdp-field-block select {
    width: 100%;
    height: 42px;
    border: 1px solid #ded9d0;
    background: #fff;
    border-radius: 6px;
    padding: 0 13px;
    color: #56616f;
    outline: none;
}

.pdp-qty {
    height: 42px;
    border-radius: 6px;
    background: #fff;
    display: flex;
    align-items: center;
	overflow: hidden;
    border: 1px solid #ded9d0;
}

.pdp-qty button {
    height: 100%;
    width: 42px;
    border: 0;
    background: #f8f4ed;
    font-size: 20px;
    color: #333;
    cursor: pointer;
}

.pdp-qty span {
    min-width: 42px;
    text-align: center;
    font-size: 14px;
	color: #091629;
}

.pdp-stock {
    font-size: 13px;
    color: #06a866;
    white-space: nowrap;
    padding-bottom: 11px;
}

.pdp-stock i {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #12b66c;
    margin-right: 6px;
}

.pdp-delivery-row {
    display: flex;
    flex-direction: column;
    margin-top: 18px;
}

.pdp-delivery-row p {
	color: #091629;
	font-size: 12px;
    margin-top: 7px;
}

.pdp-pincode {
    width: 50%;
}

.pdp-pincode>div {
    height: 42px;
    border: 1px solid #ded9d0;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.pdp-pincode>div>span {
    width: 42px;
    text-align: center;
    color: #4e5660;
    font-size: 18px;
}

.pdp-pincode input {
    border: 0;
    outline: 0;
    flex: 1;
    min-width: 0;
    height: 100%;
    font-size: 14px;
}

.pdp-pincode button {
	height: 100%;
    border: 0;
    border-left: none;
    background: none;
    color: #94682c;
    font-weight: 500;
    padding: 0 11px;
    cursor: pointer;
    font-size: 14px;
}

.pdp-pincode small {
    display: block;
    min-height: 17px;
    margin-top: 4px;
    color: #0b9b5d;
    font-size: 11px;
}

.pdp-delivery {
    display: flex;
    gap: 10px;
    align-items: center;
}

.pdp-delivery i {
    font-size: 32px;
    color: #06b56c;
}

.pdp-delivery strong {
    display: block;
    color: #0aaa68;
    font-size: 14px;
}

.pdp-delivery span {
    display: block;
    color: #09a766;
    font-size: 11px;
    margin-top: 2px;
}

.pdp-coupon {
    height: 42px;
    display: flex;
    border: 1px solid #ded9d0;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    margin-top: 8px;
}

.pdp-coupon input {
    border: 0;
    outline: 0;
    padding: 0 14px;
    flex: 1;
    min-width: 0;
    font-size: 13px;
}

.pdp-coupon button {
    width: 105px;
    border: 0;
    border-left: 1px solid #e4ddd3;
    background: #fbf1e1;
    color: #97692e;
    font-weight: 600;
    cursor: pointer;
}

.pdp-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 12px;
}

.pdp-actions button {
    height: 48px;
    border-radius: 5px;
    border: 1px solid #a9782e;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: .2s ease;
}

.pdp-add {
    background: linear-gradient(180deg,#c29449,#986b2e);
    color: #fff;
}

.pdp-add:hover {
    filter: brightness(1.06);
}

.pdp-buy {
    background: #171717;
    color: #fff;
}

.pdp-buy:hover {
    background: #2b2b2b;
}

.pdp-actions i {
    margin-right: 7px;
}

.pdp-details-card {
    border: 1px solid #e9e4db;
    border-radius: 7px;
    background: #fff;
    margin-top: 16px;
    overflow: hidden;
}

.pdp-card-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 17px;
    border-bottom: 1px solid #e9e4db;
}

.pdp-card-title h3,.pdp-packaging h3,.pdp-info-block h3 {
    font-family: "Fraunces",serif;
    font-size: 21px;
    margin: 0;
}

section.pdp-packaging h3 
{
    color: #091629;
}

span.pdp-section-kicker
{
    color: #091629;	
}

.pdp-card-title button {
    border: 0;
    background: transparent;
    font-size: 20px;
    cursor: pointer;
}

.pdp-spec-grid {
    display: grid;
    grid-template-columns: 1fr;
}

.pdp-spec-grid>div {
    display: grid;
    grid-template-columns: 48% 52%;
    border-bottom: 1px solid #eee9e1;
    min-height: 38px;
    align-items: center;
    font-size: 12px;
}

.pdp-spec-grid>div:nth-child(odd) {
    border-right: 1px solid #eee9e1;
}

.pdp-spec-grid span {
    padding: 0 14px;
    color: #747b84;
}

.pdp-spec-grid b {
    padding: 0 12px;
    color: #525a64;
    font-weight: 500;
}

.pdp-packaging {
    margin-top: 14px;
    padding: 16px 18px;
    border-radius: 7px;
    background: #f5ecdf;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 125px;
}

.pdp-packaging p {
    color: #6b7179;
    font-size: 12px;
    line-height: 1.55;
    max-width: 300px;
    margin: 8px 0 0;
}

.pdp-packaging img {
    width: 150px;
    height: 95px;
    object-fit: cover;
    border-radius: 5px;
}

.pdp-info-block {
    padding: 23px 0;
    border-bottom: 1px solid #e9e4db;
}

.pdp-info-block p {
    color: #69727d;
    font-size: 13px;
    line-height: 1.75;
    margin: 8px 0 0;
}

.pdp-review-summary {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 10px;
}

.pdp-review-summary strong {
    font-family: "Fraunces",serif;
    font-size: 34px;
}

.pdp-review-summary span {
    color: #b98131;
    font-size: 17px;
}

.pdp-review-summary small {
    color: #777;
    font-size: 12px;
}

.pdp-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.88);
    z-index: 3000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 40px;
}

.pdp-lightbox.is-open {
    display: flex;
}

.pdp-lightbox img {
    max-width: min(92vw,1000px);
    max-height: 88vh;
    object-fit: contain;
    border-radius: 5px;
}

.pdp-lightbox button {
    position: absolute;
    right: 28px;
    top: 22px;
    width: 45px;
    height: 45px;
    border: 1px solid rgba(255,255,255,.25);
    background: #fff;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
}

@media(max-width:1200px) {
    .pdp-layout {
        grid-template-columns: minmax(0,1fr) minmax(410px,.86fr);
        gap: 24px;
    }
    .pdp-main-image {
        min-height: 430px;
    }
    .pdp-header .kdn-desktop-nav {
        gap: 18px;
    }
    .pdp-header .kdn-nav-link {
        font-size: 12px;
    }
    .pdp-price-inner {
        gap: 18px;
    }
}

@media(max-width:900px) {
    .pdp-header .kdn-desktop-nav,.pdp-header .kdn-icon-btn.pdp-search-btn {
        display: none;
    }
    .pdp-header .kdn-header-inner {
        padding: 0 18px;
    }
    .pdp-layout {
        display: block;
    }
    .pdp-gallery-sticky {
        position: relative;
        top: auto;
    }
    .pdp-content {
        margin-top: 25px;
    }
    .pdp-main-image {
        height: 65vw;
        min-height: 330px;
    }
    .pdp-price-strip {
        display: none;
    }
    .pdp-page {
        padding: 16px 16px 45px;
    }
    .pdp-trust-row {
        margin-bottom: 8px;
    }
    .pdp-product-head h1 {
        font-size: 25px;
    }
}

@media(max-width:600px) {
    .pdp-gallery {
        grid-template-columns: 1fr;
        display: flex;
        flex-direction: column-reverse;
    }
    .pdp-thumbs {
        flex-direction: row;
        overflow: auto;
        padding-bottom: 4px;
    }
    .pdp-thumb,.pdp-video-thumb {
        min-width: 70px;
        width: 70px;
        height: 66px;
    }
    .pdp-main-image {
        height: 92vw;
        min-height: 0;
    }
    .pdp-choice-row {
        grid-template-columns: 1fr 1fr;
    }
    .pdp-stock {
        grid-column: 1/-1;
        padding: 0;
    }
    .pdp-delivery-row {
        grid-template-columns: 1fr;
    }
    .pdp-actions {
        grid-template-columns: 1fr;
    }
    .pdp-spec-grid {
        grid-template-columns: 1fr;
    }
    .pdp-spec-grid>div:nth-child(odd) {
        border-right: 0;
    }
    .pdp-trust-row {
        grid-template-columns: 1fr;
    }
    .pdp-trust-row>div {
        border-right: 0;
        border-bottom: 1px solid #e9e4db;
    }
    .pdp-trust-row>div:last-child {
        border-bottom: 0;
    }
    .pdp-packaging img {
        width: 110px;
    }
    .pdp-breadcrumb {
        font-size: 11px;
        overflow: auto;
        white-space: nowrap;
    }
}

.pdp-section-kicker {
    display: block;
    font-family: "Poppins",sans-serif;
    font-size: 9px;
    letter-spacing: 1.8px;
    color: #a87934;
    font-weight: 600;
    margin-bottom: 5px;
}

.pdp-tabs-section {
    margin-top: 18px;
}

.pdp-tabs-wrap {
    position: relative;
    border: 1px solid #e9e4db;
    border-radius: 10px;
    background: linear-gradient(180deg,#fff,#fbfaf7);
    padding: 5px;
    box-shadow: 0 8px 24px rgba(64,45,17,.045);
}

.pdp-tabs {
    display: grid;
    grid-template-columns: 1fr 1.35fr 1.25fr 1.25fr .85fr;
    gap: 4px;
}

.pdp-tab {
    position: relative;
    min-height: 62px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #747b84;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 12px;
    font-family: "Poppins",sans-serif;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s ease;
}

.pdp-tab i {
    font-size: 17px;
    color: #a77a39;
    transition: transform .25s ease,color .25s ease;
}

.pdp-tab:hover {
    background: #faf4e9;
    color: #3b352c;
}

.pdp-tab:hover i {
    transform: translateY(-1px);
}

.pdp-tab.is-active {
    background: linear-gradient(135deg,#fff9ee,#f4e8d2);
    color: #8e642a;
    font-weight: 600;
    box-shadow: inset 0 0 0 1px rgba(185,137,61,.17),0 4px 12px rgba(95,65,20,.06);
}

.pdp-tab.is-active:after {
    content: "";
    position: absolute;
    left: 22%;
    right: 22%;
    bottom: 4px;
    height: 2px;
    border-radius: 10px;
    background: linear-gradient(90deg,transparent,#b8893d,transparent);
}

.pdp-tab.is-active i {
    color: #b17b2e;
}

.pdp-tab-panels {
    margin-top: 10px;
}

.pdp-tab-panel {
    border: 1px solid #e9e4db;
    border-radius: 10px;
    background: linear-gradient(180deg,#fff,#fdfbf8);
    padding: 22px 24px;
    box-shadow: 0 10px 26px rgba(62,44,18,.045);
    animation: pdpPanelIn .28s ease;
}

.pdp-tab-panel[hidden] {
    display: none;
}

@keyframes pdpPanelIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.pdp-panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid #eee8de;
}

.pdp-panel-heading h3 {
    font-family: "Fraunces",serif;
    font-size: 25px;
    line-height: 1.1;
    margin: 0;
    color: #1b1a18;
}

.pdp-panel-mark {
    min-width: 42px;
    height: 42px;
    border: 1px solid #e6d5b8;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #a8752d;
    background: #fffaf0;
    font-family: "Fraunces",serif;
    font-size: 12px;
}

.pdp-panel-mark i {
    font-size: 19px;
}

.pdp-detail-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 14px;
    border: 1px solid #eee8de;
    border-radius: 7px;
    overflow: hidden;
}

.pdp-detail-list>div {
    min-height: 42px;
    display: grid;
    grid-template-columns: 48% 52%;
    align-items: center;
    border-bottom: 1px solid #eee8de;
    font-size: 12px;
}

.pdp-detail-list>div:nth-child(odd) {
    border-right: 1px solid #eee8de;
}

.pdp-detail-list>div:nth-last-child(-n+2) {
    border-bottom: 0;
}

.pdp-detail-list span {
    padding: 0 13px;
    color: #7a8087;
}

.pdp-detail-list b {
    padding: 0 13px;
    color: #3f4348;
    font-weight: 500;
}

.pdp-feature-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 12px;
    margin-top: 15px;
}

.pdp-feature-item {
    display: flex;
    gap: 11px;
    padding: 15px;
    border: 1px solid #eee8de;
    border-radius: 8px;
    background: #fff;
}

.pdp-feature-item>i {
    font-size: 24px;
    color: #b17d35;
}

.pdp-feature-item b {
    font-size: 12px;
    color: #333;
    display: block;
}

.pdp-feature-item p,.pdp-panel-copy {
    font-size: 11px;
    line-height: 1.7;
    color: #6b737d;
    margin: 5px 0 0;
}

.pdp-shipping-box {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 15px;
    padding: 16px;
    border-radius: 8px;
    background: linear-gradient(135deg,#faf3e6,#fff);
    border: 1px solid #eee2ce;
}

.pdp-shipping-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #fff;
    border: 1px solid #e3cfaa;
    color: #b17b2e;
    font-size: 22px;
}

.pdp-shipping-box b {
    font-size: 13px;
    color: #2c312f;
}

.pdp-shipping-box p {
    font-size: 11px;
    color: #69727c;
    line-height: 1.65;
    margin: 4px 0 0;
}

.pdp-mini-points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.pdp-mini-points span {
    padding: 7px 10px;
    border-radius: 20px;
    background: #faf7f0;
    color: #626a73;
    font-size: 10px;
    border: 1px solid #eee7da;
}

.pdp-mini-points i {
    color: #a97730;
    margin-right: 4px;
}

.pdp-panel-copy {
    font-size: 12px;
    max-width: 850px;
    margin-top: 15px;
}

.pdp-return-note {
    display: flex;
    gap: 9px;
    margin-top: 15px;
    padding: 12px 14px;
    border-left: 3px solid #b8893d;
    background: #fbf6ed;
    color: #68717b;
    font-size: 11px;
    line-height: 1.6;
}

.pdp-return-note i {
    color: #b17a30;
    font-size: 18px;
}

.pdp-return-note b {
    color: #47433d;
}

.pdp-review-large {
    margin-top: 16px;
    padding: 16px;
    border: 1px solid #eee8de;
    border-radius: 8px;
    background: #fff;
}

.pdp-review-large strong {
    font-size: 40px;
}

.pdp-review-large div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pdp-review-large span {
    font-size: 19px;
    color: #b98235;
    letter-spacing: 2px;
}

.pdp-review-large small {
    font-size: 10px;
    color: #777;
}

.pdp-review-large>b {
    margin-left: auto;
    font-size: 11px;
    padding: 6px 11px;
    border-radius: 20px;
    background: #eef9f2;
    color: #15935b;
}

.pdp-review-bars {
    max-width: 620px;
    margin-top: 14px;
}

.pdp-review-bars>div {
    display: grid;
    grid-template-columns: 14px 1fr 36px;
    align-items: center;
    gap: 9px;
    margin: 8px 0;
    font-size: 10px;
    color: #747b84;
}

.pdp-review-bars i {
    height: 6px;
    border-radius: 20px;
    background: #eee8de;
    overflow: hidden;
}

.pdp-review-bars em {
    display: block;
    height: 100%;
    border-radius: 20px;
    background: linear-gradient(90deg,#a97730,#d4aa61);
}

.pdp-review-bars b {
    font-weight: 500;
    text-align: right;
}

.weight-selector {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 15px;
}

.weight-selector h3 {
	margin: 6px 0;
    color: #091629;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 500;
}

.weight-options {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
}

.weight-option {
  position: relative;
  height: 34px;
  cursor: pointer;
}

.weight-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.weight-option span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid #d2d0cc;
  border-radius: 5px;
  background: #fff;

  color: #3f444b;
  font-size: 13px;
  font-weight: 500;

  transition:
    background .2s ease,
    border-color .2s ease,
    color .2s ease,
    box-shadow .2s ease;
}

.weight-option:hover span {
  border-color: #a9792d;
  color: #8a5c19;
}

.weight-option.active span,
.weight-option input:checked + span {
  color: #fff;
  border-color: #9b681e;
  background: linear-gradient(
    180deg,
    #a9782e 0%,
    #8e5d19 100%
  );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    0 2px 4px rgba(100,65,15,.12);
}


.specifications {
    margin-top: 30px;
    width: 100%;
    padding: 0;
}

.specifications h3 {
  margin: 0 0 10px;
  color: #111827;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 600;
}

.spec-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 65px;
}

.spec-item {
    padding: 10px 0 10px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 7px;
}

.spec-item span {
    display: block;
    margin-bottom: 4px;
    color: #000000;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 400;
    opacity: .7;
}

.spec-item strong {
  display: block;
  color: #111827;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 500;
}

@media (max-width: 600px) {
  .spec-grid {
    grid-template-columns: 1fr;
    column-gap: 0;
  }
}

@media (max-width: 700px) {
  .weight-options {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 420px) {
  .weight-options {
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
  }

}

@media(max-width:900px) {
    .pdp-tabs {
        grid-template-columns: repeat(5,minmax(145px,1fr));
        overflow-x: auto;
    }
    .pdp-tabs-wrap {
        overflow: hidden;
    }
    .pdp-tab {
        white-space: nowrap;
        min-height: 56px;
    }
    .pdp-feature-grid {
        grid-template-columns: 1fr;
    }
    .pdp-tab-panel {
        padding: 18px;
    }
    .pdp-detail-list {
        grid-template-columns: 1fr;
    }
    .pdp-detail-list>div:nth-child(odd) {
        border-right: 0;
    }
    .pdp-detail-list>div:nth-last-child(-n+2) {
        border-bottom: 1px solid #eee8de;
    }
    .pdp-detail-list>div:last-child {
        border-bottom: 0;
    }
    .pdp-review-large {
        align-items: flex-start;
    }
    .pdp-review-large>b {
        margin-left: 0;
    }
}

@media(max-width:600px) {
    .pdp-tabs {
        display: flex;
        overflow-x: auto;
        scrollbar-width: none;
    }
    .pdp-tabs::-webkit-scrollbar {
        display: none;
    }
    .pdp-tab {
        min-width: max-content;
        padding: 9px 13px;
        font-size: 10px;
    }
    .pdp-tab i {
        font-size: 15px;
    }
    .pdp-panel-heading h3 {
        font-size: 22px;
    }
    .pdp-detail-list>div {
        grid-template-columns: 46% 54%;
    }
    .pdp-shipping-box {
        align-items: flex-start;
    }
    .pdp-mini-points {
        display: grid;
        grid-template-columns: 1fr;
    }
    .pdp-review-large {
        flex-wrap: wrap;
    }
    .pdp-review-large>b {
        width: max-content;
    }
}

.kcart-service-points {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.kcart-service-point {
    display: flex;
    align-items: center;
    gap: 12px;
}

.kcart-service-icon i {
    font-size: 26px;
    color: #414346;
}

.kcart-service-icon svg {
  width: 32px;
  height: 32px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.kcart-service-point p {
  margin: 0;
  color: #111827;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 600;
}

@media (max-width: 480px) {
  .kcart-service-points {
    gap: 15px;
  }

  .kcart-service-point {
    gap: 15px;
  }

  .kcart-service-icon {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
  }

  .kcart-service-icon svg {
    width: 29px;
    height: 29px;
  }

  .kcart-service-point p {
    font-size: 13px;
  }
}

#pinMessage {
    margin: 15px 0;
}

.dnone
{
	display:none;
}

.pd-tabs-wrap 
{
    width: 100%;
    margin-top: 50px;
    font-family: "Poppins", sans-serif;
}


/* =========================
   PREMIUM TAB BAR
========================= */

.pd-tabs-head {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
}


/* =========================
   TAB BUTTON
========================= */

.pd-tab-btn {
	position: relative;
    height: 62px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid transparent;
    background: transparent;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
    transition: color .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}


/* =========================
   ICON
========================= */

.pd-tab-btn-icon {
  width: 35px;
  height: 35px;

  flex: 0 0 35px;

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

  border-radius: 50%;

  background: #f5eee3;

  color: #9b681e;

  transition:
    background .3s ease,
    color .3s ease,
    transform .3s ease,
    box-shadow .3s ease;
}

.pd-tab-btn-icon svg {
  width: 18px;
  height: 18px;

  fill: none;
  stroke: currentColor;

  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================
   ACTIVE TAB
========================= */

.pd-tab-btn.active {
    color: #000000;
    border-radius: 0;
    border-bottom: 3px solid #9e6b20;
}


.pd-tab-btn.active .pd-tab-btn-icon {
  background: rgba(255,255,255,.17);

  color: #ffffff;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18);
}


/* =========================
   CONTENT PANEL
========================= */

.pd-tab-panels {
    width: 100%;
    background: #ffffff;
    overflow: hidden;
    border: 1px solid #e8dfd0;
    box-shadow: 0 8px 25px rgba(76, 53, 21, .045);
}

.pd-tab-panel {
  display: none;

  min-height: 180px;

  padding: 30px 34px;

  animation: pdTabReveal .35s ease;
}

.pd-tab-panel.active {
  display: block;
}

.pd-tab-panel h3 {
    margin: 0;
    color: #091629;
    font-size: 25px;
    line-height: 1.25;
    font-weight: 600;
    font-family: "Fraunces", serif;
}

.pd-tab-panel p {
  max-width: 720px;

  margin: 10px 0 0;

  color: #696d73;

  font-size: 14px;
  line-height: 1.7;
}

@keyframes pdTabReveal {

  from {
    opacity: 0;
    transform: translateY(7px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }

}


/* =========================
   TABLET
========================= */

@media (max-width: 950px) {

  .pd-tabs-head {
    grid-template-columns: repeat(3, 1fr);
  }

  .pd-tab-btn:nth-child(4),
  .pd-tab-btn:nth-child(5) {
    grid-column: span 1;
  }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 620px) {

  .pd-tabs-head {
    display: flex;

    overflow-x: auto;

    justify-content: flex-start;

    padding: 7px;

    gap: 6px;

    scrollbar-width: none;
  }

  .pd-tabs-head::-webkit-scrollbar {
    display: none;
  }

  .pd-tab-btn {
    flex: 0 0 auto;

    height: 54px;

    padding: 0 15px;

    font-size: 12px;
  }

  .pd-tab-btn-icon {
    width: 31px;
    height: 31px;
    flex-basis: 31px;
  }

  .pd-tab-btn-icon svg {
    width: 16px;
    height: 16px;
  }

  .pd-tab-panel {
    padding: 24px 20px;
  }

}



/* ==========================================================
   RESPONSIVE SAFETY LAYER
   Additive only: existing page-specific responsive rules above
   remain intact and retain their original cascade order.
   ========================================================== */

/* Small phones, large phones and tablets */
@media only screen and (min-width: 300px) and (max-width: 991px) {
    img,
    video,
    iframe,
    svg {
        max-width: 100%;
    }

    table {
        max-width: 100%;
    }

    input,
    select,
    textarea,
    button {
        max-width: 100%;
    }

    .row {
        --bs-gutter-x: 1.25rem;
    }
}

/* Compact desktop / small laptop */
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    img,
    video,
    iframe,
    svg {
        max-width: 100%;
    }
}

/* Standard laptop widths */
@media only screen and (min-width: 1301px) and (max-width: 1400px) {
    img,
    video,
    iframe,
    svg {
        max-width: 100%;
    }
}

/* Wide laptop widths */
@media only screen and (min-width: 1401px) and (max-width: 1499px) {
    img,
    video,
    iframe,
    svg {
        max-width: 100%;
    }
}

body.header-fix header {
    width: 100%;
    position: fixed;
    z-index: 999;    animation: smoothHeader 0.3s ease;
	background-color: #fff;
	    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

body.header-fix .kdn-search {
    position: absolute;
    top: 50%;
    right: 0px;
    width: 0;
    height: 46px;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 11px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-50%) translateX(10px) scaleX(0.96);
    transform-origin: right center;
    border: 1px solid transparent;
    border-radius: 25px;
    background: linear-gradient(110deg, rgb(255 255 255 / 98%), rgb(255 255 255 / 98%));
    box-shadow: unset;
    transition: width 0.45s cubic-bezier(.22, 1, .36, 1), opacity 0.25s ease, transform 0.45s cubic-bezier(.22, 1, .36, 1), padding 0.35s ease, border-color 0.35s ease;
}

body.header-fix .kdn-search input::placeholder
{
	color:#091629;
}

body.header-fix header .kdn-nav-link, 
body.header-fix header .kdn-header-actions i
{
    color: #091629;
}

@keyframes smoothHeader {
    from {
        transform: translateY(-20px);
    }
    to {
        transform: translateY(0);
    }
}

.prod-details
{
	width:100%;
}

body.header-fix .kdn-search-wrap.is-open .wh-search-wrap {
    width: min(370px, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    padding: 5px;
    overflow: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(-50%) translateX(0) scaleX(1);
    z-index: 1002;
}

body.header-fix .kdn-search-wrap.is-open .kdn-search {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    max-width: 100%;
    height: 46px;
    padding: 0 15px;
    overflow: visible;
    opacity: 1;
    pointer-events: auto;
    transform: none;
    background: #fff;
}

body.header-fix .kdn-search-wrap.is-open .kdn-search input {
    display: block;
    width: 100%;
    min-width: 0;
    color: #091629;
    opacity: 1;
    pointer-events: auto;
}

body.header-fix .kdn-search-wrap.is-open .kdn-search i {
    color: #091629;
}

/* review design */

.pdp-rating-summary {
    display: grid;
    grid-template-columns: 16% 1% 23%;
    align-items: center;
    gap: 28px;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 0;
    color: #091629;
    height: 100%;
}

.pdp-rating-summary__number {
    margin: 0 0 3px;
    color: #10213d;
    font-size: 60px;
    font-weight: 600;
    line-height: .98;
    letter-spacing: -3px;
}
.pdp-rating-summary__stars {
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 5px 0 8px;
    color: #d99a20;
    font-size: 30px;
    line-height: 1;
    white-space: nowrap;
}
.pdp-rating-summary__partial {
  background: linear-gradient(90deg, #d99a20 70%, #d7d9dd 70%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}
.pdp-rating-summary__based {
    color: #091629;
    font-size: 16px;
    line-height: 1.45;
}
.pdp-rating-summary__divider {
    background-color: #dfdcd1;
    height: 100%;
    width: 1px;
    display: flex;
}
.pdp-rating-summary__distribution {
    display: grid;
    gap: 11px;
    min-width: 0;
    width: 100%;
}
.pdp-rating-summary__row {
  display: grid;
  grid-template-columns: 16px 18px minmax(40px, 1fr) 28px;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: #10213d;
  font-size: 16px;
  line-height: 1;
}
.pdp-rating-summary__rank { text-align: right; }
.pdp-rating-summary__mini-star { color: #b98217; font-size: 19px; }
.pdp-rating-summary__track {
  display: block;
  position: relative;
  height: 15px;
  overflow: hidden;
  border-radius: 999px;
  background: #e9e9e9;
}
.pdp-rating-summary__fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #e8c65e, #d9ae3d);
}
.pdp-rating-summary__count { color: #526078; text-align: right; }
@media (max-width: 560px) {
  .pdp-rating-summary__number { font-size: 52px; letter-spacing: -2px; }
  .pdp-rating-summary__stars { font-size: 21px; gap: 0; }
  .pdp-rating-summary__based { font-size: 12px; }
  .pdp-rating-summary__distribution { gap: 10px; }
  .pdp-rating-summary__row { grid-template-columns: 12px 13px minmax(25px, 1fr) 20px; gap: 5px; font-size: 12px; }
  .pdp-rating-summary__mini-star { font-size: 14px; }
  .pdp-rating-summary__track { height: 10px; }
}


  .pdp-review-listing {
    width: 100%;
    color: #10213e;
    box-sizing: border-box;
  }

  .pdp-review-listing *,
  .pdp-review-listing *::before,
  .pdp-review-listing *::after {
    box-sizing: border-box;
  }

  .pdp-review-listing__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 0 0 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e9e7e2;
  }

  .pdp-review-listing__title {
    margin: 0;
    color: #10213e;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.45px;
  }

  .pdp-review-listing__title-accent {
    display: block;
    width: 26px;
    height: 3px;
    margin-top: 6px;
    border-radius: 5px;
    background: #d8a62e;
  }

  .pdp-review-listing__sort-wrap {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
  }

  .pdp-review-listing__sort {
    width: 172px;
    min-height: 42px;
    padding: 0 38px 0 18px;
    appearance: none;
    border: 1px solid #e8e7e4;
    border-radius: 24px;
    outline: none;
    background: #fff;
    color: #10213e;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 1px 2px rgb(16 33 62 / 3%);
  }

  .pdp-review-listing__sort:focus-visible {
    outline: 2px solid #d8a62e;
    outline-offset: 2px;
  }

  .pdp-review-listing__sort-icon {
    position: absolute;
    right: 14px;
    width: 15px;
    height: 15px;
    pointer-events: none;
    color: #10213e;
  }

  .pdp-review-listing__visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .pdp-review-card {
    display: grid;
    grid-template-columns: 52px 70% 20%;
    align-items: start;
    column-gap: 13px;
    width: 100%;
    min-height: 208px;
    padding: 12px 16px;
    border: 1px solid #e8e7e4;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgb(16 33 62 / 2%);
  }

  .pdp-review-card__avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #faebc9;
    color: #6f6145;
    font-size: 25px;
    line-height: 1;
  }

  .pdp-review-card__body {
    min-width: 0;
    padding-top: 2px;
  }

  .pdp-review-card__identity {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    min-height: 20px;
  }

  .pdp-review-card__name {
    margin: 0;
    color: #091629;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
  }

  .pdp-review-card__verified {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #ba8a38;
    font-size: 14px;
    line-height: 1.3;
    white-space: nowrap;
  }

  .pdp-review-card__verified-icon {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
  }

  .pdp-review-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 5px;
  }

  .pdp-review-card__stars {
    color: #c58a17;
    font-size: 19px;
    line-height: 1;
    letter-spacing: -1px;
    white-space: nowrap;
  }

  .pdp-review-card__half-star {
    background: linear-gradient(90deg, #c58a17 50%, #d9d9d9 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .pdp-review-card__date {
    color: #68748a;
    font-size: 13px;
    line-height: 1.4;
  }

  .pdp-review-card__headline {
    margin: 5px 0 2px;
    color: #10213e;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
  }

  .pdp-review-card__text {
	max-width: 660px;
    margin: 0;
    color: #091629;
    font-size: 16px;
    line-height: 1.5;
  }

  .pdp-review-card__photos {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
  }

  .pdp-review-card__photo-link {
    display: block;
    width: 72px;
    height: 61px;
    overflow: hidden;
    border: 1px solid #e7dfcf;
    border-radius: 8px;
    background: #f8f2e5;
  }

  .pdp-review-card__photo {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .pdp-review-card__actions {
    display: flex;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-width: 0;
    margin: 16px 0 12px;
    padding-left: 14px;
    border-left: 1px solid #e9e7e2;
  }

  .pdp-review-card__action {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 5px 0;
    border: 0;
    background: transparent;
    color: #091629;
    font-size: 16px;
    line-height: 1.4;
    white-space: nowrap;
    cursor: pointer;
  }

  .pdp-review-card__action:focus-visible {
    outline: 2px solid #d8a62e;
    outline-offset: 3px;
    border-radius: 3px;
  }

  .pdp-review-card__helpful svg {
    width: 19px;
    height: 19px;
    flex: 0 0 auto;
  }

  .pdp-review-card__helpful:hover,
  .pdp-review-card__report:hover {
    color: #a66f0b;
  }

  .pdp-review-card__action-divider {
    width: 1px;
    height: 24px;
    flex: 0 0 auto;
    background: #e5e2dc;
  }

  @media (max-width: 760px) {
    .pdp-review-listing__title {
      font-size: 21px;
    }

    .pdp-review-listing__sort {
      width: 145px;
      min-height: 39px;
      padding-left: 13px;
      font-size: 13px;
    }

    .pdp-review-card {
      grid-template-columns: 42px minmax(0, 1fr);
      gap: 10px;
      padding: 13px;
    }

    .pdp-review-card__avatar {
      width: 42px;
      height: 42px;
      font-size: 22px;
    }

    .pdp-review-card__actions {
      grid-column: 2;
      justify-content: flex-start;
      min-height: 34px;
      margin: 3px 0 0;
      padding: 8px 0 0;
      border-top: 1px solid #efede8;
      border-left: 0;
    }

    .pdp-review-card__text {
      font-size: 13px;
    }

    .pdp-review-card__photo-link {
      width: 64px;
      height: 58px;
    }
  }

  @media (max-width: 420px) {

    .pdp-review-listing__title {
      font-size: 19px;
    }

    .pdp-review-listing__sort {
      width: 128px;
      padding-left: 10px;
      font-size: 12px;
    }

    .pdp-review-card__identity {
      align-items: flex-start;
      flex-direction: column;
      gap: 3px;
    }
  }


/* review design */

/* faq design */

.kr-faq-page { min-height: 100vh; }
.kr-faq-hero { position: relative; overflow: hidden; padding: 76px 24px 66px; background: linear-gradient(115deg, #111f38 0%, #1c2c49 60%, #273854 100%); color: #fff; }
.kr-faq-hero::before { content: ""; position: absolute; width: 360px; height: 360px; right: -90px; top: -180px; border: 1px solid rgba(220,177,85,.32); border-radius: 50%; box-shadow: 0 0 0 34px rgba(220,177,85,.04), 0 0 0 70px rgba(220,177,85,.035); }
.kr-faq-hero::after { content: ""; position: absolute; width: 220px; height: 220px; left: -110px; bottom: -150px; border: 1px solid rgba(220,177,85,.25); border-radius: 50%; }
.kr-faq-hero-inner { position: relative; z-index: 1; width: min(1120px, 100%); margin: 0 auto; text-align: center; }
.kr-faq-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 17px; color: #f0cf83; font-size: 11px; font-weight: 600; letter-spacing: 2.3px; text-transform: uppercase; }
.kr-faq-eyebrow::before, .kr-faq-eyebrow::after { content: ""; display: block; width: 25px; height: 1px; background: #d9ad55; }
.kr-faq-hero h1 { margin: 0; color: #fff; font-size: clamp(34px, 5vw, 56px); font-weight: 500; letter-spacing: -.8px; }
.kr-faq-hero p { max-width: 600px; margin: 18px auto 0; color: #d7deea; font-size: 15px; line-height: 1.8; }
.kr-faq-wrap { width: min(1120px, calc(100% - 40px)); margin: 0px auto 0px; position: relative; z-index: 2; }
.kr-faq-searchbox { display: flex; align-items: center; gap: 13px; max-width: 650px; margin: 0 auto 34px; padding: 7px 8px 7px 19px; border: 1px solid #e8e2d6; border-radius: 12px; background: #fff; box-shadow: 0 12px 32px rgba(21,33,53,.09); }
.kr-faq-search-icon { flex: 0 0 auto; width: 20px; height: 20px; color: #a67c2e; }
.kr-faq-searchbox input { width: 100%; min-width: 0; padding: 12px 0; border: 0; outline: 0; background: transparent; color: #17243b; font-size: 14px; }
.kr-faq-searchbox input::placeholder { color: #8b929d; }
.kr-faq-searchbox button { flex: 0 0 auto; padding: 12px 20px; border: 0; border-radius: 8px; background: #c99c45; color: #17243b; font-size: 12px; font-weight: 600; cursor: pointer; }
.kr-faq-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 28px; align-items: start; }
.kr-faq-sidebar { padding: 24px 18px; border: 1px solid #eee8dc; border-radius: 14px; background: #fff; }
.kr-faq-sidebar h2 { margin: 0 0 15px; font-size: 19px; font-weight: 600; }
.kr-faq-category {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    margin: 4px 0;
    padding: 12px 11px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #091629;
    text-align: left;
    font-size: 14px;
    cursor: pointer;
    transition: background .2s, color .2s;
}
.kr-faq-category:hover, .kr-faq-category.is-active {
    background: #fbf4e5;
    color: #ba8a38;
}
.kr-faq-category.is-active { font-weight: 600; }
.kr-faq-category svg { width: 18px; height: 18px; flex: 0 0 auto; }
.kr-faq-sidebar-note { margin: 20px 2px 0; padding: 17px 14px; border-radius: 10px; background: #f8f5ee; color: #5c6470; font-size: 12px; line-height: 1.7; }
.kr-faq-sidebar-note strong { display: block; margin-bottom: 5px; color: #091629; font-size: 13px; }
.kr-faq-main { min-width: 0; }
.kr-faq-section-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 4px 0 16px; }
.kr-faq-section-head h2 { margin: 0; color: #091629;font-size: 27px; font-weight: 500;font-family: "Fraunces", serif; }
.kr-faq-section-head p { margin: 7px 0 0; color: #78808d; font-size: 13px; line-height: 1.5; }
.kr-faq-count { flex: 0 0 auto; color: #8c713d; font-size: 12px; }
.kr-faq-list { display: grid; gap: 11px; }
.kr-faq-item { overflow: hidden; border: 1px solid #eae6de; border-radius: 12px; background: #fff; transition: border-color .2s, box-shadow .2s; }
.kr-faq-item[open] { border-color: #dfc58f; box-shadow: 0 7px 20px rgba(26,37,55,.035); }
.kr-faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 10px 10px; color: #091629; font-size: 14px; font-weight: 600; line-height: 1.5; cursor: pointer; list-style: none; }
.kr-faq-item summary::-webkit-details-marker { display: none; }
.kr-faq-question {
    display: flex;
    align-items: center;
    gap: 13px;
    font-size: 16px;
}
.kr-faq-qmark { display: inline-flex; align-items: center; justify-content: center; width: 29px; height: 29px; flex: 0 0 auto; border-radius: 50%; background: #fbf2df; color: #a57927; font-size: 15px; }
.kr-faq-toggle { display: flex; align-items: center; justify-content: center; width: 27px; height: 27px; flex: 0 0 auto; border: 1px solid #e7dfcf; border-radius: 50%; color: #946b25; transition: transform .2s, background .2s; }
.kr-faq-toggle svg { width: 13px; height: 13px; }
.kr-faq-item[open] .kr-faq-toggle { transform: rotate(180deg); background: #fbf2df; }
.kr-faq-answer { padding: 0 62px 21px; color: #667080; font-size: 13px; line-height: 1.85; }
.kr-faq-answer p { margin: 0 0 9px; }
.kr-faq-answer a { color: #9b7128; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.kr-faq-empty { display: none; padding: 28px; border: 1px dashed #d9d1c2; border-radius: 12px; color: #6c7480; background: #fff; text-align: center; font-size: 14px; }
.kr-faq-contact { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 27px; padding: 24px 27px; border: 1px solid #e9dfca; border-radius: 14px; background: linear-gradient(120deg, #fffdf8, #f8f2e5); }
.kr-faq-contact h3 { margin: 0 0 7px; color: #17243b; font-size: 20px; font-weight: 500; }
.kr-faq-contact p { margin: 0; color: #737b87; font-size: 12px; line-height: 1.7; }
.kr-faq-contact-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.kr-faq-contact-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 15px;
    border: 1px solid #ba8a38;
    border-radius: 8px;
    font-size: 14px;
    text-decoration: none;
    white-space: nowrap;
}
.kr-faq-contact-actions a.kr-faq-primary {
    border-color: #ba8a38;
    background: #ba8a38;
}
.kr-faq-contact-actions svg { width: 15px; height: 15px; }
.kr-faq-hidden { display: none !important; }
@media (max-width: 820px) {
  .kr-faq-hero { padding: 58px 20px 55px; }
  .kr-faq-layout { grid-template-columns: 1fr; gap: 21px; }
  .kr-faq-sidebar { padding: 15px; }
  .kr-faq-sidebar h2, .kr-faq-sidebar-note { display: none; }
  .kr-faq-categories { display: flex; gap: 7px; overflow-x: auto; padding-bottom: 2px; }
  .kr-faq-category { width: auto; flex: 0 0 auto; margin: 0; padding: 10px 12px; border: 1px solid #eee8dc; white-space: nowrap; }
  .kr-faq-category svg { display: none; }
  .kr-faq-section-head h2 { font-size: 24px; }
}
@media (max-width: 560px) {

  .kr-faq-hero { padding: 48px 17px 48px; }
  .kr-faq-hero p { font-size: 13px; }
  .kr-faq-searchbox { gap: 9px; padding-left: 12px; }
  .kr-faq-searchbox button { padding: 12px 13px; }
  .kr-faq-question { gap: 9px; }
  .kr-faq-contact { align-items: flex-start; flex-direction: column; padding: 20px; }
  .kr-faq-contact-actions { width: 100%; }
  .kr-faq-contact-actions a { flex: 1 1 auto; }
  .kr-faq-count { display: none; }
}

/* faq design */

/* login modal design */

.krlm-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(12, 22, 39, .62);
  backdrop-filter: blur(7px);
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
}
.krlm-overlay.krlm-is-open { opacity: 1; visibility: visible; }
.krlm-modal {
  position: relative;
  width: min(100%, 940px);
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  overflow: hidden;
  border: 1px solid rgba(218, 177, 77, .38);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 28px 90px rgba(4, 13, 29, .3);
  transform: translateY(16px) scale(.985);
  transition: transform .28s ease;
}
.krlm-overlay.krlm-is-open .krlm-modal { transform: translateY(0) scale(1); }
.krlm-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid #e7e8eb;
  border-radius: 50%;
  color: #14233d;
  background: rgba(255,255,255,.92);
  font-size: 20px;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}
.krlm-close:hover { background: #fff2d0; transform: rotate(90deg); }
.krlm-brand-panel {
    position: relative;
    isolation: isolate;
    min-height: 560px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 42px 38px 34px;
    overflow: hidden;
    color: #fff;
    background-color: #091629;
}
.krlm-brand-panel::before,
.krlm-brand-panel::after {
  position: absolute;
  z-index: -1;
  content: "";
  border: 1px solid rgba(221, 181, 87, .24);
  border-radius: 50%;
  pointer-events: none;
}
.krlm-brand-panel::before { width: 420px; height: 420px; right: -190px; top: 80px; }
.krlm-brand-panel::after { width: 310px; height: 310px; right: -135px; top: 135px; }
.krlm-brand-mark { display: flex; align-items: center; gap: 13px; }
.krlm-mark-icon {
  width: 45px; height: 45px; display: grid; place-items: center;
  border: 1px solid rgba(224, 187, 96, .62); border-radius: 14px;
  color: #e8c56e; font-size: 24px;
}
.krlm-brand-name { font-size: 20px; font-weight: 600; letter-spacing: .02em; }
.krlm-brand-sub { margin-top: 3px; color: #d4dbe5; font-size: 10px; letter-spacing: .22em; text-transform: uppercase; }
.krlm-brand-copy { max-width: 320px; margin: 52px 0 40px; }
.krlm-eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #e9c875; font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.krlm-eyebrow::before { width: 25px; height: 1px; background: #d9b65d; content: ""; }
.krlm-brand-copy h2 { margin: 18px 0 15px; font-size: clamp(30px, 3vw, 40px); font-weight: 600; line-height: 1.15; letter-spacing: -.025em; }
.krlm-brand-copy p { margin: 0; max-width: 290px; color: #d0d8e4; font-size: 14px; line-height: 1.8; }
.krlm-benefits { display: grid; gap: 15px; margin: 0; padding: 0; list-style: none; }
.krlm-benefits li {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #e3e8ef;
    font-size: 15px;
}
.krlm-benefits i { color: #e6c36c; font-size: 17px; }
.krlm-brand-foot {
    margin-top: 30px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, .14);
    color: #bfc9d8;
    font-size: 13px;
}
.krlm-form-panel { padding: 58px 54px 42px; }
.krlm-form-top { margin-bottom: 30px; }
.krlm-form-top h1 { margin: 0 0 9px; color: #091629; font-size: 32px; font-weight: 600; line-height: 1.2; letter-spacing: -.025em; }
.krlm-form-top p { margin: 0; color: #697386; font-size: 13px; line-height: 1.65; }
.krlm-form-top p strong { color: #091629; font-weight: 600; }
.krlm-field { margin-bottom: 18px; }
.krlm-field label { display: block; margin-bottom: 8px; color: #091629; font-size: 12px; font-weight: 600; }
.krlm-input-wrap { position: relative; }
.krlm-input-icon { position: absolute; top: 50%; left: 15px; color: #8992a1; font-size: 18px; transform: translateY(-50%); pointer-events: none; }
.krlm-input {
  width: 100%; height: 49px; border: 1px solid #dfe3e9; border-radius: 10px;
  padding: 0 44px 0 44px; outline: none; background: #fff; color: #172944;
  font-size: 13px; font-weight: 400; transition: border-color .2s, box-shadow .2s;
}
.krlm-input::placeholder { color: #a1a8b4; }
.krlm-input:focus { border-color: #c7a24a; box-shadow: 0 0 0 3px rgba(207, 168, 75, .15); }
.krlm-password-toggle { position: absolute; top: 50%; right: 12px; display: grid; place-items: center; width: 28px; height: 28px; border: 0; background: transparent; color: #7b8493; font-size: 18px; cursor: pointer; transform: translateY(-50%); }
.krlm-form-options { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 2px 0 23px; }
.krlm-remember { display: inline-flex; align-items: center; gap: 8px; color: #667184; font-size: 11px; cursor: pointer; }
.krlm-remember input { accent-color: #b68a2e; }
.krlm-link { color: #8a641d; font-size: 11px; font-weight: 600; text-decoration: none; }
.krlm-link:hover { color: #14233d; text-decoration: underline; }
.krlm-submit {
    width: 100%;
    min-height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 0;
    border-radius: 10px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 7px 16px rgba(20, 35, 61, .13);
    transition: background .2s, transform .2s;
}
.krlm-submit:hover { background: #203958; transform: translateY(-1px); }
.krlm-divider { display: flex; align-items: center; gap: 13px; margin: 23px 0; color: #9aa2ae; font-size: 10px; }
.krlm-divider::before, .krlm-divider::after { height: 1px; flex: 1; background: #e9ebef; content: ""; }
.krlm-social { width: 100%; min-height: 45px; display: flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid #dfe3e9; border-radius: 10px; background: #fff; color: #26354b; font-size: 12px; font-weight: 600; cursor: pointer; transition: background .2s, border-color .2s; }
.krlm-social:hover { border-color: #c7a24a; background: #fffdf7; }
.krlm-social i { font-size: 18px; }
.krlm-register { margin: 24px 0 0; text-align: center; color: #697386; font-size: 12px; }
.krlm-register a { margin-left: 4px; color: #8a641d; font-weight: 600; text-decoration: none; }
.krlm-register a:hover { text-decoration: underline; }
.krlm-secure-note { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 27px; color: #8a93a0; font-size: 10px; }
.krlm-secure-note i { color: #b38a36; font-size: 14px; }
.krlm-feedback { min-height: 16px; margin: 12px 0 0; color: #a33b32; font-size: 11px; text-align: center; }
.grams-wrap {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.grams-wrap a 
{
    width: 60px;
    color: #000000;
    border-radius: 4px;
    text-align: center;
    background: rgb(199 199 199 / 48%);
}

.kdn-dropdown-menu {
	display: flex;
    width: 504px;
    gap: 30px;
}

.dd-single-row .kdn-dropdown-menu 
{
    width: 214px;
}

.weight-title-wrap {
    border-left: 1px solid #bdc1c1;
    padding-left: 35px;
}

.weight-title-wrap span {
    color: #091629;
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    margin-bottom: 10px;
}

.kdn-contact-reference-container {
    width: 70%;
    margin: 0 auto;
    color: #09253a;
    margin-bottom: 40px;
}

.kdn-company-heading {
	text-align: center;
    color: #091629;
    font-size: 25px;
    font-weight: 600;
    margin: 0 0 20px;
	font-family: "Fraunces", serif;
}

.kdn-office-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 17px;
}

.kdn-office-item:nth-child(4n+1) {
    padding-left: 16px;
}
.kdn-office-item {
    min-width: 0;
    padding: 10px 16px 5px;
    border-right: 1px solid #858585;
}

.kdn-office-item h3 {
	font-size: 16px;
    font-weight: 600;
    color: #252525;
    margin: 0 0 8px;
}

.kdn-office-item p {
	font-size: 15px;
    line-height: 1.58;
    color: #09253a;
    margin: 0;
}

.kdn-office-item a {
    color: inherit;
    text-decoration: none;
}

@media (max-width: 760px) {
  .krlm-overlay { padding: 12px; overflow-y: auto; align-items: start; }
  .krlm-modal { grid-template-columns: 1fr; width: min(100%, 470px); margin: auto; border-radius: 20px; }
  .krlm-brand-panel { min-height: auto; padding: 25px 24px 23px; }
  .krlm-brand-copy { margin: 27px 0 22px; }
  .krlm-brand-copy h2 { max-width: 330px; margin-top: 12px; font-size: 28px; }
  .krlm-brand-copy p { max-width: 360px; font-size: 12px; }
  .krlm-benefits { grid-template-columns: 1fr 1fr; gap: 10px; }
  .krlm-benefits li { font-size: 10px; }
  .krlm-brand-foot { margin-top: 18px; padding-top: 12px; }
  .krlm-form-panel { padding: 30px 24px 26px; }
  .krlm-form-top { margin-bottom: 23px; }
  .krlm-form-top h1 { font-size: 28px; }
  .krlm-close { top: 12px; right: 12px; }
}
@media (max-width: 380px) {
  .krlm-benefits { grid-template-columns: 1fr; }
  .krlm-form-panel { padding-right: 18px; padding-left: 18px; }
  .krlm-brand-panel { padding-right: 20px; padding-left: 20px; }
  .krlm-form-options { align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .krlm-overlay, .krlm-modal, .krlm-close, .krlm-submit { transition: none; }
}


body.krlm-login-modal-open { overflow: hidden; }



/* login modal design */

/* watch video popup design */

/* Video Popup - Center Screen Modal */
.video-popup {
  display: none;
  position: fixed !important;
  inset: 0 !important;
  width: 100vw;
  height: 100vh;
  z-index: 999999 !important;
  background: rgba(0, 0, 0, 0.85);
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}

.video-popup.is-open {
  display: flex !important;
}

.video-popup__dialog {
  position: relative;
  width: min(900px, 95vw);
  max-height: 90vh;
  margin: auto;
  background: #000;
  border-radius: 12px;
  overflow: hidden;
}

#popupVideo {
  display: block;
  width: 100%;
  max-height: 80vh;
  object-fit: contain;
}

.video-popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #000;
  font-size: 28px;
  cursor: pointer;
}

.video-popup__audio {
  position: absolute;
  bottom: 12px;
  left: 12px;
  z-index: 10;
  padding: 10px 14px;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
}

body.video-popup-open {
  overflow: hidden;
}

@media (max-width: 600px) {
  .video-popup {
    padding: 10px;
  }

  .video-popup__dialog {
    width: 100%;
    max-height: 90vh;
  }

  #popupVideo {
    max-height: 80vh;
  }
}


/* watch video popup design */




.fill-button
{
	color: #fff;
    border-radius: 5px;
    background: #ba8a38;
    border: 1px solid #ba8a38;
    transition: background .25s ease, color .25s ease, border-color .25s ease;
}

.fill-button:hover
{
    color: #ba8a38;
    border-color: #ba8a38;	
    background: transparent;
}

.fill-white-button
{
	color: #fff;
    border-radius: 5px;
    background: #ba8a38;
    border: 1px solid #ba8a38;
    transition: background .25s ease, color .25s ease, border-color .25s ease;
}

.fill-white-button:hover
{
    color: #091629;
    background: #fff;
    border: 1px solid #fff;	
}

.fill-prime-button
{
	color: #091629;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #fff;
    transition: background .25s ease, color .25s ease, border-color .25s ease;
}

.fill-prime-button:hover
{
    color: #fff;
    background: #ba8a38;
    border: 1px solid #ba8a38;
}

.outline-button
{
	color:#000;
	border-radius:5px;
	background: #fff;
    border: 1px solid #ba8a38;
	transition: background .25s ease, color .25s ease, border-color .25s ease;		
}

.outline-button:hover
{
	color:#fff;
	background: #ba8a38;
    border: 1px solid #ba8a38;		
}

.arrow-right
{
    font-weight: 500;
    font-size: 20px;	
}

.footer-accor-wrap {
	display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}


/* responsive fixes */

/* --- Mobile Bottom Nav (Desktop par hide rahega) --- */
.kdn-mobile-bottom-nav {
    display: none;
}

/* --- Mobile Screens Only (Max-width: 1020px) --- */
@media (max-width: 1020px) {
    /* Bottom nav ke liye space taaki content na chhupe */
    body {
        padding-bottom: 85px !important;
    }

    /* Header Layout Trick: Bina HTML change kiye design set karna */
    .kdn-header-inner {
        position: relative;
    }

    /* Logo ko Center mein fix karna */
    .kdn-brand {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        z-index: 10;
    }

    /* Actions ko width 100% dekar row-reverse karna jisse Hamburger left aur Cart right chala jaye */
    .kdn-header-actions {
        width: 100%;
        margin-left: 0;
        justify-content: space-between;
        flex-direction: row-reverse; 
    }

    /* Top header se extra icons hide karna (kyunki ab wo bottom nav mein hain) */
    .kdn-header-actions .kdn-icon-btn:not(.kdn-cart-btn),
    .kdn-header-actions .kdn-search-wrap {
        display: none;
    }

    /* --- Floating Bottom Navigation Bar Design --- */
    .kdn-mobile-bottom-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        bottom: 15px;
        left: 15px;
        right: 15px;
        background-color: #091629; /* Aapka Theme Dark Blue */
        border-radius: 12px;
        padding: 12px 25px;
        z-index: 9999;
        box-shadow: 0 8px 24px rgba(9, 22, 41, 0.4);
    }

    .bottom-nav-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        color: #ffffff;
        text-decoration: none;
        font-family: "Poppins", sans-serif;
        transition: color 0.3s ease;
    }

    .bottom-nav-item i {
        font-size: 22px;
        line-height: 1;
    }

    .bottom-nav-item span {
        font-size: 11px;
        font-weight: 500;
        line-height: 1;
    }

    .bottom-nav-item.active,
    .bottom-nav-item:hover {
        color: #ba8a38;
    }
}

/* mobile screens ke liye slight adjustment */
@media (max-width: 620px) {
    .kdn-mobile-bottom-nav {
        padding: 18px 30px;
        bottom: 10px;
        left: 10px;
        right: 10px;
    }
    .bottom-nav-item i {
        font-size: 20px;
    }
    .bottom-nav-item span {
        font-size: 16px;
        font-weight: 400;
    }
}

/* Mobile-only horizontal flex slider for Kundan collections */
@media (max-width: 767px) {
    .kdn-collection-sect .kdn-collection-image-grid {
        display: flex !important;
        flex-flow: row nowrap !important;
        gap: 12px !important;
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 0 2px 16px !important;
        scroll-padding-left: 2px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .kdn-collection-sect .kdn-collection-image-grid::-webkit-scrollbar {
        display: none;
    }

    .kdn-collection-sect .kdn-collection-image-card {
        flex: 0 0 82% !important;
        width: 82% !important;
        max-width: 82% !important;
        min-width: 0 !important;
        height: auto !important;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .kdn-collection-sect .kdn-collection-image-card img {
        display: block;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 0.752 / 1 !important;
        object-fit: cover;
    }
	
	.cart-pdiv {
		background: #fdfcf8;
		padding: 40px 16px 40px;
	}

	.cart-table-summary-wrap {
        flex-direction: column;
        row-gap: 20px;
	}

	.kcart-summary-wrap {
		width: 100%;
	}

	.kcart-benefit {
		min-height: 130px;
	}
	
	.kcart-benefits
	{
		padding: 0px 0;		
	}
	
}

/* responsive fixes */

@media (max-width: 767px) {
  .kdn-collection-image-grid {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 1px 8px;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 1px;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .kdn-collection-image-grid::-webkit-scrollbar {
    display: none;
  }

  .kdn-collection-image-grid > .kdn-collection-image-card {
    display: block;
    flex: 0 0 82%;
    width: 82%;
    min-width: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
}

@media (max-width: 390px) {
  .kdn-collection-image-grid > .kdn-collection-image-card {
    flex-basis: 86%;
    width: 86%;
  }
}


.kdn-feature-sect .container,
.kdn-feature-sect .cards-cover,
.kdn-feature-sect .grid-two,
.kdn-feature-sect .grid-one,
.kdn-feature-sect .feature-card-wrap {
  min-width: 0;
}

.kdn-feature-sect {
  overflow: hidden;
}

.kdn-feature-sect .cards-cover {
  gap: clamp(14px, 1.5vw, 22px);
}

.kdn-feature-sect .grid-two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 1.5vw, 22px);
}

.kdn-feature-sect .feature-card-wrap {
  isolation: isolate;
  min-height: 0;
  aspect-ratio: 1.75 / 1;
  border-radius: clamp(12px, 1.2vw, 18px);
  background: #101010;
}

.kdn-feature-sect .feature-card-wrap > img {
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.kdn-feature-sect .feature-card-wrap:not(.feature-big-card-wrap) .kdn-feature-copy {
  top: 50%;
  left: clamp(20px, 2.5vw, 40px);
  width: min(52%, 440px);
  padding: 0;
  transform: translateY(-50%);
}

.kdn-feature-sect .kdn-feature-copy h2 {
  font-size: clamp(28px, 2.65vw, 42px);
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.kdn-feature-sect .kdn-feature-description {
  max-width: 100%;
  font-size: clamp(15px, 1.35vw, 21px);
  line-height: 1.45;
  margin: 12px 0 18px;
}

.kdn-feature-sect .kdn-feature-points {
  flex-wrap: wrap;
  gap: clamp(10px, 1.5vw, 22px);
  margin-top: 16px;
}

.kdn-feature-sect .kdn-quality {
  gap: 7px;
  min-width: 0;
}

.kdn-feature-sect .kdn-feature-button {
  max-width: 100%;
  min-height: 42px;
  margin-top: 22px;
  padding: 11px 16px;
  font-size: 14px;
  line-height: 1.3;
  white-space: normal;
}

.kdn-feature-sect .grid-one .feature-big-card-wrap {
    min-height: 450px;
    aspect-ratio: unset;
}

.kdn-feature-sect .feature-big-card-wrap .kdn-feature-copy {
  left: clamp(24px, 3vw, 48px);
  width: min(58%, 660px);
}

.kdn-feature-sect .feature-big-card-wrap .kdn-feature-copy .kdn-feature-description {
  max-width: 560px;
  font-size: clamp(16px, 1.35vw, 21px);
}

@media (max-width: 1199.98px) {
  .kdn-feature-sect {
    padding: 60px 0;
  }

  .kdn-feature-sect .feature-card-wrap:not(.feature-big-card-wrap) .kdn-feature-copy {
    width: 58%;
  }

  .kdn-feature-sect .kdn-feature-kicker {
    gap: 8px;
  }

  .kdn-feature-sect .kdn-feature-kicker p {
    font-size: 11px;
    letter-spacing: 2px;
  }

  .kdn-feature-sect .kdn-feature-kicker span {
    width: 24px;
    flex: 0 0 24px;
  }

  .kdn-feature-sect .kdn-feature-copy h2 {
    font-size: clamp(25px, 3vw, 35px);
  }

  .kdn-feature-sect .kdn-feature-description {
    font-size: 15px;
    margin-bottom: 12px;
  }

  .kdn-feature-sect .kdn-feature-points {
    gap: 10px;
  }

  .kdn-feature-sect .kdn-quality i {
    font-size: 18px;
  }

  .kdn-feature-sect .kdn-feature-points b,
  .kdn-feature-sect .kdn-feature-points small {
    font-size: 11px;
  }

  .kdn-feature-sect .kdn-feature-button {
    margin-top: 16px;
    font-size: 12px;
    padding: 10px 12px;
  }
}

@media (max-width: 767.98px) {
  .kdn-feature-sect {
    padding: 42px 0;
  }

  .kdn-feature-sect .cards-cover {
    gap: 14px;
  }

  .kdn-feature-sect .grid-two {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .kdn-feature-sect .feature-card-wrap:not(.feature-big-card-wrap) .kdn-feature-copy,
  .kdn-feature-sect .feature-big-card-wrap .kdn-feature-copy {
    top: 50%;
    left: 20px;
    width: min(72%, 390px);
    padding: 0;
    transform: translateY(-50%);
  }

  .kdn-feature-sect .kdn-feature-kicker {
    gap: 7px;
  }

  .kdn-feature-sect .kdn-feature-kicker p {
    font-size: 15px;
    letter-spacing: 1.6px;
  }

  .kdn-feature-sect .kdn-feature-kicker span {
    width: 18px;
    flex-basis: 18px;
  }

  .kdn-feature-sect .kdn-feature-copy h2 {
    margin-top: 12px;
    font-size: clamp(27px, 6.4vw, 36px);
    line-height: 1.08;
    letter-spacing: -.7px;
  }

  .kdn-feature-sect .kdn-feature-description,
  .kdn-feature-sect .feature-big-card-wrap .kdn-feature-copy .kdn-feature-description {
    max-width: 100%;
    margin: 10px 0 12px;
    font-size: clamp(12px, 3.2vw, 15px);
    line-height: 1.45;
  }

  .kdn-feature-sect .kdn-feature-points {
    gap: 10px 13px;
    margin-top: 12px;
  }

  .kdn-feature-sect .kdn-quality {
    gap: 5px;
  }

  .kdn-feature-sect .kdn-quality i {
    font-size: 17px;
  }

  .kdn-feature-sect .kdn-feature-points b,
  .kdn-feature-sect .kdn-feature-points small {
    font-size: 10px;
    line-height: 1.25;
  }

  .kdn-feature-sect .kdn-feature-button {
    min-height: 38px;
    margin-top: 15px;
    padding: 9px 12px;
    font-size: 11px;
    gap: 7px;
  }

}

@media (max-width: 420px) {
  .kdn-feature-sect {
    padding: 34px 0;
  }

  .kdn-feature-sect .feature-card-wrap:not(.feature-big-card-wrap) .kdn-feature-copy,
  .kdn-feature-sect .feature-big-card-wrap .kdn-feature-copy {
    left: 15px;
    width: 76%;
  }

  .kdn-feature-sect .kdn-feature-copy h2 {
    font-size: 30px;
  }

  .kdn-feature-sect .kdn-feature-description,
  .kdn-feature-sect .feature-big-card-wrap .kdn-feature-copy .kdn-feature-description {
    font-size: 12px;
  }

  .kdn-feature-sect .kdn-feature-points {
    gap: 8px 10px;
  }

  .kdn-feature-sect .kdn-feature-button {
	margin-top: 22px;
	font-size: 15px;
  }
}

/* Mobile hamburger side panel — final override */
@media (max-width: 1020px) {
  .kdn-header {
	position: relative;
	z-index: 99999;
	height: 75px;
	display: flex;
	align-items: center;
  }
  
	a.kdn-brand svg {
		width: 75px !important;
		height: 75px !important;
	}  

  .kdn-header .kdn-mobile-toggle {
    position: relative;
    z-index: 5002;
  }

  .kdn-header .kdn-mobile-panel {
	display: block !important;
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        width: 100% !important;
        height: 100dvh !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 78px 0 24px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        background: #091629 !important;
        border: 0 !important;
        box-shadow: -18px 0 45px rgba(0, 0, 0, .28);
        transform: translate3d(110%, 0, 0) !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: transform .35s ease, visibility .35s ease;
        z-index: 5001;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
  }

  .kdn-header.kdn-menu-open .kdn-mobile-panel {
    max-height: none !important;
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.kdn-mobile-menu-open {
    overflow: hidden !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kdn-header .kdn-mobile-panel {
    transition: none;
  }
}


/* Landscape Warning - Mobile Only */


/* Landscape Warning - Hidden by Default */
.landscape-warning {
    display: none;
}

/* Mobile + Tablet Landscape */
@media screen
    and (max-width: 1024px)
    and (orientation: landscape)
    and (pointer: coarse) {

    .landscape-warning {
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100%;
        min-height: 100dvh;
        z-index: 999999;
        background: #ffffff;
        color: #222222;

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

        text-align: center;
        padding: 24px;
        box-sizing: border-box;
    }

    .landscape-content {
        width: 100%;
        max-width: 420px;
    }

    .rotate-icon {
        color: #b68a35;
        margin-bottom: 20px;
        animation: rotateDevice 2s ease-in-out infinite;
    }

    .landscape-content h2 {
        font-size: 22px;
        line-height: 1.4;
        margin: 0 0 12px;
        font-weight: 700;
    }

    .landscape-content p {
        font-size: 16px;
        line-height: 1.6;
        margin: 0;
        color: #666666;
    }

    body {
        overflow: hidden;
    }
}

@keyframes rotateDevice {
    0%, 100% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(-90deg);
    }
}




/* services page design */

.kdn-svc-page {
	width: 100%;
	color: #17191b;
}

.kdn-svc-page *,
.kdn-svc-page *::before,
.kdn-svc-page *::after {
	box-sizing: border-box;
}

.kdn-svc-hero {
	border-radius: 20px;
	position: relative;
	isolation: isolate;
	width: 100%;
	min-height: 300px;
	height: clamp(300px, 28vw, 460px);
	overflow: hidden;
	color: #fff;
	background: #17130d url("../images/serv-bkg.png") center center / cover no-repeat;
}

.kdn-svc-hero-shade {
	inset: 0;
	z-index: -1;
	position: absolute;
	background: linear-gradient(90deg, rgba(6, 12, 15, .94) 0%, rgba(6, 12, 15, .82) 30%, rgba(6, 12, 15, .26) 52%, rgba(6, 12, 15, .02) 76%);
}

.kdn-svc-hero-inner {
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	width: min(100% - 9%, 1450px);
}

.kdn-svc-hero-copy {
	padding: 25px 0;
	width: min(48%, 600px);
}

.kdn-svc-kicker {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 16px;
	color: #ba8a38;
	font-size: 12px;
	line-height: 1.4;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.kdn-svc-kicker i {
	width: 54px;
	height: 1px;
	display: block;
	flex: 0 0 54px;
}

.kdn-svc-hero h1 {
	margin: 0;
	color: #fff;
	line-height: 1.03;
	font-weight: 400;
	letter-spacing: -.8px;
	font-size: clamp(32px, 3.5vw, 54px);
	font-family: "Fraunces", serif;
}

.kdn-svc-hero h1 span {
	color: #ba8a38;
}

.kdn-svc-promises {
    display: grid;
    margin-top: 24px;
    gap: 40px;
    grid-template-columns: repeat(4, minmax(58px, 76px));
}

.kdn-svc-promise {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 500;
    text-transform: uppercase;
}

.kdn-svc-promise-icon {
    width: 47px;
    height: 47px;
    display: grid;
    line-height: 1;
    font-size: 23px;
    color: #ba8a38;
    border-radius: 50%;
    place-items: center;
    border: 1px solid #ba8a38;
}

.kdn-svc-intro {
    display: grid;
    background: #fff;
    align-items: center;
    padding: 80px 0;
}

.kdn-svc-intro-copy {
	min-width: 0;
	max-width: 680px;
}

.kdn-svc-kicker-dark {
	color: #a97a2c;
	margin-bottom: 17px;
}

.kdn-svc-intro h2 {
	margin: 0 0 20px;
	color: #091629;
	line-height: 1.08;
	font-weight: 400;
	letter-spacing: -.8px;
	font-size: clamp(30px, 3.3vw, 48px);
	font-family: "Fraunces", serif;
}

.kdn-svc-description {
	margin: 0 0 23px;
	color: #4d5760;
	font-size: 14px;
	line-height: 1.75;
	font-weight: 400;
}

.kdn-svc-button {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 0 22px;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 600;
  transition: background .2s ease, transform .2s ease;
  background: linear-gradient(110deg, #a5792e, #bd9142);
}

.kdn-svc-button:hover {
	background: #091629;
	transform: translateY(-2px);
}

.kdn-svc-button span {
	line-height: 1;
	font-size: 20px;
}

.kdn-svc-visual {
	min-width: 0;
	position: relative;
	margin: 0 14px 12px 0;
	min-height: clamp(270px, 30vw, 420px);
}
.kdn-svc-visual-back {
    position: absolute;
    right: -34px;
    bottom: -40px;
    width: 76%;
    height: 76%;
    background: #091629;
}
.kdn-svc-refining-photo {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: calc(100% - 14px);
  height: 100%;
  object-fit: cover;
  object-position: center;
  border: 4px solid #d7b56b;
}
.kdn-svc-note {
    position: absolute;
    z-index: 2;
    right: -14px;
    bottom: -22px;
    min-height: 220px;
    padding: 18px 22px;
    background: linear-gradient(140deg, #f1d58f, #c99d4e);
    box-shadow: 0 8px 25px rgba(0, 0, 0, .13);
}
.kdn-svc-note-icon {
  color: #886225;
  font-size: 25px;
}
.kdn-svc-note p {
	margin: 10px 0 15px;
    color: #201a10;
    font-family: "Fraunces", serif;
    font-size: 22px;
    line-height: 1.28;
    font-weight: 600;
}
.kdn-svc-note i {
  display: block;
  width: 40px;
  height: 1px;
  background: #8c692d;
}
@media (max-width: 1020px) {
  .kdn-svc-hero { height: clamp(320px, 39vw, 410px); }
  .kdn-svc-hero-copy { width: 53%; }
  .kdn-svc-hero h1 { font-size: clamp(32px, 4.2vw, 43px); }
  .kdn-svc-intro { gap: 30px; padding-left: 5%; padding-right: 5%; }
  .kdn-svc-description { font-size: 13px; }
  .kdn-svc-visual { min-height: 320px; }
  .kdn-svc-note { min-height: 170px; padding: 14px; }
  .kdn-svc-note p { font-size: 17px; }
}
@media (max-width: 700px) {
  .kdn-svc-hero {
        height: auto;
        min-height: 0;
        background-position: 62% center;
  }
  .kdn-svc-hero-shade {
    background: linear-gradient(90deg, rgba(6, 12, 15, .92), rgba(6, 12, 15, .66) 65%, rgba(6, 12, 15, .22));
  }
  .kdn-svc-hero-inner {
    width: auto;
    min-height: 0;
    margin: 0;
    padding: 30px 22px;
    align-items: flex-start;
  }
  .kdn-svc-hero-copy { width: 100%; padding-top: 12px; }
    .kdn-svc-kicker {
        gap: 8px;
        font-size: 12px;
        letter-spacing: 1.7px;
    }
  .kdn-svc-kicker i { width: 32px; flex-basis: 32px; }
    .kdn-svc-hero h1 {
        font-size: 26px;
        line-height: 30px;
    }
    .kdn-svc-promises {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 20px;
        margin-top: 27px;
    }
	.kdn-svc-promise span:last-child {
		width: 70%;
	}	
  .kdn-svc-promise { font-size: 14px; }
    .kdn-svc-promise-icon {
        width: 42px;
        height: 42px;
        font-size: 21px;
        color: #ffffff;
        border: 1px solid #ffffff;
    }
  .kdn-svc-intro { grid-template-columns: minmax(0, 1fr); gap: 30px; padding: 38px 22px 48px; }
  .kdn-svc-intro h2 { font-size: clamp(31px, 8vw, 38px); }
  .kdn-svc-description { font-size: 13px; line-height: 1.7; }
  .kdn-svc-button { font-size: 12px; padding: 0 16px; }
  .kdn-svc-visual { min-height: 290px; margin-right: 12px; margin-bottom: 12px; }
}
@media (max-width: 390px) {
  .kdn-svc-hero { height: 470px; }
  .kdn-svc-hero h1 { font-size: 33px; }
  .kdn-svc-promises { gap: 4px; }
  .kdn-svc-promise { font-size: 7px; }
  .kdn-svc-promise-icon { width: 37px; height: 37px; }
  .kdn-svc-visual { min-height: 250px; }
}

.kdn-lab {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 60px 0px;
    color: #091629;
}

.kdn-lab::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 470px;
  height: 470px;
  right: -135px;
  top: -235px;
  border: 1px solid rgba(216, 180, 104, .23);
  border-radius: 50%;
}
.kdn-lab::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 360px;
  height: 360px;
  right: -80px;
  bottom: -265px;
  border: 1px solid rgba(216, 180, 104, .18);
  border-radius: 50%;
}
.kdn-lab-inner {
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, .6fr);
    align-items: center;
    gap: 44px;
    width: 80%;
}
.kdn-lab-copy {
  max-width: 660px;
}
.kdn-lab-kicker {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 17px;
  color: #ba8a38;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.kdn-lab-kicker span {
  display: inline-grid;
  place-items: center;
  width: 29px;
  height: 29px;
  border: 1px solid rgba(216, 180, 106, .65);
  border-radius: 50%;
  font-size: 11px;
  letter-spacing: 0;
}
.kdn-lab h2 {
	margin: 0 0 18px;
    color: #091629;
    font-family: "Fraunces", serif;
    font-size: clamp(32px, 4vw, 52px);
    line-height: 1.06;
    font-weight: 400;
    letter-spacing: -.8px;
    width: 72%;
}
.kdn-lab h2 em {
    color: #ba8a38;
    font-style: normal;
}
.kdn-lab-description {
	max-width: 590px;
    margin: 0;
    color: #091629;
    font-size: 15px;
    line-height: 1.85;
    font-weight: 400;
}
.kdn-lab-details {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  margin-top: 20px;
}
.kdn-lab-details span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ba8a38;
    font-size: 15px;
    line-height: 1.5;
}
.kdn-lab-details i {
    display: inline-grid;
    place-items: center;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #ba8a38;
    color: #ffffff;
    font-size: 11px;
    font-style: normal;
}
.kdn-lab-link {
  display: inline-flex;
  align-items: center;
  gap: 22px;
  margin-top: 25px;
  padding: 0 0 8px;
  border-bottom: 1px solid #d8b46a;
  color: #e8c879;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
}
.kdn-lab-link span {
  font-size: 18px;
  transition: transform .2s ease;
}
.kdn-lab-link:hover span {
  transform: translate(3px, -3px);
}
.kdn-lab-accent {
  position: relative;
  justify-self: center;
  width: min(100%, 300px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
}
.kdn-lab-orbit {
  position: absolute;
  display: block;
  border: 1px solid rgba(216, 180, 106, .4);
  border-radius: 50%;
}
.kdn-lab-orbit-one {
  inset: 5%;
}
.kdn-lab-orbit-two {
  inset: 17%;
  border-style: dashed;
  border-color: rgba(216, 180, 106, .3);
}
.kdn-lab-seal {
	display: grid;
    place-items: center;
    width: 100px;
    height: 100px;
    border: 1px solid #ba8a38;
    border-radius: 50%;
    color: #ba8a38;
    font-family: "Fraunces", serif;
    font-size: 62px;
    line-height: 1;
    box-shadow: 0 0 0 12px rgba(216, 180, 106, .045), inset 0 0 30px rgba(216, 180, 106, .07);
}
@media (max-width: 760px) {
  .kdn-lab { padding: 38px 22px; }
  .kdn-lab-description { font-size: 13px; line-height: 1.75; }
  .kdn-lab-seal { width: 60px; height: 60px; font-size: 39px; }
  .kdn-lab-kicker { font-size: 10px; letter-spacing: 1.6px; }
}
@media (max-width: 380px) {
  .kdn-lab { padding: 32px 18px; }
  .kdn-lab-details { flex-direction: column; gap: 9px; }
}

section.gold-silver-sect {
    margin-bottom: 80px;
}

.gs-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #091629cf;
}

.service-support-wrap {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.gs-wrap {
	height: 400px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background-size: contain;
    background-image: url(../images/ss_bkg.png);
}

.hsubbtn-wrap {
    position: relative;
    z-index: 99;
    width: 40%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    height: 100%;
}

.hsubbtn-wrap h2 {
    margin-bottom: 20px;
    font-family: "Fraunces", serif;
}

.hsubbtn-wrap h2 span {
    color: #ba8a38;
}

.hsubbtn-wrap p {
    margin-bottom: 20px;
}

/* services page design */

/* technology page design */

.refinery-section {
	background-color: #fcf9f2;
	padding: 60px 0;
	font-family: 'Poppins', sans-serif;
	position: relative;
	overflow: hidden;
}

.refinery-heading-wrapper {
	margin-bottom: 30px;
}

.refinery-top-line {
	width: 60px;
	height: 2px;
	background-color: #b08d57;
	margin-bottom: 15px;
}

.refinery-main-title {
	color: #b08d57;
	font-size: 3.5rem;
	margin: 0;
	font-weight: 500;
	font-family: "Fraunces", serif;
}

.refinery-content-grid {
	display: flex;
	gap: 50px;
	position: relative;
	padding-top: 10px;
}

.refinery-text-column {
	flex: 1;
	color: #4a4a4a;
	font-size: 1rem;
	line-height: 1.7;
}

.refinery-text-column p {
	margin-top: 0;
}

.refinery-middle-divider {
	width: 1px;
	background-color: #ba8a38;
	position: relative;
	flex-shrink: 0;
}

.refinery-center-diamond {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	width: 8px;
	height: 8px;
	background-color: #fcf9f2;
	border: 1px solid #b08d57;
}

.hero-banner-area {
    position: relative;
    width: 100%;
    height: 90vh;
    min-height: 500px;
    background-image: url('../images/techno1.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    display: flex;
    align-items: center;
  }

  .hero-banner-area::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); 
    z-index: 1;
  }
  
  .hero-text-wrapper {
		max-width: 800px;
		position: relative;
		z-index: 99;  
	}

  .hero-headline-title {
    color: #ffffff;
    font-size: 3.5rem;
    line-height: 1.2;
    font-weight: 500;
    margin: 0;
    letter-spacing: 0.5px;
	font-family: "Fraunces", serif;
  }

  .hero-golden-italic {
    color: #d8a253;
    font-style: italic;
    font-weight: 400;
  }

  .hero-decorative-line {
    width: 120px;
    height: 2px;
    margin-top: 30px;
    background: linear-gradient(to right, #d8a253 40%, #5a4023 40%); 
  }

  .hero-scroll-btn {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 45px;
    height: 45px;
    border: 1.5px solid #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1.5rem;
    z-index: 2;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .hero-scroll-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  
.adv-purity-section {
    overflow: hidden;
    position: relative;
    background: url(../images/techno2.png);
	    background-size: cover
  }
  
  .adv-purity-wrapper {
    position: relative;
    display: flex;
  }

  /* Decorative Rings on the bottom left */
  .adv-purity-deco-ring-1 {
    position: absolute;
    bottom: -150px;
    left: -150px;
    width: 400px;
    height: 400px;
    border: 1px solid rgba(216, 162, 83, 0.15);
    border-radius: 50%;
    z-index: 0;
  }

  .adv-purity-deco-ring-2 {
    position: absolute;
    bottom: -220px;
    left: -220px;
    width: 600px;
    height: 600px;
    border: 1px solid rgba(216, 162, 83, 0.08);
    border-radius: 50%;
    z-index: 0;
  }

  /* Left Side Content Setup */
  .adv-purity-content-area {
    width: 47%;
    padding: 80px 0;
    position: relative;
    z-index: 99;
  }

  .adv-purity-kicker {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
  }

  .adv-purity-kicker-text {
    color: #d8a253;
    font-size: 0.85rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 500;
  }

  .adv-purity-kicker-line {
    height: 1px;
    width: 50px;
    background-color: #d8a253;
  }

  .adv-purity-main-title {
    color: #ffffff;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 20px 0;
	font-family: "Fraunces", serif;
  }

  .adv-purity-italic-gold {
    color: #d8a253;
    font-style: italic;
    font-weight: 400;
  }

  .adv-purity-description {
    color: #b0b5ba;
    font-size: 0.95rem;
    line-height: 1.7;
    margin-bottom: 40px;
    max-width: 90%;
  }

  /* Features Grid Setup */
  .adv-purity-features-grid {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 35px;
    column-gap: 30px;
  }

  /* Faded vertical divider line */
  .adv-purity-features-grid::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 5px;
    bottom: 5px;
    width: 1px;
    background: linear-gradient(to bottom, rgba(216,162,83,0) 0%, rgba(216,162,83,0.3) 15%, rgba(216,162,83,0.3) 85%, rgba(216,162,83,0) 100%);
    transform: translateX(-50%);
  }

  .adv-purity-feature-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
  }

  .adv-purity-icon-wrapper {
    width: 40px;
    height: 40px;
    border: 1.5px solid #d8a253;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d8a253;
    font-size: 1.2rem;
    flex-shrink: 0;
  }

  .adv-purity-feature-text h4 {
    color: #ffffff;
    font-size: 0.8rem;
    margin: 0 0 6px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
  }

  .adv-purity-feature-text p {
    color: #b0b5ba;
    font-size: 0.8rem;
    line-height: 1.5;
    margin: 0;
  }

  /* Responsive adjustments for smaller screens */
  @media (max-width: 992px) {
    .adv-purity-image-box {
      display: none; /* Hide slanted image on smaller screens */
    }
    .adv-purity-content-area {
      width: 100%;
      padding-right: 0;
    }
    .adv-purity-features-grid::after {
      display: none;
    }
    .adv-purity-features-grid {
      grid-template-columns: 1fr;
    }
  }  
  
  
  
  
  
.rp-wrapper-section {
    background-color: #faf7f2;
    padding: 80px 0;
    color: #4a4a4a;
    overflow: hidden;
  }
  
  .rp-top-header-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding-bottom: 20px;
  }

  .rp-kicker-box {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
  }

  .rp-kicker-text {
    color: #ba8a38;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
  }

  .rp-kicker-line {
    width: 60px;
    height: 1.5px;
    background-color: #ba8a38;
  }

  .rp-main-title {
    font-size: 2.8rem;
    font-weight: 500;
    margin: 0;
    color: #091629;
	font-family: "Fraunces", serif;
  }

  .rp-title-gold {
    color: #ba8a38;
  }

  .rp-tags-right {
    display: flex;
    gap: 15px;
    font-size: 0.8rem;
    color: #666;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
  }

  .rp-tag-divider {
    color: #d1bfae;
  }

  .rp-three-cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-bottom: 80px;
  }

  .rp-col-text {
    font-size: 0.9rem;
    line-height: 1.7;
    color: #555;
    position: relative;
  }

  /* Vertical dividers for the text columns */
  .rp-col-text:not(:first-child)::before {
    content: '';
    position: absolute;
    left: -20px;
    top: 5px;
    bottom: 5px;
    width: 1px;
    background-color: #e5d8c8;
  }

  /* --- Middle & Bottom Row Styles --- */
  .rp-content-row {
    display: flex;
    align-items: stretch;
    gap: 50px;
    position: relative;
  }

  .rp-content-row.rp-reverse {
    flex-direction: row-reverse;
  }

  .rp-image-box {
    flex: 0 0 45%;
    position: relative;
    border-radius: 8px;
    z-index: 2;
  }

  /* Golden decorative shape behind images */
  .rp-image-box::before {
    content: '';
    position: absolute;
    background-color: #ba8a38;
    width: 60%;
    height: 80%;
    z-index: -1;
    border-radius: 12px;
  }
  
	.rp-image-box img {
		border-radius: 20px;
	}  

  .rp-image-box.rp-left-img::before {
    top: -15px;
    left: -15px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .rp-image-box.rp-right-img::before {
    top: -15px;
    right: -15px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }

  .rp-actual-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    min-height: 350px;
  }

  .rp-text-box {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 0;
  }

  .rp-num-kicker {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
  }

  .rp-num {
    color: #ba8a38;
    font-weight: 500;
  }

  .rp-row-title {
    font-size: 2.2rem;
    color: #091629;
    margin: 0 0 20px 0;
    font-weight: 500;
	font-family: "Fraunces", serif;
  }

  .rp-row-text {
    font-size: 0.9rem;
    line-height: 1.7;
    margin-bottom: 15px;
  }

  .rp-side-badge {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding-left: 20px;
    border-left: 1px solid #e5d8c8;
  }

  .rp-side-badge.rp-left-badge {
    right: auto;
    left: -20px;
    padding-left: 0;
    padding-right: 20px;
    border-left: none;
    border-right: 1px solid #e5d8c8;
  }

  .rp-badge-icon {
    font-size: 2rem;
    color: #ba8a38;
  }

  .rp-badge-text {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    color: #888;
    text-align: center;
  }

  @media (max-width: 992px) {
    .rp-three-cols {
      grid-template-columns: 1fr;
      gap: 20px;
	      margin-bottom: 40px;
    }
    .rp-col-text:not(:first-child)::before {
      display: none;
    }
    .rp-content-row, .rp-content-row.rp-reverse {
      flex-direction: column;
    }
    .rp-side-badge {
      display: none;
    }
    .rp-top-header-flex {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        margin-bottom: 20px;
    }
  }  
  

/* technology page design */

/* locate store page design */

.dk-page-wrapper {
    background-color: #f8f6f0;
    color: #333;
    padding: 50px 0 0 0;
  }


  .dk-header-area {
    margin-bottom: 30px;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 30%;
  }

  .dk-kicker {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #a47c3c;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
  }

  .dk-kicker-line {
    width: 60px;
    height: 1px;
    background-color: #a47c3c;
  }

  .dk-main-title {
	font-size: 30px;
    font-weight: 600;
    color: #091629;
    margin: 0 0 10px 0;
  }

  .dk-subtitle {
    font-size: 1rem;
    color: #555;
    margin: 0;
  }

  .dk-main-layout {
    display: flex;
    gap: 20px;
    align-items: stretch;
    padding-bottom: 50px;
  }

  .dk-sidebar {
    flex: 0 0 400px;
    background-color: #ffffff;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
  }

  .dk-sidebar-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #091629;
    margin: 0 0 20px 0;
  }

  .dk-form-group {
    margin-bottom: 18px;
  }

  .dk-label {
    display: block;
    font-size: 0.7rem;
    font-weight: 600;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
  }

  .dk-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
  }

  .dk-input-icon-left {
    position: absolute;
    left: 12px;
    color: #999;
    font-size: 1.1rem;
    pointer-events: none;
  }

  .dk-input-icon-right {
    position: absolute;
    right: 12px;
    color: #a47c3c;
    font-size: 1.1rem;
    cursor: pointer;
  }

  .dk-input-field {
    width: 100%;
    padding: 10px 12px 10px 40px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    font-size: 0.85rem;
    color: #333;
    outline: none;
    transition: border-color 0.2s;
  }

  .dk-select-field {
    appearance: none;
    cursor: pointer;
  }

  .dk-input-field:focus {
    border-color: #a47c3c;
  }

  .dk-btn-search {
    width: 100%;
    background-color: #9a7139;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 12px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color 0.2s;
    margin-top: 5px;
    margin-bottom: 25px;
  }

  .dk-btn-search:hover {
    background-color: #835f2d;
  }

  /* Nearby Stores List */
  .dk-nearby-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }

  .dk-nearby-title {
    font-size: 0.75rem;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .dk-view-all-link {
    font-size: 0.75rem;
    font-weight: 500;
    color: #a47c3c;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .dk-store-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    overflow-y: auto;
    max-height: 300px;
    padding-right: 5px;
  }

  .dk-store-list::-webkit-scrollbar {
    width: 4px;
  }
  .dk-store-list::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 4px;
  }

  .dk-store-card {
    display: flex;
    gap: 12px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
  }

  .dk-store-card:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  .dk-store-img {
    width: 70px;
    height: 70px;
    border-radius: 6px;
    object-fit: cover;
    background-color: #f4f4f4;
    flex-shrink: 0;
  }

  .dk-store-details {
    flex: 1;
  }

  .dk-store-name {
    font-size: 0.95rem;
    font-weight: 600;
    color: #091629;
    margin: 0 0 5px 0;
  }

  .dk-store-location {
    font-size: 0.8rem;
    font-weight: 500;
    color: #333;
    display: flex;
    align-items: flex-start;
    gap: 4px;
    margin-bottom: 3px;
  }

  .dk-store-location i {
    color: #a47c3c;
    font-size: 0.9rem;
    margin-top: 1px;
  }

  .dk-store-address {
    font-size: 0.75rem;
    color: #777;
    margin: 0 0 5px 0;
    line-height: 1.4;
    padding-left: 17px;
  }

  .dk-store-phone {
    font-size: 0.75rem;
    color: #555;
    display: flex;
    align-items: center;
    gap: 5px;
    padding-left: 17px;
  }

  .dk-card-arrow {
    position: absolute;
    right: 0;
    top: 5px;
    color: #a47c3c;
    font-size: 1.2rem;
  }

  .dk-view-details-btn {
    display: block;
    text-align: right;
    font-size: 0.7rem;
    font-weight: 600;
    color: #a47c3c;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 5px;
  }

  .dk-map-area {
    flex: 1;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    background-color: #e5e3df;
    position: relative;
    min-height: 600px;
  }

  .dk-map-iframe {
    width: 100%;
    height: 100%;
    border: none;
  }

  .dk-footer-banner {
    background-color: #0c1b33;
    padding: 25px 0;
    color: #fff;
  }

  .dk-footer-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
  }

  .dk-footer-item {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
    min-width: 250px;
    justify-content: center;
    border-right: 1px solid rgba(255,255,255,0.1);
  }

  .dk-footer-item:last-child {
    border-right: none;
  }

  .dk-footer-icon {
    font-size: 2rem;
    color: #b89154;
  }

  .dk-footer-text-wrap h4 {
    margin: 0 0 3px 0;
    font-size: 0.9rem;
    font-weight: 500;
  }

  .dk-footer-text-wrap p {
    margin: 0;
    font-size: 0.75rem;
    color: #a0aabf;
  }

  @media (max-width: 992px) {
    .dk-main-layout {
      flex-direction: column;
    }
    .dk-sidebar {
      flex: 1 1 auto;
      max-width: 100%;
    }
    .dk-map-area {
      min-height: 400px;
    }
    .dk-footer-item {
      justify-content: flex-start;
      border-right: none;
    }
  }

/* locate store page design */

/*  blog page design */

.blg-page-wrapper {
    background-color: #f8f6f0;
    color: #333333;
    padding: 80px 0;
  }

  .blg-header-section {
    text-align: center;
    margin-bottom: 60px;
  }

  .blg-main-heading {
    font-size: 2.8rem;
    color: #091629;
    font-weight: 600;
    margin: 0 0 15px 0;
  }

  .blg-main-heading span {
    color: #b89154;
  }

  .blg-sub-heading {
    font-size: 1rem;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
  }

  .blg-layout-grid {
    display: grid;
    grid-template-columns: 77% 20%;
    gap: 45px;
    align-items: start;
  }

  .blg-posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }

  .blg-post-card {
    background-color: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .blg-post-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
  }

  .blg-post-img-box {
    width: 100%;
    height: 240px;
    background-color: #e5e3df;
    position: relative;
  }

  .blg-post-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .blg-date-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: #b89154;
    color: #ffffff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.5px;
  }

  .blg-post-content {
    padding: 25px;
  }

  .blg-post-meta {
    display: flex;
    gap: 15px;
    font-size: 0.8rem;
    color: #888;
    margin-bottom: 12px;
  }

  .blg-post-meta span {
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .blg-post-meta i {
    color: #b89154;
  }

  .blg-post-title {
    font-size: 1.25rem;
    color: #091629;
    margin: 0 0 12px 0;
    line-height: 1.4;
    font-weight: 600;
  }

  .blg-post-excerpt {
    font-size: 0.9rem;
    color: #555;
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .blg-read-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #b89154;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: color 0.3s;
  }

  .blg-read-more-btn:hover {
    color: #091629;
  }

  /* Sidebar Area */
  .blg-sidebar-widget {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    margin-bottom: 30px;
  }

  .blg-widget-title {
    font-size: 1.1rem;
    color: #091629;
    font-weight: 600;
    margin: 0 0 20px 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
  }

  .blg-widget-title::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #b89154;
  }

  .blg-search-box {
    position: relative;
  }

  .blg-search-input {
    width: 100%;
    padding: 12px 40px 12px 15px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    font-family: 'Poppins', sans-serif;
    font-size: 0.85rem;
    outline: none;
    box-sizing: border-box;
  }

  .blg-search-input:focus {
    border-color: #b89154;
  }

  .blg-search-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
    background: none;
    border: none;
    cursor: pointer;
  }

  .blg-category-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .blg-category-list li {
    margin-bottom: 12px;
  }

  .blg-category-list li:last-child {
    margin-bottom: 0;
  }

  .blg-category-link {
    color: #555;
    text-decoration: none;
    font-size: 0.9rem;
    display: flex;
    justify-content: space-between;
    transition: color 0.2s;
  }

  .blg-category-link:hover {
    color: #b89154;
  }

  .blg-category-count {
    background-color: #f8f6f0;
    color: #888;
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 12px;
  }

  /* Responsive Adjustments */
  @media (max-width: 992px) {
    .blg-layout-grid {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 768px) {
    .blg-posts-grid {
      grid-template-columns: 1fr;
    }
  }

/*  blog page design */

/*  blog detail page design */

  .bld-page-wrapper {
    background-color: #f8f6f0;
    color: #333333;
    padding: 60px 0;
  }

  .bld-breadcrumb {
    font-size: 0.85rem;
    color: #888;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .bld-breadcrumb a {
    color: #b89154;
    text-decoration: none;
    font-weight: 500;
  }

  .bld-breadcrumb a:hover {
    text-decoration: underline;
  }

  .bld-post-header {
    margin-bottom: 40px;
  }

  .bld-main-title {
    font-size: 30px;
    color: #091629;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 20px 0;
  }

  .bld-post-meta {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 0.9rem;
    color: #666;
    border-top: 1px solid #e5e3df;
    border-bottom: 1px solid #e5e3df;
    padding: 15px 0;
  }

  .bld-meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .bld-meta-item i {
    color: #b89154;
    font-size: 1.1rem;
  }

  .bld-layout-grid {
    display: grid;
    grid-template-columns: 2fr 360px;
    gap: 50px;
    align-items: start;
  }

  .bld-featured-img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    margin-bottom: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  }

  .bld-content-body {
    background-color: #ffffff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
  }

  .bld-content-body p {
    font-size: 0.95rem;
    line-height: 1.8;
    color: #4a4a4a;
    margin-top: 0;
    margin-bottom: 25px;
  }

  .bld-content-body h3 {
    font-size: 1.5rem;
    color: #091629;
    margin: 30px 0 15px 0;
    font-weight: 600;
  }

  .bld-blockquote {
    border-left: 4px solid #b89154;
    background-color: #fbf9f5;
    padding: 20px 25px;
    margin: 30px 0;
    font-style: italic;
    font-size: 1.1rem;
    color: #091629;
    border-radius: 0 8px 8px 0;
  }

  .bld-share-section {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
  }

  .bld-share-title {
    font-size: 0.9rem;
    font-weight: 600;
    color: #091629;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  .bld-share-btn {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f0f0f0;
    color: #555;
    text-decoration: none;
    transition: all 0.3s;
  }

  .bld-share-btn:hover {
    background-color: #b89154;
    color: #fff;
  }

  .bld-sidebar-widget {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    margin-bottom: 30px;
  }

  .bld-widget-title {
    font-size: 1.1rem;
    color: #091629;
    font-weight: 600;
    margin: 0 0 20px 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
  }

  .bld-widget-title::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #b89154;
  }

  .bld-recent-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .bld-recent-item {
    display: flex;
    gap: 15px;
    align-items: center;
  }

  .bld-recent-img {
    width: 70px;
    height: 70px;
    border-radius: 6px;
    object-fit: cover;
    background-color: #e5e3df;
    flex-shrink: 0;
  }

  .bld-recent-info h4 {
    font-size: 0.85rem;
    margin: 0 0 5px 0;
    line-height: 1.4;
  }

  .bld-recent-info a {
    color: #091629;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
  }

  .bld-recent-info a:hover {
    color: #b89154;
  }

  .bld-recent-date {
    font-size: 0.75rem;
    color: #888;
  }

  .bld-category-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .bld-category-list li {
    margin-bottom: 12px;
  }

  .bld-category-list li:last-child {
    margin-bottom: 0;
  }

  .bld-category-link {
    color: #555;
    text-decoration: none;
    font-size: 0.9rem;
    display: flex;
    justify-content: space-between;
    transition: color 0.2s;
  }

  .bld-category-link:hover {
    color: #b89154;
  }

  .bld-category-count {
    background-color: #f8f6f0;
    color: #888;
    font-size: 0.75rem;
    padding: 2px 8px;
    border-radius: 12px;
  }

  @media (max-width: 992px) {
    .bld-layout-grid {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 768px) {
    .bld-main-title {
        font-size: 22px;
    }
    .bld-content-body {
      padding: 20px;
    }
    .bld-post-meta {
      flex-wrap: wrap;
    }
  }

/*  blog detail page design */


@media (max-width: 991px) {
	
	.container
	{
		width:100%;
		max-width: 100%;
	}
	
	.kdn-icon-btn i, .kdn-mobile-toggle i {
			font-size: 32px;
			font-weight: 400 !important;
		}
	.kdn-hero {
        height: 350px;
        min-height: 0;
    }

	.kdn-about-kicker-text {
        font-size: 15px;
        letter-spacing: 2.7px;
        font-weight: 500;
    }	
	
	.kdn-about-orbit
	{
		display:none;
	}
	
	.kdn-about-kicker-text, .kdn-scollection-kicker-text {
		font-size: 15px;
		line-height: 1.5;
		font-weight: 500;
		text-align: center;
	}

	section.kdn-feature-sect	
	{
		padding: 40px 18px 40px;
	}
	
	.kdn-feature-sect .feature-card-wrap {
		background: unset !important;
	}

	.kdn-feature-sect .container, .kdn-feature-sect .cards-cover, .kdn-feature-sect .grid-two, .kdn-feature-sect .grid-one, .kdn-feature-sect .feature-card-wrap {
		padding: 0;
	}

	section.kdn-feature-sect .kdn-quality	
	{
		
	}
	
	.kdn-feature-sect p.kdn-feature-description, 
	.kdn-feature-sect .kdn-feature-points 
	{
		display: none;
	}

	.kdn-gift-tabs 
	{
        width: 100%;
        display: flex;
        margin-top: 25px;
    }	
	
	.kdn-gift-tabs .kdn-gift-tab
	{
		width: fit-content;
        font-size: 17px;
	}
	
    .kdn-scollection-title {
		font-size: 30px;
        display: flex;
        flex-direction: row;
        text-align: center;
    }

	.trust-wrap p {
        width: 100%;
        font-size: 18px;
	}

    .kdn-trust-grid {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding: 5px 18px 0px;
        scrollbar-width: none;
    }

    .kdn-trust-grid::-webkit-scrollbar {
        display: none;
    }

    .kdn-trust-card {
        flex: 0 0 75%;
        min-width: 0;
        scroll-snap-align: start;
		padding-bottom: 0;
    }	
	
	section.kdn-trust-sect {
		padding: 40px 0;
		position:relative;
	}

	section.kdn-trust-sect::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		background-color: #ffffffbd;
		width: 100%;
		height: 100%;
	}	
	
	.kdn-trust-card:not(:nth-child(6n))::after
	{
		content:unset;
	}
	
	.stories-section, 
	section.kdn-blog-sect
	{
        padding: 40px 16px;
    }

	.kdn-scollection-title {
		margin: 10px auto 0;	
	}
	
	.kdn-gift-points li 
	{
		align-items: flex-start;	
	}
	
	.kdn-trust-sect h2.kdn-scollection-title {
		display: flex;
		flex-direction: column;
	}

    .trust-wrap p {
        margin-bottom: 10px;
    }

	.accordion-container {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.accordion-container::-webkit-scrollbar {
		display: none;
	}

	.story-card {
        flex: 0 0 75% !important;
        min-width: 0;
        scroll-snap-align: start;
	}

	.story-card {
        height: 300px;	
	}
	
	.kdn-blog-sect .kdn-scollection-title {
		flex-direction: column;
	}

	.kdn-blog-list	
	{
		width: 100%;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;		
		
	}
	
    .kdn-blog-list::-webkit-scrollbar {
        display: none;
    }

    .kdn-blog-card {
        flex: 0 0 75%;
        min-width: 0;
        scroll-snap-align: start;
    }

	.kdn-blog-category
	{
	    font-size: 14px;
		font-weight: 400;	
	}
	
	.kdn-blog-date
	{
		display:none;
	}
	
	.kdn-blog-content p {
        font-size: 15px;
    }

	.kdn-blog-link {
		font-size: 15px;
		font-weight: 500;
	}


    .kdn-footer-column {
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        padding-bottom: 0;
    }

    .kdn-footer-column h3 {
        position: relative;
        cursor: pointer;
        padding: 16px 35px 16px 0;
        margin-bottom: 0;
        font-size: 18px;
    }

    .footer-accor-wrap .kdn-footer-column h3::after {
        content: "+";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 24px;
        font-weight: 400;
        line-height: 1;
    }

    .footer-accor-wrap .kdn-footer-column.active h3::after {
        content: "−";
    }

    .footer-accor-wrap .kdn-footer-heading-line {
        display: none;
    }

    .kdn-footer-links {
        display: none;
        padding: 0 0 16px;
    }

    .kdn-footer-column.active .kdn-footer-links {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .kdn-footer-links a {
        display: block;
    }

	.footer-accor-wrap {
        width: 100%;
        display: flex;
        flex-direction: column;
        grid-gap: 0px;
	}

	.footer-accor-wrap .kdn-footer-column {
		width: 100%;
	}

    .kdn-footer-inner {
        padding: 40px 16px;
    }

    .kdn-app-buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

	.kdn-footer-newsletter .kdn-footer-column
	{
		border-bottom: unset;	
	}
	
	.kdn-footer-newsletter h3
	{
		padding-top:0;
	}
	
	.kdn-footer-column.kdn-footer-newsletter {
		border-bottom: unset;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	.kdn-footer-bottom p {
		font-size: 16px;
	}

	.kdn-bottom-links a {
		font-size: 16px;
	}

	footer.kdn-footer .kdn-trust-item {
		width: 100%;
		padding: 0 0px;		
	}
	
	footer.kdn-footer .kdn-trust-item
	{
		border-right:unset;
	}
	
	.keypoints 
	{
		display: flex;
		flex-direction: row !important;
	}

	.keypoints span 
	{
		font-size: 17px !important;
	}

	section.brd-crum-sect h2, section.brd-crum-sect ul li 
	{
		font-size: 20px;
		text-align: center;
	}
	
	section.brd-crum-sect {
		height: 150px;	
	}
	
	.desk-sort
	{
		display:none;
	}
	
	.listing-sect .listing-sort-tools {
		margin-bottom: 20px;
	}

    .listing-sect .kdn-product-info .product-title {
        font-size: 21px;
        line-height: 1.4;
        margin-bottom: 0;
    }

	.listing-sect .kdn-trust-item span {
		font-size: 15px;
	}	
	
	.listing-sect .kdn-trust-item {
		align-items: baseline;
		gap: 6px !important;
	}	
	
    .listing-sect .kdn-trust-item i {
        font-size: 17px;
        position: relative;
        top: 3px;
    }	
	
    .kdn-footer-bottom-inner {
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
        padding: 15px;
        align-items: baseline;
    }

	.kdn-bottom-links {
        flex-wrap: wrap;
        justify-content: left;
        row-gap: 8px;
    }

    .kdn-bottom-links a {
        padding-left: 0;
        padding-right: 10px;
    }	
	
	.page-listing .kdn-mobile-bottom-nav
	{
		display:none;
	}
	
	.mobile-action-bar .action-item {
        gap: 10px;
        font-size: 18px;
        font-weight: 500;
        color: #ba8a38;
    }

    .listing-sect #filterOffcanvas {
        z-index: 999999;
    }

	.pdp-content {
		width: 100%;
	}

	.pdp-product-head p {
		font-size: 17px;
	}

	.pdp-price strong {
        font-size: 22px;
        font-weight: 700;
    }
	
    .weight-option span {
        font-size: 15px;
    }	
	
	.weight-option {
        height: 35px;
    }

	.pdp-delivery-row p {
		font-size: 14px;
	}

	.pdp-actions button {
		font-size: 17px;
		font-weight: 500;
	}

	.specifications h3 {
		font-size: 18px;
	}	
	
	.spec-item span {
		font-size: 16px;
	}

	.spec-item strong {
		font-size: 16px;
	}

	.pdp-packaging p {
		font-size: 14px;
	}

	.pdp-section-kicker {
		font-size: 12px;
	}
	
	.tabs-shell .tabs::-webkit-scrollbar {
		height: 0px;
		width: 0px;
	}
	
	.grams-wrap 
	{
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px 0;
	}

	.grams-wrap a 
	{
		width: 60px;
		color: #091629;
		border-radius: 4px;
		text-align: center;
		background-color: #fff;
	}

    .content-card {
        padding: 10px 0px 0px;
        border-radius: 20px;
    }	
	
	.description-main-grid {
        gap: 0px;
        font-size: 14px;
    }

	.description-highlights, .description-about, .description-additional {
		border: none;
		box-shadow: unset;
	}	
	
    .description-specs {
        padding: 4px 14px 0px;
    }	
	
	.seller-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 0;
	}

	.seller-grid .description-section:first-child p {
		padding-bottom: 0;
	}

	.pdp-rating-summary {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
        padding: 15px 20px;
    }	
	
	.pdp-review-listing__heading {
        gap: 10px;
        padding: 0 16px;
        margin-bottom: 20px;
        padding-bottom: 18px;
    }

	.pdp-review-card {
		border: none;
		border-bottom: 1px solid #e8e7e4;
		padding: 10px;
		margin-bottom: 10px;
		border-radius: 0;
	}

	.weight-selector h3,
	.pdp-field-block label, 
	.pdp-qty-block label, 
	.pdp-pincode label	
	{
		font-size: 17px;
	}

	.page-product-detail .description-main-grid {
        font-size: 16px;
    }

    .kr-faq-wrap {
        width: 100%;
        margin: 0px auto 0px;
    }

    .kdn-legal-content-wrap {
        padding: 40px 16px;
    }

	section.kdn-gift-sect {
		padding-bottom: 0;
	}	
	
	.card-img-wrapper {
		max-height: 290px;
	}	
	
	.listing-sect .kdn-trust-row {
		padding: 0px 0 0px;
		margin-bottom: 17px;
	}
	
	.kdn-cart-row {
		display: grid !important;
		grid-template-columns: 40% 56%;
	}	
	
	.listing-sect .kdn-quantity output {
		font-size: 18px;
		font-weight: 600;
	}
	
	.price-box .mrp
	{
		display:none;
	}

	.d-show
	{
		display:none;
	}

	.m-show
	{
		display:block;
	}

	#kdnPromoModal .kdn-promo-dialog {
        width: 100%;
        height: 450px;
        border-radius: 16px;
    }

	.kdn-feature-sect .feature-card-wrap,
	.kdn-feature-sect .grid-one .feature-big-card-wrap {
		width: 100%;
		min-height: 0;
		border-radius: 13px;
		min-height: 204px !important;
		aspect-ratio: unset;
	 }

	.weight-title-wrap {
		border-left: unset;
		padding-left: 0;
	}

	.kdn-contact-grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 26px;
	}
		
	.kdn-office-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}	

	.kdn-contact-reference-container 
	{
		width: 100%;
	}

	.kdn-office-item {
        padding: 0;
        padding-bottom: 17px;
        border-right: unset;
        border-bottom: 1px solid #858585;
	}	
	
	.kdn-office-item:nth-child(4n+1) {
		padding-left: 0px;
	}

	.kdn-form-row {
		grid-template-columns: 100%;
		gap: 0;
	}

	.kdn-contact-form label {
		font-size: 16px;
		font-weight: 400;
	}

	.kdn-contact-card p {
		font-size: 16px;
		line-height: 1.5;
	}

	.kdn-office-item p {
		font-size: 16px;
	}	
	
	aside.kdn-legal-aside 
	{
		display: none;
	}

	.kdn-legal-layout 
	{
		width: 100%;	
	}
	
	.kdn-legal-document p, .kdn-legal-document li {
        font-size: 15px;
        line-height: 1.85;
        padding: 0;
    }	
	
	.kdn-legal-document h2 {
        margin-top: 20px;
        font-size: 22px;
    }
	
	.kdn-account-password-form-card {
		width: 100%;
	}
	
	.kcart-title-wrap {
		flex-direction: column;
		align-items: start;
	}

	#cartItemCount {
		display: none;
	}

	/* fontsss */

	.kcart-help-content p
	{
		font-size: 14px;
	}

	.kcart-summary .kcart-coupon-copy span,
	.kcart-summary .kcart-coupon-input input,
	.kcart-summary-total > div span,
	.kcart-delivery span,
	.kcart-benefit-text,
	.kcart-product-row .kcart-option label, 
	.kcart-product-row .kcart-quantity label
	{
		font-size: 15px;
	}
	
	.kcart-summary .kcart-coupon-copy strong,
	.kcart-summary-line
	{
		font-size: 16px;
	}	

	.kcart-summary-line strong,
	.kcart-help-content h3,
	.kcart-payment h3,
	.kcart-select-row strong,
	.kcart-product-info h3,
	.kcart-product-row .kcart-option select,
	.kcart-product-row .kcart-qty-box button, 
	.kcart-product-row .kcart-qty-box span	
	{
		font-size: 17px;
	}	
	
	/* fontsss */
	
	.kcart-meta {
        font-size: 13px;
        gap: 6px;
		white-space: normal;
    }	
	
	.kcart-product-row
	{
		align-items: flex-start;	
	}
	
	.kdn-account-wish-copy p 
	{
		margin-bottom: 7px;
	}

	.kdn-account-wish-copy > div	
	{
		margin-top: 7px;
	}	
	
    .kcart-product-row {
        grid-template-columns: 21px 75px minmax(0, 1fr) 22px;
    }

    .kcart-product-row .kcart-option,
    .kcart-product-row .kcart-quantity {
        grid-row: 2;
        align-self: end;
        min-width: 0;
    }

    .kcart-product-row .kcart-option {
        grid-column: 1 / 3;
    }

    .kcart-product-row .kcart-quantity {
        grid-column: 3 / 4;
    }

    .kcart-product-row .kcart-delete-wrap {
        grid-column: 4 / 5;
        grid-row: 2;
        align-self: end;
        justify-content: center;
        margin-top: 0;
    }

    .kcart-product-row .kcart-option label,
    .kcart-product-row .kcart-quantity label {
        margin-bottom: 6px;
        white-space: nowrap;
    }

    .kcart-product-row .kcart-option select {
        width: 100%;
        min-width: 0;
        height: 38px;
        padding: 0 5px;
    }

    .kcart-product-row .kcart-qty-box {
        width: 69%;
        height: 38px;
        grid-template-columns: minmax(22px, 1fr) minmax(22px, 1fr) minmax(22px, 1fr);
    }

    .kcart-product-row .kcart-qty-box button,
    .kcart-product-row .kcart-qty-box span {
        min-width: 0;
        font-size: 14px;
    }

    .kcart-product-row .kcart-delete {
        width: 28px;
        height: 38px;
    }

    .kcart-product-row .kcart-delete i {
        font-size: 20px;
    }	
	
	.service-support-wrap {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.kdn-lab-inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
        width: 100%;
    }
	
    .kdn-lab h2 {
        width: 88%;
        font-size: 30px;
    }

	.kdn-lab-kicker {
        font-size: 12px;
        letter-spacing: 1.6px;
    }

	.kdn-lab-copy {
        max-width: none;
        order: 2;
    }	
	
	.kdn-lab-accent {
        width: 150px;
        margin-top: 5px;
        order: 1;
    }

	.gs-wrap {
		padding: 60px 0;
		height: auto;
		background-size: cover;
	}

	.hsubbtn-wrap {
		width: 90%;
	}

	.hsubbtn-wrap h2 {
		font-size: 28px;
	}

	.hsubbtn-wrap p {
		font-size: 17px;
	}

	.kdn-svc-visual-back {
        right: unset;
        left: -18px;
        bottom: -11px;
	}

	.kdn-svc-note {
		right: -12px;
        bottom: -12px;
        width: 176px;
        min-height: 168px;
        padding: 12px;
    }

    .kdn-svc-note p {
        font-size: 20px;
    }

	.bld-page-wrapper {
		padding: 40px 16px;
	}

	.bld-post-meta {
		gap: 10px 20px;
		padding: 10px 0;
	}

	.bld-post-header {
		margin-bottom: 30px;
	}

	.bld-sidebar .bld-sidebar-widget:last-child {
		margin-bottom: 0;
	}

	.blg-page-wrapper {
		padding: 40px 16px;
	}

	.hero-headline-title {
		font-size: 30px;
	}	
	
	.hero-banner-area
	{
		height: 0vh;
		min-height: 300px;		
	}
	
	.hero-scroll-btn
	{
		display:none;
	}
	
	.refinery-content-grid {
		gap: 0px;
		flex-direction: column;
	}
	
	.refinery-middle-divider {
		display: none;
	}	

	.refinery-section {
		padding: 40px 16px;
	}

	.refinery-heading-wrapper {
		margin-bottom: 10px;
	}

	.refinery-main-title {
		font-size: 25px;
	}

	.adv-purity-main-title {
		font-size: 25px;
	}

	.adv-purity-section:before {
		content: '';
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: #000000b8;
		position: absolute;
	}

	.adv-purity-content-area {
		padding: 40px 16px;
	}

	.rp-wrapper-section {
		padding: 40px 16px;
	}

	.rp-main-title {
		font-size: 25px;
	}

	.rp-col-text {
		font-size: 16px;	
	}
	
	.rp-actual-img {
		min-height: 260px;
	}
	
	.rp-image-box.rp-left-img::before {
		top: -10px;
		left: -10px;	
	}
	
	.rp-image-box::before {
		width: 90%;
	}	
	
	.rp-content-row {
		gap: 30px;
	}

	.rp-row-text {
		font-size: 16px;	
	}

	.rp-row-title {
		font-size: 25px;	
	}
	
    .kr-faq-categories {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding: 5px 18px 15px;
        scrollbar-width: none;
    }

    .kr-faq-categories::-webkit-scrollbar {
        display: none;
    }

    .kr-faq-category {
        min-width: fit-content;
        scroll-snap-align: start;
    }	

	.kr-faq-page {
		min-height: auto;
	}

    .kr-faq-item summary {
        padding: 0px 0px;
    }

	.kr-faq-qmark {
		display:none;
	}

	.kr-faq-answer {
        padding: 0 16px 18px 0px;
    }	

	
	.kr-faq-sidebar
	{
		display:none;
	}
	
}

@media only screen and (min-width: 1100px) and (max-width: 1199px) 
{
	.kdn-gift-tabs {
		width: 35%;
	}

	.kdn-app-buttons {
		flex-direction: column;
		align-items: baseline;
	}	
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) 
{
	.container {
		max-width: 1140px;
	}

	.kdn-account-wishlist-grid, .kdn-account-full-wishlist {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 13px;
	}

	.kdn-about-title {
		font-size: 48px;
	}

	.kdn-about-copy {
		max-width: 55.7%;	
	}
	
	.kdn-about-orbit-left {
		left: -48%;	
	}
	
	.kdn-orbit-dot {
		top: 362px;
		right: -8px;	
	}
	
	.kdn-about-orbit-right {
		right: -48%;
	}

	.kdn-about-orbit-right .kdn-orbit-dot 
	{
		left: 10px;
		right: auto;
		top: 521px;
	}

	.kdn-about-stat span {
		font-size: 13px;
	}

	.kdn-scollection-title {
		font-size: 48px;
	}	
	
	.kdn-scollection-copy {
		max-width: 54%;	
	}
	
	.kdn-card-content h3 {
        font-size: 20px;
        font-weight: 500;
	}
	
	.kdn-card-content {
		width: 72%;
	}	

	.kdn-card-content p {
		display:none;
	}

	.kdn-feature-points {
		display: none;
	}

	.kdn-feature-sect .feature-card-wrap > img 
	{
		background-color: #fff;
	}

	.kdn-feature-sect .kdn-feature-copy h2 {
		font-size: 32px;	
	}
	
	.kdn-feature-sect .kdn-feature-description {
		max-width: 90%;	
	}
		
	.kdn-feature-sect .grid-one .feature-big-card-wrap 
	{
		min-height: 360px;
	}
	
	.kdn-feature-sect .feature-big-card-wrap .kdn-feature-copy .kdn-feature-description 
	{
		max-width: 470px;	
	}
	
	.kdn-gift-tabs {
		width: 38%;
	}

	.kdn-gift-tabs .kdn-gift-tab {
		font-size: 16px;
	}

	.kdn-gift-copy h3 {
		font-size: 30px;
	}
	
	.trust-wrap p {
		width: 90%;
	}
	
	.kdn-trust-card p {
		font-size: 16px;
		color: #4e4a44;	
	}
	
	.accordion-container {
		height: 370px;
	}	

	.kdn-trust-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}	
	
	.kdn-trust-card {
		padding: 8px 6px 10px;
	}	

	.kdn-gift-benefit span {
		font-size: 16px;
	}	

	.kdn-gift-points li {
		font-size: 17px;
	}
	
	.kdn-scollection-copy {
		font-size: 19px;
	}
	
	.kdn-footer-inner {
		padding: 40px 0px 32px;
	}

	.kdn-footer-column {
		padding: 5px 20px;
	}

	.footer-accor-wrap {
		grid-gap: 11px;
	}

	.kdn-blog-list {
		width: 100%;
	}

	.listing-sect .listing-content-layout {
		grid-template-columns: minmax(300px, 300px) minmax(0, 1fr);
	}

	.listing-sect .listing-products-grid
	{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.listing-sect .kdn-trust-item span,
	.pdp-delivery-row p	
	{
		font-size: 14px;
	}

	.spec-item span,
	.pdp-field-block label, 
	.pdp-qty-block label, 
	.pdp-pincode label	
	{
		font-size: 15px;
	}	

	span.ls-option-label,
	.listing-sect .ls-filter-toggle,
	.spec-item strong,
	.pdp-product-head p	
	{
		font-size: 16px;
	}
	
	.specifications h3 {
		font-size: 17px;
	}	

	.listing-sect h1, 
	.listing-sect h2, 
	.listing-sect h3, 
	.listing-sect h4,	
	.listing-sect .kdn-product-info .product-title 
	{
		font-size: 20px;	
	}	

	.price-delivery-wrap {
		align-items: flex-start;
	}

	.listing-sect .kdn-quantity,
	.listing-sect .kdn-add-cart	
	{
		height: 50px;
	}

	.weight-option 
	{
		height: 34px;
		width: 50px;
	}

	.weight-options 
	{
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
	
	.spec-grid 
	{
		column-gap: 60px;
	}

	.kdn-account-page {
		width: 80%;
	}

	.orders-it img {
		width: 170px;
		height: 130px;
		padding: 14px;
	}

	.kdn-account-address-grid 
	{
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 15px;
	}

	.kdn-account-address-card > p {
		font-size: 20px;
	}

	.kdn-account-address-card > div:last-child button {
		font-size: 18px;
	}

    .kdn-brand {
        width: 90px;
        flex-basis: 100px;
    }
	
	.kdn-desktop-nav {
        gap: 15px;
    }

	.kdn-header-actions {
        gap: 12px;
    }

	.kdn-search-wrap.is-open .kdn-search {
		width: 180px;	
	}
	
	.kcart-product-image {
		width: 115px;
		height: 112px;
	}
	
/* 	.kcart-product-row {
		align-items: flex-start;
		grid-template-columns: 5% 17% 14% 18% 4%;
	}

	.kcart-meta {
		align-items: baseline;
	}
	
	.kcart-product-info h3 {
		white-space: nowrap;
	}	

	.kcart-product-info {
		order: 5;
	} */

	.kdn-svc-description {
		font-size: 16px;
	}

	.service-support-wrap {
		gap: 40px;
	}

	.kdn-svc-hero h1 {
		font-size: 30px;
	}	
	
	.kdn-lab h2 {
		font-size: 40px;
		width: 82%;
	}

	.hsubbtn-wrap {
		width: 55%;
	}

	.hsubbtn-wrap p {
		font-size:18px;
		margin-bottom: 20px;
	}

	.kdn-app-buttons {
		flex-direction: column;
		align-items: baseline;
	}
}

@media only screen and (min-width: 1301px) and (max-width: 1400px) 
{
	.container {
		max-width: 1200px;
	}	

	.kdn-account-wishlist-grid, .kdn-account-full-wishlist {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 13px;
	}

	.kdn-about-title {
		font-size: 48px;
	}

	.kdn-about-copy {
		max-width: 55.7%;	
	}
	
	.kdn-about-orbit-left {
		left: -48%;	
	}
	
	.kdn-orbit-dot {
		top: 362px;
		right: -8px;	
	}
	
	.kdn-about-orbit-right {
		right: -48%;
	}

	.kdn-about-orbit-right .kdn-orbit-dot 
	{
		left: 10px;
		right: auto;
		top: 521px;
	}

	.kdn-about-stat span {
		font-size: 13px;
	}

	.kdn-scollection-title {
		font-size: 48px;
	}	
	
	.kdn-scollection-copy {
		max-width: 54%;	
	}
	
	.kdn-card-content h3 {
        font-size: 20px;
        font-weight: 500;
	}
	
	.kdn-card-content {
		width: 72%;
	}	

	.kdn-card-content p {
		display:none;
	}

	.kdn-feature-points {
		display: none;
	}

	.kdn-feature-sect .feature-card-wrap > img 
	{
		background-color: #fff;
	}

	.kdn-feature-sect .kdn-feature-copy h2 {
		font-size: 32px;	
	}
	
	.kdn-feature-sect .kdn-feature-description {
		max-width: 90%;	
	}
		
	.kdn-feature-sect .grid-one .feature-big-card-wrap 
	{
		min-height: 360px;
	}
	
	.kdn-feature-sect .feature-big-card-wrap .kdn-feature-copy .kdn-feature-description 
	{
		max-width: 470px;	
	}
	
	.kdn-gift-tabs {
		width: 38%;
	}

	.kdn-gift-tabs .kdn-gift-tab {
		font-size: 16px;
	}

	.kdn-gift-copy h3 {
		font-size: 30px;
	}
	
	.trust-wrap p {
		width: 90%;
	}
	
	.kdn-trust-card p {
		font-size: 16px;
		color: #4e4a44;	
	}
	
	.accordion-container {
		height: 370px;
	}	

	.kdn-trust-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}	
	
	.kdn-trust-card {
		padding: 8px 6px 10px;
	}	

	.kdn-gift-benefit span {
		font-size: 16px;
	}	

	.kdn-gift-points li {
		font-size: 17px;
	}
	
	.kdn-scollection-copy {
		font-size: 19px;
	}
	
	.kdn-footer-inner {
		padding: 40px 0px 32px;
	}

	.kdn-footer-column {
		padding: 5px 20px;
	}

	.footer-accor-wrap {
		grid-gap: 11px;
	}

	.kdn-blog-list {
		width: 100%;
	}

	.listing-sect .listing-content-layout {
		grid-template-columns: minmax(300px, 300px) minmax(0, 1fr);
	}

	.listing-sect .listing-products-grid
	{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.listing-sect .kdn-trust-item span,
	.pdp-delivery-row p	
	{
		font-size: 14px;
	}

	.spec-item span,
	.pdp-field-block label, 
	.pdp-qty-block label, 
	.pdp-pincode label	
	{
		font-size: 15px;
	}	

	span.ls-option-label,
	.listing-sect .ls-filter-toggle,
	.spec-item strong,
	.pdp-product-head p	
	{
		font-size: 16px;
	}
	
	.specifications h3 {
		font-size: 17px;
	}	

	.listing-sect h1, 
	.listing-sect h2, 
	.listing-sect h3, 
	.listing-sect h4,	
	.listing-sect .kdn-product-info .product-title 
	{
		font-size: 20px;	
	}	

	.price-delivery-wrap {
		align-items: flex-start;
	}

	.listing-sect .kdn-quantity,
	.listing-sect .kdn-add-cart	
	{
		height: 50px;
	}

	.weight-option 
	{
		height: 34px;
		width: 50px;
	}

	.weight-options 
	{
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
	
	.spec-grid 
	{
		column-gap: 60px;
	}

	.kdn-account-page {
		width: 80%;
	}

	.orders-it img {
		width: 170px;
		height: 130px;
		padding: 14px;
	}

	.kdn-account-address-grid 
	{
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 15px;
	}

	.kdn-account-address-card > p {
		font-size: 20px;
	}

	.kdn-account-address-card > div:last-child button {
		font-size: 18px;
	}

    .kdn-brand {
        width: 90px;
        flex-basis: 100px;
    }
	
	.kdn-desktop-nav {
        gap: 15px;
    }

	.kdn-header-actions {
        gap: 12px;
    }

	.kdn-search-wrap.is-open .kdn-search {
		width: 180px;	
	}
	
	.kcart-product-image {
		width: 115px;
		height: 112px;
	}
	
	.kdn-app-buttons {
		flex-direction: column;
		align-items: baseline;
	}
	
	
}

@media only screen and (min-width: 1401px) and (max-width: 1499px)
{
	.container {
		max-width: 1320px;
	}

	.kdn-account-wishlist-grid, .kdn-account-full-wishlist {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 13px;
	}

	.kdn-about-title {
		font-size: 48px;
	}

	.kdn-about-copy {
		max-width: 55.7%;	
	}
	
	.kdn-about-orbit-left {
		left: -48%;	
	}
	
	.kdn-orbit-dot {
		top: 362px;
		right: -8px;	
	}
	
	.kdn-about-orbit-right {
		right: -48%;
	}

	.kdn-about-orbit-right .kdn-orbit-dot 
	{
		left: 10px;
		right: auto;
		top: 521px;
	}

	.kdn-about-stat span {
		font-size: 13px;
	}

	.kdn-scollection-title {
		font-size: 48px;
	}	
	
	.kdn-scollection-copy {
		max-width: 54%;	
	}
	
	.kdn-card-content h3 {
        font-size: 20px;
        font-weight: 500;
	}
	
	.kdn-card-content {
		width: 72%;
	}	

	.kdn-card-content p {
		display:none;
	}

	.kdn-feature-points {
		display: none;
	}

	.kdn-feature-sect .feature-card-wrap > img 
	{
		background-color: #fff;
	}

	.kdn-feature-sect .kdn-feature-copy h2 {
		font-size: 32px;	
	}
	
	.kdn-feature-sect .kdn-feature-description {
		max-width: 90%;	
	}
		
	.kdn-feature-sect .grid-one .feature-big-card-wrap 
	{
		min-height: 360px;
	}
	
	.kdn-feature-sect .feature-big-card-wrap .kdn-feature-copy .kdn-feature-description 
	{
		max-width: 470px;	
	}
	
	.kdn-gift-tabs {
		width: 38%;
	}

	.kdn-gift-tabs .kdn-gift-tab {
		font-size: 16px;
	}

	.kdn-gift-copy h3 {
		font-size: 30px;
	}
	
	.trust-wrap p {
		width: 90%;
	}
	
	.kdn-trust-card p {
		font-size: 16px;
		color: #4e4a44;	
	}
	
	.accordion-container {
		height: 370px;
	}	

	.kdn-trust-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}	
	
	.kdn-trust-card {
		padding: 8px 6px 10px;
	}	

	.kdn-gift-benefit span {
		font-size: 16px;
	}	

	.kdn-gift-points li {
		font-size: 17px;
	}
	
	.kdn-scollection-copy {
		font-size: 19px;
	}
	
	.kdn-footer-inner {
		padding: 40px 0px 32px;
	}

	.kdn-footer-column {
		padding: 5px 20px;
	}

	.footer-accor-wrap {
		grid-gap: 11px;
	}

	.kdn-blog-list {
		width: 100%;
	}

	.listing-sect .listing-content-layout {
		grid-template-columns: minmax(300px, 300px) minmax(0, 1fr);
	}

	.listing-sect .listing-products-grid
	{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.listing-sect .kdn-trust-item span,
	.pdp-delivery-row p	
	{
		font-size: 14px;
	}

	.spec-item span,
	.pdp-field-block label, 
	.pdp-qty-block label, 
	.pdp-pincode label	
	{
		font-size: 15px;
	}	

	span.ls-option-label,
	.listing-sect .ls-filter-toggle,
	.spec-item strong,
	.pdp-product-head p	
	{
		font-size: 16px;
	}
	
	.specifications h3 {
		font-size: 17px;
	}	

	.listing-sect h1, 
	.listing-sect h2, 
	.listing-sect h3, 
	.listing-sect h4,	
	.listing-sect .kdn-product-info .product-title 
	{
		font-size: 20px;	
	}	

	.price-delivery-wrap {
		align-items: flex-start;
	}

	.listing-sect .kdn-quantity,
	.listing-sect .kdn-add-cart	
	{
		height: 50px;
	}

	.weight-option 
	{
		height: 34px;
		width: 50px;
	}

	.weight-options 
	{
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
	
	.spec-grid 
	{
		column-gap: 60px;
	}

	.kdn-account-page {
		width: 80%;
	}

	.orders-it img {
		width: 170px;
		height: 130px;
		padding: 14px;
	}

	.kdn-account-address-grid 
	{
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 15px;
	}

	.kdn-account-address-card > p {
		font-size: 20px;
	}

	.kdn-account-address-card > div:last-child button {
		font-size: 18px;
	}

    .kdn-brand {
        width: 90px;
        flex-basis: 100px;
    }
	
	.kdn-desktop-nav {
        gap: 15px;
    }

	.kdn-header-actions {
        gap: 12px;
    }

	.kdn-search-wrap.is-open .kdn-search {
		width: 180px;	
	}
	
	.kcart-product-image {
		width: 115px;
		height: 112px;
	}

}

@media only screen and (min-width: 1501px) and (max-width: 1599px)
{
	.container {
		max-width: 1380px;
	}

	.kdn-gift-tabs {
		width: 35%;
	}	
}

@media screen and (min-width: 2560px) {
	.kdn-search-toggle {
		top: 5px;
	}
}




/* sac css */


.wh-search-wrap {
    background-color: #fff;
}

.kdn-search {
    background: #fff;
    color: #000;
    border: none;
    height: 48px;
}

.kdn-search i {
    color: #000;
}

.kdn-search input {
    color: #000 !important;
}

.kdn-search input::placeholder {
    color: #000;
}

.kdn-search-wrap.is-open .wh-search-wrap {border: none;}

.wh-search-wrap {
    top: 248%;
}


/* sac css */