body,ul,li,h1,h2,h3,h4,h5,h6,p {
    padding:0;
    margin:0;
}
@font-face {
      font-family: 'Modam-Regular';
    src: url('../font/Modam-Regular.woff2') format('woff2'),
        url('../font/Modam-Regular.woff') format('woff'),
        url('../font/Modam-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'DoranClassicDots';
  src: url('../font/DoranClassicDots-Regular.woff2') format('woff2'),
       url('../font/DoranClassicDots-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DoranClassicDots-Bold';
  src: url('../font/DoranClassicDots-ExtraBold.woff2') format('woff2'),
       url('../font/DoranClassicDots-ExtraBold.woff') format('woff');
  font-weight: 800; /* ExtraBold */
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'Pinar-DS4-ExtraBold';
    src: url('../font/Pinar-DS4-ExtraBold.woff2') format('woff2'),
        url('../font/Pinar-DS4-ExtraBold.woff') format('woff'),
        url('../font/Pinar-DS4-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'iconsax';
    src: url('../font/iconsax.woff2') format('woff2'),
        url('../font/iconsax.woff') format('woff'),
        url('../font/iconsax.ttf') format('truetype'),
        url('../font/iconsax.svg#iconsax') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
	font-family: 'Linearicons-Free';
	src:url('../font/Linearicons-Free.eot?w118d');
	src:url('../font/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'),
		url('../font/Linearicons-Free.woff2?w118d') format('woff2'),
		url('../font/Linearicons-Free.woff?w118d') format('woff'),
		url('../font/Linearicons-Free.ttf?w118d') format('truetype'),
		url('../font/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg');
	font-weight: normal;
	font-style: normal;
}


body{
   font-family: 'Modam-Regular';
background: #ECE2D9;
}
.isax {
  font-family: 'iconsax';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body::-webkit-scrollbar {
    width:0.6em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
      background: #690810;
  border-radius:5px;
  outline: 1px solid rgba(0, 166, 147, 0.00);
}
.lnr{font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lnr-home:before{content:"\e800"}.lnr-apartment:before{content:"\e801"}.lnr-pencil:before{content:"\e802"}.lnr-magic-wand:before{content:"\e803"}.lnr-drop:before{content:"\e804"}.lnr-lighter:before{content:"\e805"}.lnr-poop:before{content:"\e806"}.lnr-sun:before{content:"\e807"}.lnr-moon:before{content:"\e808"}.lnr-cloud:before{content:"\e809"}.lnr-cloud-upload:before{content:"\e80a"}.lnr-cloud-download:before{content:"\e80b"}.lnr-cloud-sync:before{content:"\e80c"}.lnr-cloud-check:before{content:"\e80d"}.lnr-database:before{content:"\e80e"}.lnr-lock:before{content:"\e80f"}.lnr-cog:before{content:"\e810"}.lnr-trash:before{content:"\e811"}.lnr-dice:before{content:"\e812"}.lnr-heart:before{content:"\e813"}.lnr-star:before{content:"\e814"}.lnr-star-half:before{content:"\e815"}.lnr-star-empty:before{content:"\e816"}.lnr-flag:before{content:"\e817"}.lnr-envelope:before{content:"\e818"}.lnr-paperclip:before{content:"\e819"}.lnr-inbox:before{content:"\e81a"}.lnr-eye:before{content:"\e81b"}.lnr-printer:before{content:"\e81c"}.lnr-file-empty:before{content:"\e81d"}.lnr-file-add:before{content:"\e81e"}.lnr-enter:before{content:"\e81f"}.lnr-exit:before{content:"\e820"}.lnr-graduation-hat:before{content:"\e821"}.lnr-license:before{content:"\e822"}.lnr-music-note:before{content:"\e823"}.lnr-film-play:before{content:"\e824"}.lnr-camera-video:before{content:"\e825"}.lnr-camera:before{content:"\e826"}.lnr-picture:before{content:"\e827"}.lnr-book:before{content:"\e828"}.lnr-bookmark:before{content:"\e829"}.lnr-user:before{content:"\e82a"}.lnr-users:before{content:"\e82b"}.lnr-shirt:before{content:"\e82c"}.lnr-store:before{content:"\e82d"}.lnr-cart:before{content:"\e82e"}.lnr-tag:before{content:"\e82f"}.lnr-phone-handset:before{content:"\e830"}.lnr-phone:before{content:"\e831"}.lnr-pushpin:before{content:"\e832"}.lnr-map-marker:before{content:"\e833"}.lnr-map:before{content:"\e834"}.lnr-location:before{content:"\e835"}.lnr-calendar-full:before{content:"\e836"}.lnr-keyboard:before{content:"\e837"}.lnr-spell-check:before{content:"\e838"}.lnr-screen:before{content:"\e839"}.lnr-smartphone:before{content:"\e83a"}.lnr-tablet:before{content:"\e83b"}.lnr-laptop:before{content:"\e83c"}.lnr-laptop-phone:before{content:"\e83d"}.lnr-power-switch:before{content:"\e83e"}.lnr-bubble:before{content:"\e83f"}.lnr-heart-pulse:before{content:"\e840"}.lnr-construction:before{content:"\e841"}.lnr-pie-chart:before{content:"\e842"}.lnr-chart-bars:before{content:"\e843"}.lnr-gift:before{content:"\e844"}.lnr-diamond:before{content:"\e845"}.lnr-linearicons:before{content:"\e846"}.lnr-dinner:before{content:"\e847"}.lnr-coffee-cup:before{content:"\e848"}.lnr-leaf:before{content:"\e849"}.lnr-paw:before{content:"\e84a"}.lnr-rocket:before{content:"\e84b"}.lnr-briefcase:before{content:"\e84c"}.lnr-bus:before{content:"\e84d"}.lnr-car:before{content:"\e84e"}.lnr-train:before{content:"\e84f"}.lnr-bicycle:before{content:"\e850"}.lnr-wheelchair:before{content:"\e851"}.lnr-select:before{content:"\e852"}.lnr-earth:before{content:"\e853"}.lnr-smile:before{content:"\e854"}.lnr-sad:before{content:"\e855"}.lnr-neutral:before{content:"\e856"}.lnr-mustache:before{content:"\e857"}.lnr-alarm:before{content:"\e858"}.lnr-bullhorn:before{content:"\e859"}.lnr-volume-high:before{content:"\e85a"}.lnr-volume-medium:before{content:"\e85b"}.lnr-volume-low:before{content:"\e85c"}.lnr-volume:before{content:"\e85d"}.lnr-mic:before{content:"\e85e"}.lnr-hourglass:before{content:"\e85f"}.lnr-undo:before{content:"\e860"}.lnr-redo:before{content:"\e861"}.lnr-sync:before{content:"\e862"}.lnr-history:before{content:"\e863"}.lnr-clock:before{content:"\e864"}.lnr-download:before{content:"\e865"}.lnr-upload:before{content:"\e866"}.lnr-enter-down:before{content:"\e867"}.lnr-exit-up:before{content:"\e868"}.lnr-bug:before{content:"\e869"}.lnr-code:before{content:"\e86a"}.lnr-link:before{content:"\e86b"}.lnr-unlink:before{content:"\e86c"}.lnr-thumbs-up:before{content:"\e86d"}.lnr-thumbs-down:before{content:"\e86e"}.lnr-magnifier:before{content:"\e86f"}.lnr-cross:before{content:"\e870"}.lnr-menu:before{content:"\e871"}.lnr-list:before{content:"\e872"}.lnr-chevron-up:before{content:"\e873"}.lnr-chevron-down:before{content:"\e874"}.lnr-chevron-left:before{content:"\e875"}.lnr-chevron-right:before{content:"\e876"}.lnr-arrow-up:before{content:"\e877"}.lnr-arrow-down:before{content:"\e878"}.lnr-arrow-left:before{content:"\e879"}.lnr-arrow-right:before{content:"\e87a"}.lnr-move:before{content:"\e87b"}.lnr-warning:before{content:"\e87c"}.lnr-question-circle:before{content:"\e87d"}.lnr-menu-circle:before{content:"\e87e"}.lnr-checkmark-circle:before{content:"\e87f"}.lnr-cross-circle:before{content:"\e880"}.lnr-plus-circle:before{content:"\e881"}.lnr-circle-minus:before{content:"\e882"}.lnr-arrow-up-circle:before{content:"\e883"}.lnr-arrow-down-circle:before{content:"\e884"}.lnr-arrow-left-circle:before{content:"\e885"}.lnr-arrow-right-circle:before{content:"\e886"}.lnr-chevron-up-circle:before{content:"\e887"}.lnr-chevron-down-circle:before{content:"\e888"}.lnr-chevron-left-circle:before{content:"\e889"}.lnr-chevron-right-circle:before{content:"\e88a"}.lnr-crop:before{content:"\e88b"}.lnr-frame-expand:before{content:"\e88c"}.lnr-frame-contract:before{content:"\e88d"}.lnr-layers:before{content:"\e88e"}.lnr-funnel:before{content:"\e88f"}.lnr-text-format:before{content:"\e890"}.lnr-text-format-remove:before{content:"\e891"}.lnr-text-size:before{content:"\e892"}.lnr-bold:before{content:"\e893"}.lnr-italic:before{content:"\e894"}.lnr-underline:before{content:"\e895"}.lnr-strikethrough:before{content:"\e896"}.lnr-highlight:before{content:"\e897"}.lnr-text-align-left:before{content:"\e898"}.lnr-text-align-center:before{content:"\e899"}.lnr-text-align-right:before{content:"\e89a"}.lnr-text-align-justify:before{content:"\e89b"}.lnr-line-spacing:before{content:"\e89c"}.lnr-indent-increase:before{content:"\e89d"}.lnr-indent-decrease:before{content:"\e89e"}.lnr-pilcrow:before{content:"\e89f"}.lnr-direction-ltr:before{content:"\e8a0"}.lnr-direction-rtl:before{content:"\e8a1"}.lnr-page-break:before{content:"\e8a2"}.lnr-sort-alpha-asc:before{content:"\e8a3"}.lnr-sort-amount-asc:before{content:"\e8a4"}.lnr-hand:before{content:"\e8a5"}.lnr-pointer-up:before{content:"\e8a6"}.lnr-pointer-right:before{content:"\e8a7"}.lnr-pointer-down:before{content:"\e8a8"}.lnr-pointer-left:before{content:"\e8a9"}
header {
    position: relative;
    
}
.head-ce {
    max-width:93%;
    position: relative;
    margin: 0 auto;
    padding: 8px 0px 8px 0px;
}

*, *::before, *::after { box-sizing: border-box; }
.jw-hero {

  position: relative;
  height: clamp(760px, 40vw, 920px);
  overflow: hidden;
  container: hero / size;
  background: #e9dccd;
  isolation: isolate;
  transition: --accent 1.4s ease, --glow 2.2s ease;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: pan-y;
  outline: none;
}

.jw-scene {
  --u: 1cqh;
  --base: 0px;       
  --sx: 71cqw;       
  position: absolute;
  inset: 0;
  perspective: 1800px;
}

.jw-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  will-change: transform;
  transform-origin: 50% 50%;
}

.jw-room                  { z-index: 0; }
.jw-leaves-layer,
.jw-mark-layer            { z-index: 1; }
.jw-fog-layer--back       { z-index: 2; }
.jw-product               { z-index: 3; }
.jw-slide[data-state^="exit"] .jw-product { z-index: 4; }
.jw-fog-layer--front      { z-index: 5; }
.jw-grain                 { z-index: 6; }
.jw-content               { z-index: 8; }
.jw-nav                   { z-index: 9; }
.jw-wall {
  position: absolute; inset: 0;
  transform: scaleX(-1);
background-image: url('../images/e314c5c1-69ce-4dd9-a264-06558647671e.png');
  background-size:100% 100%;
}

.jw-light {
  position: absolute;
  width: calc(160 * var(--u));
  height: calc(160 * var(--u));
  left: calc(var(--sx) - 80 * var(--u));
  top: calc(100% - var(--base) - 118 * var(--u));
  border-radius: 50%;
  mix-blend-mode: screen;
  opacity: .95;
  will-change: transform;
}

.jw-beams {
  position: absolute; inset: -20%;
  background: linear-gradient(118deg,
      transparent 28%, rgba(255, 249, 238, .38) 36%, transparent 44%,
      transparent 50%, rgba(255, 249, 238, .22) 57%, transparent 64%);
  filter: blur(26px);
  mix-blend-mode: screen;
  animation: jwBeams 22s ease-in-out infinite alternate;
}
@keyframes jwBeams {
  from { transform: translateX(-2%); opacity: .6; }
  to   { transform: translateX(2%);  opacity: .88; }
}

.jw-floor {
  position: absolute; left: 0; right: 0; bottom: 0;
  top: calc(100% - var(--base) - 20.5 * var(--u));

}
.jw-floor::before {
  content: '';
  position: absolute; left: 0; right: 0; top: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .7) 40%, transparent);
}
.jw-floor::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, .16) 45%, transparent 70%);
}

.jw-leaves-layer {
  -webkit-mask-image: linear-gradient(to bottom, #000 68%, transparent 84%);
          mask-image: linear-gradient(to bottom, #000 68%, transparent 84%);
}
.jw-leaves { position: absolute; inset: 0; width: 100%; height: 100%; mix-blend-mode: multiply; transform: scaleX(-1); }
.jw-leaves--far  { filter: blur(9px); opacity: .22; }
.jw-leaves--near { filter: blur(4px); opacity: .2; }

.jw-mark {
  position: absolute;
  left: 7cqw; top: 20cqh;

}
.jw-mark img{
    width:250px;
}
.jw-mark sup { font-size: .22em; vertical-align: 2.6em; margin-left: .1em; }

.jw-fog { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.jw-fog-layer { opacity: 0; transition: opacity 2.4s ease; }
.jw-hero.is-ready .jw-fog-layer { opacity: 1; }

.jw-slides, .jw-slide { position: absolute; inset: 0; pointer-events: none; }
.jw-slide[data-state="idle"] { visibility: hidden; }
.jw-slide[data-state="idle"] * { transition: none !important; }
.jw-hero:not(.is-ready) .jw-slides { visibility: hidden; }

.jw-stage { position: absolute; left: var(--sx); bottom: var(--base); width: 0; height: 0; }
.jw-base  { position: absolute; left: 0; bottom: 0; width: 0; height: 0; }

.jw-slide[data-state^="exit"] .jw-base { opacity: 0; transition: opacity 1.3s ease .1s; }

.jw-stand, .jw-reflection {
  position: absolute;
  left: calc(var(--stand-w, 70) * -.5 * var(--u));
  width: calc(var(--stand-w, 70) * var(--u));
  bottom: calc(8 * var(--u));
  max-width: none;
  height: auto;
  display: block;
  -webkit-user-drag: none;
}
.jw-stand { filter: contrast(1.03) saturate(1.02); }
.jw-reflection {
  transform-origin: 50% 100%;
  transform: scaleY(-1);
  opacity: .18;
  filter: blur(1.5px);
  -webkit-mask-image: linear-gradient(to bottom, transparent 45%, #000 100%);
          mask-image: linear-gradient(to bottom, transparent 45%, #000 100%);
}
.jw-stand-shadow, .jw-bottle-shadow, .jw-bottle-cast, .jw-glint { position: absolute; will-change: transform; pointer-events: none; }
.jw-stand-shadow {
  left: calc(var(--stand-w, 86) * -.6 * var(--u));
  width: calc(var(--stand-w, 86) * 1.2 * var(--u));
  bottom: calc(4.2 * var(--u));
  height: calc(9 * var(--u));
  background: radial-gradient(closest-side, rgba(66, 42, 22, .38), rgba(66, 42, 22, .13) 60%, transparent);
  filter: blur(8px);
}

.jw-glint {
  left: calc(-32 * var(--u));
  width: calc(64 * var(--u));
  bottom: calc(21 * var(--u));
  height: calc(10 * var(--u));
  background: radial-gradient(closest-side, rgba(255, 249, 236, .75), rgba(255, 249, 236, 0));
  mix-blend-mode: screen;
  filter: blur(6px);
  opacity: 0;
}
.jw-glint.is-on { animation: jwGlint 2.6s cubic-bezier(.3, .6, .3, 1); }
@keyframes jwGlint {
  0%   { opacity: 0;   transform: scale(.7); }
  35%  { opacity: .7;  transform: scale(1); }
  100% { opacity: 0;   transform: scale(1.2); }
}
.jw-bottles {
  position: absolute;
  left: 0;
  bottom: calc(var(--bottle-y, 24.6) * var(--u));
  width: 0;
  height: calc(var(--bottle-h, 56) * var(--u));
  perspective: 1400px;
}
.jw-bottle {
  position: absolute;
  left: 0; bottom: 0;
  height: min(100%, calc(var(--bottle-w, 48) * var(--u) / var(--ar, .43)));
  translate: -50% 0;
  opacity: 0;
  --bl: 0px;
  filter: blur(var(--bl));
  transform-origin: 50% 92%;
  transition:
    transform 1.7s var(--ease-soft),
    opacity 1.3s ease,
    filter 1.4s ease;
  will-change: transform, opacity, filter;
}
.jw-bottle img {
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
  -webkit-user-drag: none;
}
.jw-bottle canvas { position: absolute; inset: 0; width: 100%; height: 100%; }

.jw-bottle-shadow {
  left: -16%;
  width: 132%;
  bottom: calc(-1.4 * var(--u));
  height: calc(3.8 * var(--u));
  background: radial-gradient(closest-side, rgba(45, 28, 14, .55), rgba(45, 28, 14, .2) 55%, transparent);
  filter: blur(3px);
}
.jw-bottle-cast {
  right: 42%;
  width: 148%;
  bottom: calc(-.8 * var(--u));
  height: calc(3.4 * var(--u));
  border-radius: 50%;
  background: linear-gradient(to left, rgba(60, 38, 20, .3), rgba(60, 38, 20, 0));
  filter: blur(6px);
  transform-origin: 100% 50%;
}

.jw-slide[data-state="active"] .jw-bottle { opacity: 1; transform: none; --bl: 0px; }

.jw-slide[data-state="exit-next"] .jw-bottle {
  opacity: 0; --bl: 4px;
  transform: translate3d(-42%, -3%, -180px) rotateY(22deg) rotateZ(-3deg);
  transition-duration: 1.4s, 1s, 1.2s;
}
.jw-slide[data-state="exit-prev"] .jw-bottle {
  opacity: 0; --bl: 4px;
  transform: translate3d(42%, -3%, -180px) rotateY(-22deg) rotateZ(3deg);
  transition-duration: 1.4s, 1s, 1.2s;
}
.jw-slide[data-state="pre-next"] .jw-bottle {
  opacity: 0; --bl: 5px; transition: none;
  transform: translate3d(40%, -8%, -220px) rotateY(-22deg) rotateZ(3deg);
}
.jw-slide[data-state="pre-prev"] .jw-bottle {
  opacity: 0; --bl: 5px; transition: none;
  transform: translate3d(-40%, -8%, -220px) rotateY(22deg) rotateZ(-3deg);
}

.jw-grain {
  position: absolute; inset: 0;
  pointer-events: none;
  background-image: var(--grain, none);
  background-size: 180px 180px;
  opacity: .07;
  mix-blend-mode: multiply;
}
.jw-content {
  position: absolute;
  left: 7cqw;
  top: 26cqh;
  width: min(42cqw, 118cqh);
  text-align: left;
  pointer-events: auto;
  will-change: transform;
  direction:ltr;
}
.jw-slide:not([data-state="active"]) .jw-content { pointer-events: none; }

.jw-title {
  margin: 0;
  font-weight: 800;
color: #690810;
text-align: left;
 font-family: 'DoranClassicDots-Bold';
font-size: 56px;
font-style: normal;
font-weight:bold;
line-height: normal;

}
.jw-sub {
color: #3C2F21;
  font-family: 'DoranClassicDots';
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.jw-divider {
  position: relative;
  height: 1px;
  margin:12px 0 18px 0;
  width:70%;
  background: linear-gradient(to right, rgba(90, 68, 52, .38), rgba(90, 68, 52, .12) 70%, rgba(90, 68, 52, 0));
  transform-origin: 0% 50%;
  transition: transform 1.6s var(--ease-soft) .2s;
  direction:ltr;
}
.jw-divider::after {
  content: '';
  position: absolute; right: 0; top: -2px;
  width: 5px; height: 5px; border-radius: 50%;
  background: rgba(90, 68, 52, .4);
}
.jw-desc {

color: #3C2F21;
text-align: left;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: normal;
}
.jw-actions {
  margin-top: 4.4cqh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4.6cqh;
}

.jw-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1.6cqh;
width: 218px;
height: 64px;
  padding: 0 16px;
border-radius: 2px;
background: #690810;
  color: #FFF;
font-size: 14px;
font-weight: 600;
line-height: normal;
  text-decoration: none;
  overflow: hidden;
  transition: transform .6s var(--ease-soft), box-shadow .6s ease, opacity 1.1s, filter 1.1s;
}
.jw-btn::before {
  content: '';
  position: absolute; top: 0; bottom: 0; left: -60%;
  width: 45%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .24), transparent);
  transform: skewX(-18deg);
  transition: left 1.1s ease;
}
a:hover{
    text-decoration:none;
}
.jw-btn:hover { transform: translateY(-2px); box-shadow: 0 2.4cqh 4cqh -1.8cqh color-mix(in srgb, #690810 80%, transparent);color:#fff; }
.jw-btn:hover::before { left: 120%; }
.jw-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.jw-btn svg { width: 2.9cqh; height: 2.9cqh; fill: none; stroke: currentColor; stroke-width: 1.6; transition: transform .6s ease; }
.jw-btn:hover svg { transform: translate(2px, -2px); }

.jw-stat { display: flex; align-items: center; gap: 2cqh; }
.jw-stat-icon {
  width: 9.6cqh; height: 9.6cqh;
  display: grid; place-items: center;
  border-radius: 2px;
  background: rgba(120, 94, 74, .09);
  color: var(--ink);
}
.jw-stat-icon svg { width: 4.4cqh; height: 4.4cqh; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linejoin: round; }
.jw-stat-text { display: flex; flex-direction: column; align-items: flex-start; }
.jw-stat-num {
  direction: ltr;
  color: #3C2F21;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 32px;
 display:block;
}
.jw-stat-label { 
    color: #3C2F21;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.jw-content .w { display: inline-block; }
.jw-content .w,
.jw-fade {
  transition:
    opacity 1.2s cubic-bezier(.25, .6, .3, 1),
    transform 1.4s var(--ease-soft),
    filter 1.2s ease;
  transition-delay: calc(var(--d, 0ms) + var(--i, 0) * 42ms);
}
.jw-content.is-out .w,
.jw-content.is-out .jw-fade {
  opacity: 0;
  transform: translateY(-.22em);
  filter: blur(3px);
  transition-duration: .55s;
  transition-timing-function: ease-in-out;
  transition-delay: calc(var(--i, 0) * 10ms);
}
.jw-content.is-out .jw-fade { transform: translateY(-6px); }
.jw-content.is-pre .w,
.jw-content.is-pre .jw-fade {
  opacity: 0;
  transform: translateY(.42em);
  filter: blur(4px);
  transition: none;
}
.jw-content.is-pre .jw-fade { transform: translateY(10px); }
.jw-content.is-out .jw-divider { transform: scaleX(0); transition-delay: 0s; transition-duration: .6s; }
.jw-content.is-pre .jw-divider { transform: scaleX(0); transition: none; }

.jw-nav {
  position: absolute;
  right: 2.6cqw;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.2cqh;
  z-index:999;
}
.jw-hero.is-single .jw-nav { display: none; }
.jw-arrow {
  width: 6cqh; height: 6cqh;
  min-width: 34px; min-height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(70, 50, 38, .22);
  background: rgba(255, 252, 247, .32);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  color: var(--ink);
  display: grid; place-items: center;
  cursor: pointer;
  padding: 0;
  transition: background .5s, border-color .5s, color .5s, transform .5s var(--ease-soft);
}
.jw-arrow svg { width: 45%; height: 45%; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.jw-arrow:hover { background: var(--accent); border-color: var(--accent); color: #fff; transform: scale(1.05); }
.jw-arrow:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

.jw-count {
  display: flex; flex-direction: column; align-items: center; gap: .6cqh;
  font-weight: 600;
  color: var(--ink);
  line-height: 1;
}
.jw-count-cur { font-size: 3.4cqh; transition: opacity .45s ease, transform .45s ease; }
.jw-count-cur.is-swap { opacity: 0; transform: translateY(5px); }
.jw-count i { width: 1.6cqh; height: 1px; background: rgba(58, 42, 32, .35); }
.jw-count-tot { font-size: 2cqh; opacity: .55; }

.jw-dots { display: flex; flex-direction: column; gap: .9cqh; }
.jw-dot {
  position: relative;
  width: 2.6cqh; height: 6.2cqh;
  min-width: 16px;
  padding: 0; border: 0; background: none;
  cursor: pointer;
}
.jw-dot::before, .jw-dot i {
  content: '';
  position: absolute;
  left: 50%; top: 0;
  width: 2px; height: 100%;
  margin-left: -1px;
  border-radius: 2px;
}
.jw-dot::before { background: rgba(58, 42, 32, .17); transition: background .4s; }
.jw-dot:hover::before { background: rgba(58, 42, 32, .35); }
.jw-dot i { background: var(--accent); transform-origin: 50% 0; transform: scaleY(var(--p, 0)); }
.jw-dot:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (max-width: 900px) {
  .jw-hero { height: 100svh; min-height: 640px; max-height: 1000px; }
}
@container hero (max-width: 900px) {
  .jw-scene { --u: min(.52cqh, 1.02cqw); --base: 10cqh; --sx: 50cqw; }

  .jw-content { right: 6cqw; left: 6cqw; width: auto; top: 7cqh; }
  .jw-divider { margin: 2cqh 0; }
  .jw-desc  { font-size: min(3.6cqw, 2.1cqh); line-height: 1.85; }
  .jw-actions { margin-top: 2.6cqh; }
  .jw-btn svg { width: min(4.4cqw, 2.6cqh); height: min(4.4cqw, 2.6cqh); }
  .jw-stat { display: none; }

  .jw-nav {
    left: 50%; right: auto; top: auto;
    bottom: 2.4cqh;
    transform: translateX(-50%);
    flex-direction: row;
    direction: ltr;
    gap: 3.6cqw;
  }
  .jw-arrow { width: min(10cqw, 5.4cqh); height: min(10cqw, 5.4cqh); }
  .jw-arrow svg { transform: rotate(-90deg); }
  .jw-count { flex-direction: row; gap: 1.6cqw; }
  .jw-count-cur { font-size: min(5cqw, 2.8cqh); }
  .jw-count-tot { font-size: min(3.6cqw, 2cqh); }
  .jw-count i { width: 1px; height: 2cqh; }
  .jw-dots { flex-direction: row; gap: 1.6cqw; }
  .jw-dot { width: min(9cqw, 5cqh); height: min(6cqw, 3cqh); }
  .jw-dot::before, .jw-dot i { left: 0; top: 50%; width: 100%; height: 2px; margin: -1px 0 0; }
  .jw-dot i { transform-origin: 0% 50%; transform: scaleX(var(--p, 0)); }
}

@media (prefers-reduced-motion: reduce) {
  .jw-beams { animation: none; }
  .jw-bottle { transition-duration: .7s !important; }
}

  *{box-sizing:border-box}
  :root{
    --ease-open: cubic-bezier(.18,.9,.22,1.06);
    --ease-close: cubic-bezier(.6,0,.35,1);
    --n: 1;
    --w: min(230px, calc((min(100vw, 1432px) - 32px) / var(--n) / 1.7));
  }
  @media (min-width:500px)  { :root{ --n:2 } }
  @media (min-width:740px)  { :root{ --n:3 } }
  @media (min-width:960px)  { :root{ --n:4 } }
  @media (min-width:1180px) { :root{ --n:5 } }

  .hint{margin-top: 0;
    color: #8a7e70;
    font-size: 0;
    letter-spacing: .05em;
    visibility: hidden;
    height: 0;;}
  .slider{width:100%; max-width:90%;margin:0 auto;position:relative;}
  .swiper{width:100%}
  .swiper-slide{
    display:flex; justify-content:center; align-items:flex-end;
    padding:50px 0 90px;
    height:auto;
  }
  .door-unit{
  }
  .controls{
    display:flex; align-items:center; justify-content:center; gap:22px;
    margin-top:-40px; position:relative; z-index:5;
  }
  .nav-btn{
  width: 44px;
    height: 44px;
    border-radius: 50%;
    border:none;
    background: rgba(236, 0, 0, 0.00);
    color: #5a4e42;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: background .25s, border-color .25s, transform .25s;
    -webkit-tap-highlight-color: transparent;
    top: 40%;
    position: absolute; transform .25s;
    -webkit-tap-highlight-color:transparent;
    z-index:999;
  }
  .nav-btn:hover{background:rgba(255, 255, 255, 0.14); border-color:rgba(60,45,30,.45)}
  .nav-btn:active{transform:scale(.94)}
  .nav-btn svg{width:18px; height:18px}
  .pagination{position:static !important; width:auto !important; display:flex; gap:4px}
  .pagination .swiper-pagination-bullet{
    width:7px; height:7px; background:#8a7e70; opacity:.35; margin:0 !important;
    transition:opacity .3s, width .3s; border-radius:4px;
  }
  .pagination .swiper-pagination-bullet-active{opacity:1; width:22px}
  .nav-prev{
      left:0;
  }
  .nav-next{
      right:0;
  }
  .door{
    --h: calc(var(--w) * 1.72);
    --r: calc(var(--w) / 2);
    --f: 7px;
    --t: 12px;
    position:relative; width:167px; height:340px;
    perspective:1600px; perspective-origin:50% 35%;
    cursor:pointer; outline:none; direction:ltr;
    -webkit-tap-highlight-color:transparent;
    touch-action:pan-y;
    user-select:none; -webkit-user-select:none;
  }
  .door:focus-visible .frame{box-shadow:0 0 0 3px rgba(138,126,112,.6), 0 30px 45px -28px rgba(0,0,0,.45)}

  .floor-shadow{
    position:absolute; left:-6%; right:-6%; bottom:-18px; height:36px;
    background:radial-gradient(ellipse at center, rgba(0,0,0,.18) 0%, transparent 70%);
    filter:blur(2px); transition:transform 1.2s var(--ease-open), opacity 1.2s;
  }

  .frame{
    position:absolute; inset:0;
    border-radius:var(--r) var(--r) 3px 3px;
    background:linear-gradient(90deg, #cfbda7, #cfbda7 30%, #cfbda7 70%, #cfbda7);
    box-shadow:0 30px 45px -28px rgba(0,0,0,.45), inset 0 0 0 1px rgba(0,0,0,.05);
  }
  .inside{
    position:absolute; inset:var(--f) var(--f) 0;
    border-radius:calc(var(--r) - var(--f)) calc(var(--r) - var(--f)) 0 0;
    overflow:hidden;
    background:#690810;
    box-shadow:inset 0 5px 10px rgba(43, 1, 4, 0.92), inset -14px 0 24px rgba(0,0,0,.0), inset 10px 0 20px rgba(0,0,0,.0);
  }
  .inside .content{
    position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center;
    color:var(--in-ink); text-align:center;
    opacity:0; transform:translateY(12px) scale(.94);
    transition:opacity .5s ease, transform .6s ease;
  }
  .inside .cta{
    margin-top:calc(var(--w) * .09); font-size:max(8px, calc(var(--w) * .044)); letter-spacing:.22em;
    padding:.9em 1.6em; border:1px solid currentColor; border-radius:30px; opacity:.85;
  }
  .leaf{
    position:absolute; inset:var(--f) var(--f) 0;
    border-radius:calc(var(--r) - var(--f)) calc(var(--r) - var(--f)) 0 0;
    transform-origin:100% 50%;
    transform-style:preserve-3d;
    transition:transform 1.1s var(--ease-close);
    z-index:2;
  }
  .face{
    position:absolute; inset:0; border-radius:inherit; overflow:hidden;
    backface-visibility:hidden; -webkit-backface-visibility:hidden;
  }
  .front{
    transform:translateZ(calc(var(--t) / 2));
    background:#d9c9b7;
      
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);
  }
  .back{
    transform:rotateY(180deg) translateZ(calc(var(--t) / 2));
    background:
      repeating-linear-gradient(90deg, rgba(0,0,0,.02) 0 2px, transparent 2px 7px),
      linear-gradient(80deg, var(--c2) 0%, var(--c1) 45%, var(--c2) 100%);
  }
  .face::before{
    content:''; position:absolute; inset:14px 14px 18px;
    border-radius:calc(var(--r) - 21px) calc(var(--r) - 21px) 2px 2px;
    border:1px solid var(--line);
  }
  .face::after{
    content:''; position:absolute; inset:0; pointer-events:none;
    background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.45) 100%);
    opacity:0; transition:opacity 1.1s ease;
  }
  .back::after{
    background:linear-gradient(90deg, rgba(255,240,215,.18) 0%, rgba(0,0,0,.35) 100%);
    opacity:1;
  }
  .edge{
    position:absolute; left:calc(var(--t) / -2); bottom:0;
    width:var(--t); height:calc(100% - var(--r) + var(--f) + 8px);
    background:linear-gradient(90deg, var(--edge-d), var(--edge), var(--edge-d));
    transform:rotateY(90deg);
  }
  .label{
    position:absolute; inset:0; display:flex; flex-direction:column; align-items:center;
    padding-top:63px; color:var(--ink); text-align:center;
  }
  .brand{
      color: #3C2F21;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
 }
  .inside .brand{
      color:#f6ead6;
  }
  .inside .sep{
      background-color:#f6ead6;
      margin:16px auto;
  }
  .sep{width:30px; height:1px; background:#000; margin:24px auto}
  .count{font-size:20px; font-weight:500; letter-spacing:.08em}
  .word{font-size:11px; margin-top:8px; padding-left:.22em;letter-spacing:1px;}

  .handle{position:absolute; top:57%; width:8px; height:36px}
  .front .handle{left:11%}
  .back  .handle{right:11%}
  .plate{
    position:absolute; inset:0; border-radius:4px;
    background:linear-gradient(90deg, #8f6420, #f3d58a 45%, #c9973f 70%, #8f6420);
    box-shadow:1px 2px 3px rgba(0,0,0,.3);
  }
  .lever{
    position:absolute; top:7px; width:24px; height:6px; border-radius:3px;
    background:linear-gradient(180deg, #f6dc95, #c9973f 55%, #7f5719);
    box-shadow:1px 3px 4px rgba(0,0,0,.35);
    transition:transform .35s cubic-bezier(.3,1.6,.5,1);
  }
  .lever::before{
    content:''; position:absolute; top:-2px; width:10px; height:10px; border-radius:50%;
    background:radial-gradient(circle at 35% 35%, #fbe7ad, #b8862f 60%, #7f5719);
  }
  .front .lever{left:2px; transform-origin:3px 50%}
  .front .lever::before{left:-2px}
  .back  .lever{right:2px; transform-origin:calc(100% - 3px) 50%}
  .back  .lever::before{right:-2px}
  .hinge{
    position:absolute; right:-1px; width:4px; height:24px; border-radius:2px;
    background:linear-gradient(90deg, #8f6420, #e9c879, #9b6d24);
  }
  .hinge.h1{top:24%} .hinge.h2{bottom:12%}
  .door.turn .front .lever{transform:rotate(32deg)}
  .door.turn .back  .lever{transform:rotate(-32deg)}
  .door.open .leaf{transform:rotateY(108deg); transition:transform 1.6s var(--ease-open)}
  .door.open .front::after{opacity:.6}
  .door.open .inside .light{opacity:1}
  .door.open .inside .content{opacity:1; transform:none; transition-delay:.45s}
  .door.open .spill{opacity:1; transform:scaleX(1)}
  .door.open .floor-shadow{transform:translateX(18%) scaleX(1.25); opacity:.75}
  .door.thud{animation:thud .35s ease-out}
  @keyframes thud{
    0%{transform:translate(0,0)} 25%{transform:translate(-1.5px,.5px)}
    55%{transform:translate(1px,0)} 100%{transform:translate(0,0)}
  }
  @media (prefers-reduced-motion: reduce){
    .leaf, .lever, .inside *, .spill, .floor-shadow{transition-duration:.01s !important}
    .door.thud{animation:none}
  }
  .door--cream{
    --frame:#e8dfd1; --frame-d:#d9cdbb; --c1:#efe8dd; --c2:#e1d6c5;
    --edge:#d4c7b3; --edge-d:#bcae98; --line:rgba(60,45,30,.08); --ink:#2a2622;
    --in1:#2e2721; --in2:#110e0b; --in-ink:#f6ead6;
    --light:rgba(255,222,165,.75); --light-soft:rgba(255,232,190,.25);
  }
header{
    padding:8px 0;
     position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index:99;
}
.head-ce{
    width:90%;
    margin:0 auto;
}
.list-tp {
display:flex;
flex-direction:row-reverse;
justify-content:flex-start;
column-gap:24px;
padding-top:4px;

}
.d-flx-nd{
    display:flex;
justify-content:center;
align-items:center;
}
.btn-us{
    border-radius: 5px;
background: rgba(60, 47, 33, 0.10);
width: 48px;
height: 48px;
}
#search{
    position:relative;
}
#search svg path{
    fill:#000;
}
.btn-sb-bx{
    border-radius: 5px;
border: 0.5px solid rgba(60, 47, 33, 0.40);
width: 48px;
height: 48px;
}
.right-nd{

    float:left;
}
ul{
    list-style:none;
}
.d-lg-none{
    display:none;
}
.clear{
    clear:both;
}
.logo-nd{
      float: left;
    width: 106px;
    position: relative;
    top: -4px;
}
    .filter-wrapper {
      background-color: #faf6f0;
      border: 1px solid #ebdcd0;
      border-radius: 12px;
      padding: 18px 20px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
    }
    .filter-item-label {
      display: flex;
      align-items: center;
      flex-direction: row-reverse;
      justify-content: flex-end;
      gap: 6px;
      font-size: 14px;
      color: #555;
      margin-bottom: 8px;
      font-weight: 500;
    }

    .filter-item-label i {
      font-size: 15px;
      color: #666;
    }
    .custom-select-box {
      position: relative;
    }

    .custom-select-box select {
      height: 42px;
      border-radius: 6px;
     border-radius: 3px;
     background:none;
     position:relative;
border: 0.5px solid rgba(70, 11, 16, 0.30);
      color: #aaa;
      padding: 6px 32px 6px 12px;
      font-size: 13px;
      box-shadow: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      cursor: pointer;
      width: 100%;
      transition: border-color 0.2s;
      direction:ltr;
    }

    .custom-select-box select:focus {
      border-color: #7a1523;
      outline: none;
      box-shadow: 0 0 5px rgba(122, 21, 35, 0.2);
    }
    .custom-select-box .dropdown-arrow {
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none;
      color: #690810;
      font-size: 12px;
    }
    .filter-item-label svg{
        width:24px;
        height:24px;
    }
    .btn-advanced-search {
  border-radius: 3px;
background: #690810;
   color: #FFF;
text-align: center;
font-size: 14px;
font-style: normal;
line-height: normal;
      border: none;
      height: 42px;
      width: 100%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      transition: background-color 0.2s ease;
      margin-top: 28px;
    }

    .btn-advanced-search:hover,
    .btn-advanced-search:focus {
      background-color: #570a13;
      color: #fff;
    }
    .dv-container{
        width:90%;
        margin:0 auto;
    }
    .search-dv-nd{
        padding:32px 0 100px 0;
    }

.ti-ce-se{
    padding:0 48px;
      display:table;
      margin:0 auto;
      position:relative;
}
.ti-ce-se h3{
    color: #3C2F21;
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: normal;
   font-family: 'DoranClassicDots';
      background-color:#ECE2D9;
            padding:0 8px;
}
.ti-ce-se:before{
    border-bottom:1px solid #B8987F;
    position:absolute;
    width:100%;
    height:2px;
    content:"";
    top:20px;
    left:0;
    z-index:-1;
}
.ti-c-ce{
    color: #3C2F21;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
direction:ltr;
}
.dv-ce{
    max-width:70%;
    margin:0 auto;
    position:relative;
}
.dv-cl{
    border-radius: 10px;
background: rgba(250, 243, 236, 0.90);
margin:16px auto;
padding:32px 32px;
}
.img-abs{
    position: absolute;
    top: -49px;
    right: -170px;
    z-index: -1;
}
.img-abs-12{
    position: absolute;
    bottom: -67px;
    left: -127px;
    transform: scaleX(-1);
    z-index: -1;
}
.floating-flower {

  pointer-events: none; 
  animation: floatAnimation 4s ease-in-out infinite;
  transition: transform 0.15s cubic-bezier(0.2, 0.8, 0.2, 1);
  will-change: transform;
}
@keyframes floatAnimation {
  0% {
    transform: translateY(0px) rotate(0deg) scaleX(-1);
    filter: drop-shadow(0 15px 15px rgba(0, 0, 0, 0.15));
  }
  50% {
    transform: translateY(-20px) rotate(-3deg) scaleX(-1);
    filter: drop-shadow(0 30px 25px rgba(0, 0, 0, 0.08));
  }
  100% {
    transform: translateY(0px) rotate(0deg) scaleX(-1);
    filter: drop-shadow(0 15px 15px rgba(0, 0, 0, 0.15));
  }
}
.dv-cl .col-xs-6,.dv-cl .col-xs-12{
    padding:0 4px;
}


.img-br{
    width:90%;
    margin:0 auto;
}
.op-lg{
position: absolute;
    left: 0;
    top: -61px;
    width: 100%;
  -moz-transform: scale(0.5);
-webkit-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
.title-ce{
    position:relative;
    max-width:482px;
    margin:20px auto 0px auto;
    width:100%;
}
.ti-fe{
    color: #000;
text-align: center;
  font-family: 'DoranClassicDots';
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding-top:40px;
direction:ltr;
}
.jw-leaves--near,.jw-fog--bac{
    visibility:hidden;
}
.dv-bc-nd{
    border-radius: 15px;
background: #E8DCD2;
padding:24px 80px;
position:relative;
}
.ti-en{
    background: linear-gradient(92deg, #B8987F 46.79%, #524439 84.16%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
  font-family: 'DoranClassicDots';
font-size: 24px;
font-style: normal;
font-weight:bold;
line-height: normal;
}
.title-ce-bx{
    color: #000;
text-align: center;
  font-family: 'DoranClassicDots';
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.product-bx .swiper-slide,.btm-dv .swiper-slide{
    width: auto !important;
    padding:16px;
}
.col-nd{
    border-radius: 1000px 1000px 10px 10px;
background: rgba(250, 243, 236, 0.50);
box-shadow: 0 3px 12px 0 rgba(60, 47, 33, 0.10);
width: 260px;
padding:16px;

}
.img-product{
       border-radius: 1000px 1000px 10px 10px;
       width:100%;
}
.t-pr-11{
    color: #3C2F21;
text-align: left;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding:8px 0 4px 0;
}
.t-pr-12{
    color: rgba(60, 47, 33, 0.50);
text-align: left;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.flx-ft{
    padding-top:24px;
    display:flex;
    justify-content:space-between;
    direction:ltr;
    align-items:center;
}
.price-nd{
    color: #3C2F21;
text-align:right;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.btn-sell-nd{
    border-radius: 3px;
background: #690810;
width: 83px;
height: 32px;
color: #FFF;
text-align: center;
font-size: 14px;
font-style: normal;
line-height: normal;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}
.link-ce{
    color: #690810;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
display:flex;
justify-content:center;
align-items:center;
direction:ltr;
padding:40px 0 16px 0;
}
.link-ce svg, .more-nd svg{
    transform: scaleX(-1);
}
.link-ce:hover{
    color:#000;
}
.swiper-pagination {
    position: absolute;
    z-index: 10;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 13px;
}
.swiper-pagination span{
    width: 5px;
height: 5px;
}
.swiper-pagination-bullet-active {
  background-color:#690810;
  width:39px!important;
  border-radius:5px;
}

  .lily-corner {
    position:absolute;        
    top: 0;
    left: 0;               
    transform: scaleX(-1);
    width: clamp(160px, 22vw, 300px);
    height: auto;
    overflow: visible;
    pointer-events: none;   
    z-index: 0;    
  }
 .lily2-corner {
    position: absolute;  
    bottom: 0;
    right: 0;
    transform: scaleX(-1);
    width: clamp(180px, 26vw, 360px);
    height: auto;
    overflow: visible;
    pointer-events: none; 
    z-index: 0;
  }
.p-ti-11{
        background: linear-gradient(186deg, #B8987F 0.84%, #ECE2D9 57.71%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
  font-family: 'DoranClassicDots';
font-size: 24px;
font-style: normal;
font-weight:bold;
line-height: normal;
 }
#searchContainer{
    float: left;
    position: relative;
    top:10px;
    z-index: 9999;
}

#searchButton span{
    width: 48px;
           border-radius:50%;
    height: 48px;
    border:1px solid #00128e;
    display:flex;
    font-size:20px;
    align-items:center;
    justify-content:center;
}

#s, #s2, #search-input {
    display: block;
    width: 70%;
    margin-left: 4px;
    float: left;
    border: 0;
    outline: none;
    padding: 0;
    height: 37px;
    line-height: 20px;
    font-size: 11px;
    background: none;
    direction: rtl;
    padding-right: 8px;
    padding-left: 10px;
    color: #676767;
    border-radius: 8px;
    border-radius: 8px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: none;
}
.btn-se {
    background: #490600;
    width: 28%;
    float: left;
    height: 37px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #ece2d9;
    font-weight: bold;
    text-align: center;
    border: none;
}
#loginButton , #searchButton , #searchndButton { 
    border-radius:3px;
    -moz-border-radius:3px;
    position:relative;
    z-index:30;
    cursor:pointer;
}
a:hover{
    text-decoration:none;
}
#loginBox , #searchBox ,#searchndBox {
position: absolute;
    top: 43px;
    right: -9px;
    display: none;
    z-index: 29;
    width: 300px;
}

#loginForm, #searchForm, #searchndForm {
    width: 100%;
    border-radius: 3px;
    -moz-border-radius: 20px;
    margin-top: -1px;
    background: rgb(248 241 234);
    padding: 2px 0;
}

#loginForm fieldset ,#searchForm fieldset ,  #searchndForm fieldset {
    margin:0 0 12px 0;
    display:block;
    border:0;
    padding:0;
}

fieldset .body {
    background:#fff;
    border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 13px;
    margin:0;
}

#loginForm #checkbox , #searchForm #checkbox ,  .searchndForm #search  {
    width:auto;
    margin:1px 9px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}
.body fieldset label {
    display:block;
    float:none;
    margin:0 0 6px 0;
}

#loginForm #login , .searchForm #search ,  .searchndForm #search   {
    width:auto;
    float:left;
    background:#339cdf url(../images/loginbuttonbg.png) repeat-x;
    color:#fff;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}

#loginForm span {
    text-align:center;
    display:block;
    padding:7px 0 4px 0;
}
#loginForm span a {
    color:#3a454d;
    text-shadow:1px 1px #fff;
    font-size:12px;
}
.btm-dv{
    padding:8px 0 60px 0;
}
.btm-dv .ti-c-ce{
    font-size:16px;
    padding-bottom:16px;
    direction:ltr;
}
.dv-ce-btm{
    max-width:85%;
    margin:0 auto;
}
.col-nd-bmt{
    width:184px;
    border-radius:100px;
    position:relative;
}
.col-nd-bmt img{
    width:100%;
}
.ti-bd{
    border-radius: 0 0 100px 100px;
background: linear-gradient(180deg, rgba(236, 226, 217, 0.00) 0.09%, rgba(236, 226, 217, 0.86) 49.2%, #ECE2D9 83.13%);
width: 107%;
    bottom: -17px;
    position: absolute;
    z-index: 99;
    height: 230px;
    right: -13px;
    text-align: center;
    padding-top: 90px;
    color: #000;
    text-align: center;
    font-family: 'DoranClassicDots';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.ti-bd span{
    display:block;
}
.why-ch .dv-container{
border-top:10px solid #E8DCD2;
padding:40px 0 60px 0;
}
.ti-en-bt{
    background: linear-gradient(92deg, #B8987F 46.79%, #524439 84.16%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
  font-family: 'DoranClassicDots';
font-size: 32px;
font-style: normal;
font-weight:bold;
line-height: normal;
}
  .features-strip {
    background-color: #f1e9de;
    padding: 30px 0;
    direction:ltr;
     
  }
  .feature-item {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    position: relative;
    padding: 10px 20px;
    min-height: 70px;
    column-gap:8px;
  }
  .feature-text {
    text-align: left;
    margin-right: 14px;
  }
  .feature-text h4 {
    margin: 0 0 5px 0;
    font-size: 14.5px;
    font-weight: bold;
    color: #4a2824;
  }
  .feature-text p {
    margin: 0;
    font-size: 11.5px;
    color: #7b5b54;
  }
  .feature-icon {
    width: 38px;
  }

.custom-divider {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 11px;
  height: 95px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='95' viewBox='0 0 11 95' fill='none'%3E%3Cpath d='M7 95L7 61' stroke='%23B8987F' stroke-width='0.5'/%3E%3Cpath d='M7 38L7 0' stroke='%23B8987F' stroke-width='0.5'/%3E%3Cpath d='M0 49.5C2.5481 48.5571 4.55712 46.5481 5.5 44C6.44288 46.5481 8.4519 48.5571 11 49.5C8.4519 50.4429 6.44288 52.4519 5.5 55C4.55712 52.4519 2.5481 50.4429 0 49.5Z' fill='%23B8987F'/%3E%3C/svg%3E");
}
.pn-bt{
    padding-bottom:24px;
}
footer{
    background: rgba(60, 47, 33, 0.05);
    position:relative;
}
footer:before{
    background-image: url('../images/lff.png');
    position:absolute;
    left:0;
    bottom:0px;
    transform:scaleX(-1);
    content:"";
    background-size:100% 100%;
    width:175px;
    height:323px;
}
footer:after{
    background-image: url('../images/rgg.png');
    position:absolute;
    right:0;
    bottom:0px;
    transform:scaleX(-1);
    content:"";
    background-size:100% 100%;
    width:195px;
    height:283px;
}
.ft-ce{
    width:80%;
    margin:0 auto;
    padding:32px 0 0 0;
}
.ti-ft span{
    display:block;
    color: #3C2F21;
text-align: left;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
direction:ltr;
}
.ft-list{
        float: left;
    background: #e3d8d0;
    padding-right:24px;
}
.no-pn{
    padding:0 0;
}
.pn-y{
    padding:24px 0 32px 0;
    position:relative
}
.pn-y:before{
     border-top: 1px solid #B8987F;
    position: absolute;
    top: 52px;
    left: 0;
    content: "";
    width: 100%;
    z-index: -1;
}
.ti-ft{
    color: #3C2F21;
text-align: left;
font-size: 16px;
font-style: normal;
font-weight:bold;
line-height: normal;
padding-bottom:16px;
}

.list-ft li a {
    color: #3C2F21;
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    padding: 12px 0;
}
.list-ft li:hover a{
    color:#690810;
}
.p-ft {
    display: flex;
    direction:ltr;
    align-items: center;
    justify-content: flex-start;
    column-gap: 8px;
    color: #3C2F21;
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 8px 0 24px 0;
}
.p-ft span{
     color: #3C2F21;
}
.pn-cp{
    border-top-left-radius: 5px;
     border-top-right-radius: 5px;
background: #3C2F21;
padding:4px 0;
max-width:483px;
color: #FFF;
text-align: center;
font-size: 13px;
font-style: normal;
line-height: 30px; 
margin:30px auto 0 auto;
direction:ltr;
}

.logo-ft-ce{
    display: block;
    margin: 8px auto;
    background: #e3d8d0;
    padding: 0 10px;
    max-width: 135px;
    position: relative;
    top: -7px;

}
.img-nm{
    float: right;
    background: #e3d8d0;
    padding-left:24px;
}
.ft-list li{
    padding:0 0;
}
.ft-list li a{
        display: block;
    padding: 17px 18px 8px 0;
}

.ti-about{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    direction:ltr;
    column-gap:8px;
    padding-top:200px;
}
.ti-about img{
   position: relative;
    top: -15px;
    width: 126px;
}

.more-nd{
    border-radius: 2px;
background: #690810;
width: 161px;
height: 64px;
color: #FFF;
display:flex;
justify-content:center;
align-items:center;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
float:left;
margin:24px 0;
direction:ltr;
}
.more-nd:hover{
    background-color:#58060d;
    color:#fff;
}
.p-88{
    color: #3C2F21;
  font-family: 'DoranClassicDots';
font-size: 23px;
font-style: normal;
text-align:left;
line-height: normal;
padding-top:8px;
}
.ti-about h3{
    color: #3C2F21;
font-size: 48px;
font-style: normal;
font-weight: bold;
line-height: normal;
  font-family: 'DoranClassicDots';
}
.about-bx{
    padding:32px 0;
}

 :root{
    --bg:#efe9e4;
    --card:#e4dbd4;
    --gold:#b8955a;
    --text:#4a3f36;
    --glass:rgba(255,255,255,.38);
    --glass-border:rgba(255,255,255,.65);
    --rx:0deg;
    --ry:0deg; 
    --lx:50%; 
  }
  *{box-sizing:border-box;margin:0;padding:0}
  .perfume-section{
    position:relative;
    place-items:center;
    padding-top:32px;
  }
  .bg-word{
    position:absolute;

    font-weight:300;
    font-size:clamp(90px,22vw,300px);
    letter-spacing:.08em;
    color:rgba(255,255,255,.55);
    text-shadow:0 1px 0 rgba(0,0,0,.03);
    user-select:none;
    pointer-events:none;
    white-space:nowrap;
    transform:translateY(20px);
    opacity:0;
    transition:opacity 1.6s ease, transform 1.6s cubic-bezier(.2,.8,.2,1);
  }
  .in-view .bg-word{opacity:1;transform:translateY(0)}
  .stage{
    position:relative;
    width:100%;
    max-width:530px;
    margin:0 auto;
    aspect-ratio:1/1.08;
    perspective:1200px;
  }
  .scene{
    position:absolute;inset:0;
    transform-style:preserve-3d;
    transform:rotateX(var(--rx)) rotateY(var(--ry));
    will-change:transform;
  }
  .layer{
    position:absolute;
    transform-style:preserve-3d;
  }
  .card{
    left:12%;right:12%;top:12%;bottom:12%;
  background-image: url('../images/b-cdr.png');
  background-size:100% 100%;
    transform:translateZ(-60px) scale(.94);
    opacity:0;
    transition:opacity 1.2s ease, transform 1.4s cubic-bezier(.2,.8,.2,1);
  }
  .in-view .card{opacity:1;transform:translateZ(-60px) scale(1)}

  .bottle-layer{
    left:15%;right:15%;top:2%;bottom:4%;
    transform:translateZ(40px);
  }
  .bottle-scroll{
    position:absolute;inset:0;
    --tilt:35deg;
    --size:.7;
    transform:rotateZ(var(--tilt)) scale(var(--size));
    transform-origin:50% 55%;
    will-change:transform;
  }
  .bottle-enter{
    position:absolute;inset:0;
    opacity:0;
    transform:translateY(60px) scale(.9) rotateZ(-6deg);
    transition:opacity 1.3s ease .2s, transform 1.6s cubic-bezier(.16,.9,.2,1) .2s;
  }
  .in-view .bottle-enter{opacity:1;transform:none}
  .bottle-float{
    position:absolute;inset:0;
    animation:bottleFloat 7s ease-in-out infinite;
  }
  @keyframes bottleFloat{
    0%,100%{transform:translateY(0) rotateZ(0deg)}
    50%{transform:translateY(-16px) rotateZ(1.2deg)}
  }
  .bottle-box{position:absolute;inset:0}
  .bottle-box img{
    width:100%;height:100%;
    object-fit:contain;
    display:block;
    filter:drop-shadow(0 30px 30px rgba(80,55,25,.28)) drop-shadow(0 6px 8px rgba(80,55,25,.18));
    user-select:none;-webkit-user-drag:none;
  }
  .shine{
    background:
      linear-gradient(105deg, transparent 0%, transparent calc(var(--lx) - 18%),
        rgba(255,255,255,.0) calc(var(--lx) - 12%),
        rgba(255,250,235,.45) var(--lx),
        rgba(255,255,255,0) calc(var(--lx) + 12%), transparent 100%);
    mix-blend-mode:soft-light;
  }
  .sweep{
    background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 48%,rgba(255,255,255,.1) 54%,transparent 62%);
    background-size:260% 100%;
    background-position:150% 0;
    mix-blend-mode:overlay;
    animation:sweep 6.5s ease-in-out 2s infinite;
  }
  @keyframes sweep{
    0%{background-position:150% 0}
    35%,100%{background-position:-60% 0}
  }
  .ground{
    left:28%;right:28%;bottom:6%;height:7%;
    scale:var(--groundSize,1);
    border-radius:50%;
    background:radial-gradient(ellipse at center,rgba(70,50,30,.35) 0%,rgba(70,50,30,0) 70%);
    filter:blur(6px);
    transform:translateZ(-10px);
    animation:groundPulse 7s ease-in-out infinite;
    opacity:0;transition:opacity 1.5s ease .6s;
  }
  .in-view .ground{opacity:1}
  @keyframes groundPulse{
    0%,100%{transform:translateZ(-10px) scaleX(1);opacity:.9}
    50%{transform:translateZ(-10px) scaleX(.86);opacity:.6}
  }
  .drops{opacity:0;transition:opacity 2s ease 1.2s}
  .in-view .drops{opacity:1}
  .drop{
    position:absolute;
    border-radius:50% 50% 48% 52% / 58% 56% 44% 42%;
    background:
      radial-gradient(circle at 32% 28%, rgba(255,255,255,.95) 0 9%, rgba(255,255,255,.35) 16%, rgba(255,255,255,0) 32%),
      radial-gradient(circle at 62% 78%, rgba(255,255,255,.55) 0 6%, rgba(255,255,255,0) 28%),
      radial-gradient(circle at 50% 50%, rgba(255,245,225,.08) 0 55%, rgba(120,90,40,.22) 100%);
    box-shadow:
      inset -1px -2px 2px rgba(60,40,10,.28),
      inset 1px 1px 1.5px rgba(255,255,255,.7),
      1px 2px 2px rgba(50,30,5,.28);
    transform:translate(-50%,-50%);
  }
  .drop.trickle{animation:trickle var(--dur,9s) cubic-bezier(.55,0,.75,.6) var(--delay,0s) infinite}
  .drop.trickle::after{
    content:"";
    position:absolute;
    left:50%;bottom:70%;
    width:38%;height:0;
    transform:translateX(-50%);
    border-radius:4px;
    background:linear-gradient(to top,rgba(255,255,255,.35),rgba(255,255,255,0));
    animation:trail var(--dur,9s) cubic-bezier(.55,0,.75,.6) var(--delay,0s) infinite;
  }
  @keyframes trickle{
    0%,25%{transform:translate(-50%,-50%) scale(.9)}
    90%{transform:translate(-50%,calc(-50% + var(--dist,110px))) scale(1.05,1.15);opacity:1}
    100%{transform:translate(-50%,calc(-50% + var(--dist,110px))) scale(1.05,1.15);opacity:0}
  }
  @keyframes trail{
    0%,25%{height:0;opacity:0}
    40%{opacity:1}
    90%{height:var(--dist,110px);opacity:.8}
    100%{height:var(--dist,110px);opacity:0}
  }

  #mist{
    position:absolute;
    left:-10%;top:-5%;width:120%;height:110%;
    pointer-events:none;
    transform:translateZ(70px);
    opacity:0;transition:opacity 3s ease 1s;
    mix-blend-mode:screen;
  }
  .in-view #mist{opacity:1}
  .info{
    display:flex;align-items:center;gap:18px;
    padding:12px 20px;
    border-radius:16px;
  border-radius: 5px;
background: rgba(184, 152, 127, 0.30);
    backdrop-filter:blur(12px) saturate(140%);
    -webkit-backdrop-filter:blur(12px) saturate(140%);
    direction:ltr;
    white-space:nowrap;
  }
  .info .icon-cn{
    width: 40px;
height: 40px;
    flex:none;
    display:grid;place-items:center;
border-radius: 2px;
background: rgba(60, 47, 33, 0.08);
  }
  .info .num{font-size:24px;font-weight:500;line-height:1;direction:ltr;display:block}
  .info .lbl{font-size:13px;opacity:.85}
  .info-1{top:25%;right:66%;transform:translateZ(110px)}
  .info-2{top:63%;left:68%;transform:translateZ(130px)}
  .info-enter{
    opacity:0;
    transform:translateY(25px) scale(.92);
    transition:opacity 1s ease, transform 1.2s cubic-bezier(.16,.9,.2,1);
  }
  .info-1 .info-enter{transition-delay:.9s}
  .info-2 .info-enter{transition-delay:1.15s}
  .in-view .info-enter{opacity:1;transform:none}
  .float-a{animation:floatA 6s ease-in-out infinite}
  .float-b{animation:floatB 7.5s ease-in-out infinite}
  @keyframes floatA{0%,100%{transform:translate(0,0)}50%{transform:translate(-6px,-12px)}}
  @keyframes floatB{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,-10px)}}

  .chip{width:clamp(40px,10vw,62px)}
  .spin-a img{width:120px;}
  .chip-1{top:4%;left:84%;transform:translateZ(160px);z-index:-3;visibility:hidden}
  .chip-2{bottom:3%;right:69%;transform:translateZ(-150px);z-index:-3;visibility:hidden}
  .chip svg{width:100%;height:auto;display:block;filter:drop-shadow(0 14px 12px rgba(60,40,20,.35))}
  .chip-enter{opacity:0;transform:scale(.6) rotate(-30deg);transition:opacity 1s ease, transform 1.6s cubic-bezier(.16,.9,.2,1)}
  .chip-1 .chip-enter{transition-delay:.7s}
  .chip-2 .chip-enter{transition-delay:1s}
  .in-view .chip-enter{opacity:1;transform:none}
  .spin-a{animation:chipA 9s ease-in-out infinite}
  .spin-b{animation:chipB 11s ease-in-out infinite}
  @keyframes chipA{
    0%,100%{transform:translate(0,0) rotate(-8deg)}
    33%{transform:translate(6px,-14px) rotate(6deg)}
    66%{transform:translate(-4px,-6px) rotate(-2deg)}
  }
  @keyframes chipB{
    0%,100%{transform:translate(0,0) rotate(12deg)}
    40%{transform:translate(-8px,-16px) rotate(-4deg)}
    75%{transform:translate(4px,-6px) rotate(8deg)}
  }

  @media (max-width:520px){
    .info{padding:8px 12px;gap:8px;border-radius:12px}
    .info .icon{width:26px;height:26px;border-radius:8px}
    .info .icon svg{width:15px;height:15px}
    .info .num{font-size:18px}
    .info .lbl{font-size:11px}
    .info-1{right:62%}
    .info-2{left:62%}
  }

  @media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation:none!important;transition-duration:.01s!important}
  }
  .p-tx-abt{
      color: #000;
text-align: justify;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 250%; 
padding-top:150px;
direction:ltr;
  }

.col-nd-sd{
    width:30%;
}
.col-se-nd{
    width:40%;
}
.ft-dv{
    width: 26%;
    position: absolute;
    top: 146px;
    left: 37%;
    z-index: -1;
    opacity: 0.7;
}
@media (max-width: 1300px){
    .p-tx-abt {
        padding-top:100px;
    }
        .ti-about{
        padding-top:140px;
    }
        .info{

    padding: 5px 13px;
  }
        .ti-about h3 {
    font-size:32px;
}
        .ft-ce{
          width:96%
        }
        .dv-ce-btm {
    max-width: 95%;

}

}
@media (max-width: 1190px){
            .p-tx-abt {
        font-size: 14px;
        line-height: 28px;
    }
        .p-88 {
    font-size: 17px;
}
        .product-bx .dv-container{
            width:100%;
        }
        .dv-bc-nd{
            padding:24px 24px;
            border-radius:0;
        }
        .head-ce{
            max-width:100%;
            width:100%;
        }
        .jw-hero{
            height:650px;
        }
}
  @media (max-width: 991px) {
    .custom-divider,
    .center-dashed-line {
      display: none;
    }
     .jw-hero{
            height:500px;
        }
    .feature-item {
      justify-content: center;
      -webkit-justify-content: center;
      margin-bottom: 15px;
    }
    .jw-title{
        font-size:36px;
    }
    .jw-content {

  top: 21cqh;
}
    .jw-sub{
        font-size:20px;
    }
    .jw-btn {
width: 190px;
height: 48px;
  padding: 0 8px;
}
    .jw-stat-num {
  font-size: 27px;
}
    .jw-stat-label { 
font-size: 14px;
}
    .jw-mark img{
        max-width:150px;
    }
    .dv-ce{
    max-width: 95%;

}
    .search-dv-nd{
        overflow:hidden;
        padding:32px 0;
    }
    .custom-select-box{
        margin-bottom:16px;
    }
    .btn-advanced-search{
        margin-top:4px;
        height:48px;
    }
    .ti-fe {
    font-size: 21px;
   padding-top:0;
}
    .title-ce {
    max-width: 350px;
}
    .swiper-slide {
    padding: 30px 0 65px;
}
    .title-ce-bx {
    font-size: 21px;
}
    .ti-en{
        font-size:19px;
    }
    .perfume-section .dv-container > div{
        width:50%;
    }
        .perfume-section .dv-container > div:nth-child(3){
        width:100%;
    }
        .p-tx-abt{
           padding:0 24px 24px 24px;
        }
        .ti-en-bt{
            font-size:25px;
            padding-bottom:8px;
        }
        .feature-item{
            padding:8px 0;
        }
        .dv-container,.dv-ce-btm{
            width:100%;
            max-width:100%;
        }
        .btm-dv {
    padding: 8px 0 40px 0;
}
        .why-ch .dv-container {
    padding: 32px 0 2px 0;
}
        .pn-bx-ft{
            padding-bottom:16px;
        }
    .list-ft li a {
        padding:8px 0;
    }
    .p-ft{
        width:33%;
        float:left;
    }
    .perfume-section .dv-container > div:first-child{
        padding-left:32px;
    }
    .d-lg-none {
    display: block;
}
    .mobile-header-wrapper {
    padding-top: 7px;
    padding-bottom: 25px;
}
    #loginBox, #searchBox, #searchndBox {
    top: 31px;
    right: -35px;
    width: 223px;
    height: 48px;
}
    #s, #s2{
        font-size:10px;
    }
  }
@media (max-width: 760px) {
    .logo-nd{
             width: 59px;
        top: 3px;
    }
    .mn-mb{
    position: absolute;
        width: 40px;
        right: 0px;
        top: 4px;
    }
    .mobile-header-wrapper {
        padding-top: 0;
        padding-bottom: 0px;
    }
    .btn-us {
    height: 38px;
    width:auto;
    background:none;
}
    .head-ce{
        padding:0 0;
    }
    .list-tp {
    column-gap: 20px;
    padding-top:1px;
    padding-right:43px;
}
    .btn-sb-bx {
    border:none;
    width: auto;
    height: 40px;
}
    .list-tp li svg{
        width:18px;
        height:18px;
    }
    #search {
    top: 2px;
}
        .jw-hero {
        height: 400px;
        min-height:400px;
    }
.jw-content {

  top:17cqh;
}
  .jw-title{
        font-size: 18px;
    }
    .jw-sub{
        font-size:13px;
    }
    .jw-btn{
        width:110px;
        font-size:10px;
        font-weight:normal;
        padding:0px 4px;
        height:34px;
    }
      .jw-btn svg{
          display:none;
      }
        .jw-mark {
    top:17%;
  }
        .ti-ce-se h3 {
    font-size: 17px;
}
        .ti-c-ce {
    font-size: 13px;
}

        .ti-ce-se:before {
    top: 12px;

}
        .dv-cl {
    padding: 16px 8px;
}
        .filter-item-label svg {
    width: 18px;
    height: 18px;
}
        .custom-select-box select{
            font-size:11px;
            height:37px;
        }
        .filter-item-label {
    gap: 6px;
    font-size: 13px;
    margin-bottom: 5px;
}
        .dv-cl .col-xs-12:nth-child(2){
            padding:0 8px;
        }
            .search-dv-nd {
        overflow: hidden;
        padding:16px 0 24px 0;
    }
            .img-abs {
    top: 24px;
    right: -31px;
    width: 120px;
}
            .img-abs-12 {
    bottom: -67px;
    left: -93px;
}
    .ti-fe {
        font-size: 16px;
    }
      .ti-c-ce {
        font-size: 12px;
    }
    .op-lg{
    display:none;
    }
    .title-ce {
    margin:24px auto 0px auto;
}
    .door {
        width: 131px;
        height: 293px !important;
    }
    .label {

    padding-top: 61px;
}
    .brand {
    font-size: 13px;
}
    .slider{
        max-width:100%;
      
    }
    .slider .swiper{
        padding:0 16px;
    }
        .swiper-slide {
        padding: 16px 0 44px;
    }
        .face::before {

    inset: 11px 10px 12px;
}
        .sep {
    margin: 13px 0;
}
        .col-nd {
    width:190px;

}
        .product-bx .swiper-slide{
    padding:8px;
}
        .price-nd {
    font-size: 14px;
}
        .btn-sell-nd {
    width: 73px;
    height: 27px;
    font-size: 14px;
}
            .dv-bc-nd {
        padding:16px 8px 16px 0;
        border-radius: 0;
    }
            .title-ce-bx {
        font-size: 16px;
    }
                .ti-en {
        font-size: 15px;
    }
    .link-ce{
        padding-bottom:0;
    }
    .perfume-section .dv-container > div{
        width:100%;
    }
        .ti-about {
        padding-top:5px;
    }
            .ti-about h3 {
        font-size: 17px;
    }
            .ti-about img{
               width: 73px;
        top: -8px;
            }
            .p-88 {
        font-size: 15px;
        padding-top:8px;
    }
            .more-nd {
    width: 123px;
    height: 42px;
    font-size: 12px;
    margin: 11px 0 0 0;
}
            .perfume-section{
                overflow:hidden;
            }
            .p-tx-abt{
                display:none;
            }
            .btm-dv .ti-c-ce {
    font-size: 13px;

}
             .col-nd-bmt{
                 border-radius:90px;
                 overflow:hidden;
                 width:164px;
             }
            .col-nd-bmt img{
                    height: 347px;
                width:100%;
                object-fit:cover;
            }
            .ti-bd{
                height:193px;
            }
            .feature-text p{
                display:none;
            }
            .feature-text h4 {
    margin: 0 0 5px 0;
    font-size: 12.5px;
}
                .feature-item {
        margin-bottom: 0;
    }
                .feature-icon img{
                    width:24px;
                }
                .feature-item {

    min-height: 52px;

}
                    .why-ch .dv-container {
        padding: 24px 0 24px 0;
    }
                    .logo-ft-ce{
                        display:none;
                    }
    .ft-list {
    float: none;
    background: #e3d8d0;
    padding-right: 0;
    border-bottom:1px solid #B8987F;
    text-align:center!important;
}
    .pn-y {
    padding: 0px 0 32px 0;
}
    .ft-ce {
    padding: 20px 0 0 0;
}
    .img-nm{
        margin:8px auto 0 auto;
        float:none;
        display:block;
    }
        .p-ft {
        width: 100%;
        float: left;
    }
        .ft-mb{
            display:none;
        }
        .p-ft {
    padding: 8px 0 16px 0;
}
            .ti-en-bt {
        font-size: 20px;

    }
            .jw-bottles {
  height: calc(var(--bottle-h, 66) * var(--u));
}
               .jw-mark img{
        max-width:85px;
    }
               .ti-ft {

    padding-bottom: 4px;
}
}



/* فاصله محتوای صفحات داخلی از هدر absolute */
.page-bx-nd4 {
    padding-top: 50px;
}

/* صفحه اول (که اسلایدر jw-hero دارد) فاصله نمی‌گیرد */
body:has(.jw-hero) .page-bx-nd4 {
    padding-top: 0;
}

@media (max-width: 991px) {
    .page-bx-nd4 {
        padding-top: 100px;
    }
}

@media (max-width: 760px) {
    .page-bx-nd4 {
        padding-top: 64px;
    }
}

p.p-off {
    color: #aaa;
    text-decoration: line-through;
}