.elementor-37 .elementor-element.elementor-element-6bc7724f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:33px;--padding-right:33px;}.elementor-37 .elementor-element.elementor-element-6bc7724f:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-6bc7724f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A0A0A;}.elementor-37 .elementor-element.elementor-element-5679efc3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-530fa2ac{--display:flex;--justify-content:center;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-37 .elementor-element.elementor-element-422f296b .elementor-heading-title{font-family:"Playfair", Sans-serif;font-size:29px;font-weight:500;line-height:25px;color:var( --e-global-color-1fce2bb );}.elementor-37 .elementor-element.elementor-element-d702e7 .elementor-heading-title{font-family:"Playfair", Sans-serif;font-size:59px;font-weight:500;line-height:64px;color:#FFFFFF;}.elementor-37 .elementor-element.elementor-element-5c32d39 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:22px;font-weight:500;}.elementor-37 .elementor-element.elementor-element-ecc2144.elementor-element{--align-self:flex-start;}.woocommerce .elementor-37 .elementor-element.elementor-element-ecc2144 .star-rating{color:var( --e-global-color-1fce2bb );font-size:1.1em;}.woocommerce .elementor-37 .elementor-element.elementor-element-ecc2144 .star-rating::before{color:#867E7E;}.woocommerce .elementor-37 .elementor-element.elementor-element-ecc2144 .woocommerce-review-link{color:#FFFFFF;font-family:"Playfair", Sans-serif;font-size:19px;}.woocommerce:not(.rtl) .elementor-37 .elementor-element.elementor-element-ecc2144 .star-rating{margin-right:0.3em;}.woocommerce.rtl .elementor-37 .elementor-element.elementor-element-ecc2144 .star-rating{margin-left:0.3em;}.elementor-37 .elementor-element.elementor-element-52c9848c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:33px;font-weight:600;color:var( --e-global-color-text );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-37 .elementor-element.elementor-element-972ee01{--divider-border-style:solid;--divider-color:#D4AF3733;--divider-border-width:2px;}.elementor-37 .elementor-element.elementor-element-972ee01 .elementor-divider-separator{width:100%;}.elementor-37 .elementor-element.elementor-element-972ee01 .elementor-divider{padding-block-start:6px;padding-block-end:6px;}.elementor-37 .elementor-element.elementor-element-f75ed72{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-37 .elementor-element.elementor-element-4b80447 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(11px/2);}.elementor-37 .elementor-element.elementor-element-4b80447 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(11px/2);}.elementor-37 .elementor-element.elementor-element-4b80447 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(11px/2);}.elementor-37 .elementor-element.elementor-element-4b80447 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-11px/2);}.elementor-37 .elementor-element.elementor-element-4b80447 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-11px/2);}.elementor-37 .elementor-element.elementor-element-4b80447 .elementor-icon-list-icon i{color:var( --e-global-color-1fce2bb );transition:color 0.3s;}.elementor-37 .elementor-element.elementor-element-4b80447 .elementor-icon-list-icon svg{fill:var( --e-global-color-1fce2bb );transition:fill 0.3s;}.elementor-37 .elementor-element.elementor-element-4b80447{--e-icon-list-icon-size:19px;--icon-vertical-align:flex-start;--icon-vertical-offset:3px;}.elementor-37 .elementor-element.elementor-element-4b80447 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-37 .elementor-element.elementor-element-4b80447 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;}.elementor-37 .elementor-element.elementor-element-4b80447 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-37 .elementor-element.elementor-element-3c0aaa2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-37 .elementor-element.elementor-element-5040275a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-37 .elementor-element.elementor-element-6bc7724f{--gap:24px 0px;--row-gap:24px;--column-gap:0px;--flex-wrap:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-37 .elementor-element.elementor-element-e561953{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-37 .elementor-element.elementor-element-e561953.elementor-element{--align-self:center;}.elementor-37 .elementor-element.elementor-element-422f296b{text-align:center;}.elementor-37 .elementor-element.elementor-element-d702e7{text-align:center;}.elementor-37 .elementor-element.elementor-element-5c32d39{text-align:center;}.elementor-37 .elementor-element.elementor-element-ecc2144.elementor-element{--align-self:center;}.elementor-37 .elementor-element.elementor-element-52c9848c{text-align:center;}}@media(max-width:767px){.elementor-37 .elementor-element.elementor-element-6bc7724f{--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-37 .elementor-element.elementor-element-e561953{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-37 .elementor-element.elementor-element-530fa2ac{--gap:12px 0px;--row-gap:12px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-37 .elementor-element.elementor-element-422f296b{text-align:center;}.elementor-37 .elementor-element.elementor-element-422f296b .elementor-heading-title{font-size:19px;}.elementor-37 .elementor-element.elementor-element-d702e7{text-align:center;}.elementor-37 .elementor-element.elementor-element-d702e7 .elementor-heading-title{font-size:38px;line-height:46px;}.elementor-37 .elementor-element.elementor-element-ecc2144.elementor-element{--align-self:center;}.elementor-37 .elementor-element.elementor-element-52c9848c{text-align:center;}}@media(min-width:768px){.elementor-37 .elementor-element.elementor-element-6bc7724f{--content-width:1200px;}.elementor-37 .elementor-element.elementor-element-5679efc3{--width:50%;}.elementor-37 .elementor-element.elementor-element-530fa2ac{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-37 .elementor-element.elementor-element-5679efc3{--width:100%;}.elementor-37 .elementor-element.elementor-element-530fa2ac{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-e561953 */:root{
  --gold:#C5A059;
  --dark-bg:#0A0A0A;
  --transition-smooth: all 0.7s cubic-bezier(0.2,1,0.3,1);
  --gold-gradient: linear-gradient(135deg, #bf953f 0%, #fcf6ba 45%, #b38728 55%, #aa771c 100%);
}

.hermi-luxury-wrapper{
  background: var(--dark-bg);
  padding: 0;
  border-radius: 12px;
}

/* ===== LAYOUT: LEFT THUMBS + RIGHT VIEWPORT ===== */
.hermi-stage{
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 16px;
  align-items: stretch;
}

/* LEFT RAIL */
.hermi-left-rail{
  display: flex;
  overflow: auto;
}

.hermi-thumbs-rail{
  width: 110px;
  max-height: 78vh;
  min-height: 520px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(191, 149, 63, 0.3);
  border-radius: 12px;
  cursor: grab;
  -webkit-overflow-scrolling: touch;
}
.hermi-thumbs-rail.is-dragging{ cursor: grabbing; }
.hermi-thumbs-rail::-webkit-scrollbar{ width: 0; }

/* ===== MAIN VIEWPORT ===== */
.hermi-viewport{
  position: relative;
  overflow: hidden;
  background:#111;
  height: 78vh;
  min-height: 520px;
  outline: none;
  border-radius: 12px;
  border: 1px solid rgba(191, 149, 63, 0.18);
}

.hermi-slider{
  display:flex;
  height:100%;
  transition: var(--transition-smooth);
  will-change: transform;
}

.hermi-slide{
  min-width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
  background:#111;
}

/* ===== MAIN IMAGE FIX ===== */
/* This removes top/bottom empty black space */
.hermi-slide img.hermi-media{
  width:100%;
  height:100%;
  display:block;
  object-fit: cover;
  object-position: center;
  background:#111;
}

/* Keep wrappers 100% */
.hermi-video-wrapper,
.hermi-video-wrapper iframe{
  width:100%;
  height:100%;
  display:block;
}

/* ===== ARROWS ===== */
.hermi-arrow{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(0,0,0,0.35);
  color: rgba(255,255,255,0.92);
  cursor:pointer;
  z-index:10;
  transition: var(--transition-smooth);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.hermi-prev{ left: 14px; }
.hermi-next{ right: 14px; }

.hermi-arrow:hover,
.hermi-arrow:focus{
  background: var(--gold-gradient);
  border-color: rgba(197,160,89,0.85);
  color:#111;
  outline: none;
  transform: translateY(-50%) scale(1.05);
}

/* ===== THUMBNAILS ===== */
.hermi-thumb{
  position:relative;
  width: 88px;
  height: 88px;
  padding:0;
  border:none;
  background: transparent;
  cursor:pointer;
  flex:0 0 auto;
  transition: var(--transition-smooth);
  margin-bottom: 12px;
}

/* subtle darken overlay */
.hermi-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition: var(--transition-smooth);
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.08);
  filter: brightness(0.82);
  opacity: 0.95;
}

.hermi-thumb:hover img{
  filter: brightness(0.92);
  border-color: rgba(197,160,89,0.75);
}

.hermi-thumb.active img{
  filter: brightness(1);
  opacity: 1;
  border-color: rgba(197,160,89,0.95);
  box-shadow: 0 0 0 1px rgba(197,160,89,0.35);
}

/* Active bar */
.hermi-thumb-bar{
  position:absolute;
  left:0;
  bottom:-6px;
  width:0%;
  height:2px;
  background: var(--gold);
  transition: var(--transition-smooth);
}
.hermi-thumb.active .hermi-thumb-bar{ width:100%; }

/* Thumb badge (360 + Video) */
.hermi-thumb-badge{
  position:absolute;
  right:10px;
  bottom:10px;
  background: rgba(0,0,0,0.55);
  border: 1px solid rgba(255,255,255,0.14);
  color: #fff;
  font-size: 14px;
  padding: 6px 10px;
  border-radius: 999px;
  backdrop-filter: blur(6px);
}

/* 360 badge inside viewport */
.hermi-360-indicator{
  position:absolute;
  right:14px;
  bottom:14px;
  width:56px;
  height:56px;
  border-radius:50%;
  background: rgba(0,0,0,0.42);
  border:1px solid rgba(255,255,255,0.14);
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,0.92);
  letter-spacing: 0.5px;
  font-size: 14px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.35);
  transition: opacity .6s ease, transform .6s ease;
  pointer-events:none;
}
.hermi-360-indicator.is-hidden{
  opacity:0;
  transform: scale(0.92);
}

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

/* Tablet */
@media (max-width: 1024px){
  .hermi-stage{
    grid-template-columns: 92px 1fr;
    gap: 12px;
  }

  .hermi-thumbs-rail{
    width: 92px;
    padding: 8px;
    max-height: 62vh;
    min-height: 420px;
  }

  .hermi-thumb{
    width: 72px;
    height: 72px;
    margin-bottom: 10px;
  }

  .hermi-viewport{
    height: 62vh;
    min-height: 420px;
  }
}

/* Mobile */
@media (max-width: 768px){
  .hermi-stage{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .hermi-left-rail{ order: 2; }

  .hermi-viewport{
    order: 1;
    height: 46vh;
    min-height: 300px;
  }

  /* thumbs become horizontal row */
  .hermi-thumbs-rail{
    width: 100%;
    max-height: none;
    min-height: auto;
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 10px;
    cursor: grab;
  }

  .hermi-thumb{
    width: 70px;
    height: 70px;
    margin-bottom: 0;
  }
}

/* Small phones */
@media (max-width: 420px){
  .hermi-viewport{
    height: 42vh;
    min-height: 260px;
  }
  .hermi-thumb{
    width: 64px;
    height: 64px;
  }
}

/* ===== VIDEO POSTER / PLAY BUTTON ===== */
.hermi-video-wrapper{
  position: relative;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
}

.hermi-video-poster{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}

.hermi-video-play{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 78px;
  height: 78px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  cursor: pointer;
  transition: all .35s ease;
  z-index: 5;
}

.hermi-video-play::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-42%, -50%);
  width: 0;
  height: 0;
  border-left: 18px solid #fff;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
}

.hermi-video-wrapper:hover .hermi-video-play{
  background: var(--gold-gradient);
  transform: translate(-50%, -50%) scale(1.06);
  border-color: rgba(255,255,255,0.22);
}

/* Video fill */
.hermi-video-wrapper video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-422f296b */.elementor-37 .elementor-element.elementor-element-422f296b span{
    font-family: 'EB Garamond', serif;
font-style: italic;
font-size: 29px;
}

@media (max-width:480px){
    .elementor-37 .elementor-element.elementor-element-422f296b span{
font-size: 19px;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d702e7 */.elementor-37 .elementor-element.elementor-element-d702e7 span{
    font-family: 'EB Garamond', serif;
font-style: italic;
font-size: 50px;
}

@media (max-width:480px){
    .elementor-37 .elementor-element.elementor-element-d702e7 span{
font-size: 30px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3e0f13d */:root{
  --hermi-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Core */
  --hermi-bg: #000;
  --hermi-surface: rgba(255,255,255,.04);
  --hermi-border: rgba(255,255,255,.18);
  --hermi-text: rgba(255,255,255,.92);
  --hermi-muted: rgba(255,255,255,.68);

  /* Cosmic Gold palette */
  --gold-1: #fff2c2;
  --gold-2: #f9e2af;
  --gold-3: #d4af37;
  --gold-4: #b38728;
  --gold-5: #6b4a12;

  /* Shiny gradient (static) */
  --hermi-gold-grad: linear-gradient(135deg, var(--gold-3) 0%, var(--gold-2) 35%, var(--gold-4) 80%, var(--gold-1) 100%);

  /* “Cosmic sheen” overlay (used on hover) */
  --hermi-sheen: radial-gradient(120% 120% at 20% 10%, rgba(255,242,194,.55) 0%, rgba(255,242,194,0) 60%);

  /* Focus ring */
  --hermi-focus: rgba(249,226,175,.45);
  --hermi-focus-strong: rgba(212,175,55,.75);

  /* Shadows/glow */
  --hermi-glow: 0 0 0 1px rgba(212,175,55,.25), 0 0 22px rgba(212,175,55,.20);
  --hermi-glow-strong: 0 0 0 1px rgba(212,175,55,.35), 0 0 34px rgba(212,175,55,.30);

  /* Sizing */
  --hermi-radius: 12px;
  --hermi-height: 55px;

  /* Motion */
  --hermi-ease: cubic-bezier(.2,.8,.2,1);
  --hermi-dur: 240ms;
}

/* Apply Inter font across the whole component */
.hermi-interface-row,
.hermi-qty-container,
.hermi-q-logic,
.hermi-q-input,
.hermi-btn-gold,
.hermi-btn-outline,
.btn-text{
  font-family: var(--hermi-font);
}

/* Row */
.hermi-interface-row{
  display:flex;
  align-items:center;
  gap:15px;
}

/* Quantity Box */
.hermi-qty-container{
  display:flex;
  align-items:center;
  height: var(--hermi-height);
  padding: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border: 1px solid var(--hermi-border);
  border-radius: var(--hermi-radius);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  overflow:hidden;
  width: 35%;
}

/* +/- buttons */
.hermi-q-logic{
  background:none;
  border:none;
  color: var(--hermi-text);
  width:60px;
  height:100%;
  cursor:pointer;
  font-size:16px;
  transition: opacity var(--hermi-dur) var(--hermi-ease),
              background var(--hermi-dur) var(--hermi-ease),
              transform var(--hermi-dur) var(--hermi-ease);
}

.hermi-q-logic:hover{
  opacity: .9;
  background: rgba(255,255,255,.04);
}

.hermi-q-logic:active{
  transform: scale(.98);
}

.hermi-q-logic:focus-visible{
  outline: none;
  box-shadow: inset 0 0 0 2px var(--hermi-focus-strong);
}

/* qty input */
.hermi-q-input{
  width: 50px;
  background: none;
  border: none;
  color: var(--hermi-text);
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  pointer-events: none; /* keep your behavior */
  border: 0 !important;
}

/* (Future-proof) if you ever enable editing */
.hermi-q-input:focus-visible{
  outline:none;
  box-shadow: 0 0 0 3px var(--hermi-focus);
}

/* Button Grouping */
.hermi-btn-group{
  display:flex;
  flex:1;
  gap:10px;
  width: 65%;
}

/* Shared button */
.hermi-btn-gold,
.hermi-btn-outline{
  flex:1;
  height: var(--hermi-height);
  border: none;
  border-radius: var(--hermi-radius);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: 11px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform var(--hermi-dur) var(--hermi-ease),
              filter var(--hermi-dur) var(--hermi-ease),
              box-shadow var(--hermi-dur) var(--hermi-ease),
              background var(--hermi-dur) var(--hermi-ease),
              color var(--hermi-dur) var(--hermi-ease);
  user-select:none;
  -webkit-tap-highlight-color: transparent;
}

/* GOLD button (shiny cosmic) */
.hermi-btn-gold{
  background: var(--hermi-gold-grad);
  color: #0a0a0a;
  box-shadow: var(--hermi-glow);
}

/* moving shine layer (pure CSS) */
.hermi-btn-gold::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:
    linear-gradient(120deg, rgba(255,255,255,0) 35%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 65%);
  transform: translateX(-60%) rotate(10deg);
  opacity:.0;
  transition: opacity var(--hermi-dur) var(--hermi-ease);
  pointer-events:none;
}

.hermi-btn-gold:hover{
  transform: translateY(-2px);
  filter: saturate(1.08) brightness(1.06);
  box-shadow: var(--hermi-glow-strong);
}

.hermi-btn-gold:hover::before{
  opacity:.55;
  animation: hermi-shine 1.2s var(--hermi-ease) infinite;
}

@keyframes hermi-shine{
  0%   { transform: translateX(-70%) rotate(10deg); }
  100% { transform: translateX(70%) rotate(10deg); }
}

.hermi-btn-gold:active{
  transform: translateY(0px) scale(.99);
  filter: brightness(1.02);
}

/* Gradient-outline button (WORKING) */
.hermi-btn-outline{
  background: rgba(255,255,255,.02);
  color: var(--hermi-text);
  box-shadow: 0 0 0 1px rgba(255,255,255,.10);
}

/* Create gradient border via background layers */
.hermi-btn-outline{
  border: 1px solid transparent;
  background:
    linear-gradient(var(--hermi-bg), var(--hermi-bg)) padding-box,
    var(--hermi-gold-grad) border-box;
}

.hermi-btn-outline:hover{
  transform: translateY(-2px);
  box-shadow: var(--hermi-glow);
  color: rgba(255,255,255,.96);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) padding-box,
    var(--hermi-gold-grad) border-box;
}

.hermi-btn-outline:active{
  transform: translateY(0px) scale(.99);
}

/* Focus (keyboard-friendly) */
.hermi-btn-gold:focus-visible,
.hermi-btn-outline:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 4px var(--hermi-focus),
    0 0 0 1px rgba(212,175,55,.45),
    0 18px 40px rgba(0,0,0,.35);
}

/* Disabled state */
.hermi-btn-gold:disabled,
.hermi-btn-outline:disabled{
  opacity: .55;
  cursor: not-allowed;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}

/* Loading & Success Logic (keeps your logic but fixes icon centering) */
.btn-success-icon{
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  opacity:0;
  transition: opacity var(--hermi-dur) var(--hermi-ease);
}

.hermi-btn-gold.is-success .btn-text{
  opacity:0;
}

.hermi-btn-gold.is-success .btn-success-icon{
  opacity:1;
}

/* Loading ring */
.hermi-loading-ring{
  position:absolute;
  top:50%;
  left:50%;
  width:20px;
  height:20px;
  border: 2px solid rgba(0,0,0,0.18);
  border-top-color:#000;
  border-radius:50%;
  transform: translate(-50%, -50%);
  opacity:0;
}

.is-loading .btn-text{ opacity:0; }
.is-loading .hermi-loading-ring{
  opacity:1;
  animation: h-spin .8s linear infinite;
}

@keyframes h-spin{
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Cosmic background hint on the whole row (optional, subtle) */
.hermi-interface-row{
  padding: 2px;
}

/* Responsive */
@media (max-width:600px){
  .hermi-interface-row{
    flex-direction:column;
    align-items:stretch;
  }
  .hermi-qty-container, .hermi-btn-group{
    justify-content:center;
    width:100%;
  }
}

@media (max-width:480px){
  .btn-text{ font-size:12px; }
  
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  .hermi-btn-gold::before{ animation: none !important; }
  .hermi-btn-gold,
  .hermi-btn-outline,
  .hermi-q-logic{
    transition: none !important;
  }
}

.elementor-37 .elementor-element.elementor-element-3e0f13d button.hermi-q-logic:focus {
    background: rgba(255,255,255,.04) !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-4b80447 */.elementor-37 .elementor-element.elementor-element-4b80447 a{
    color: #fff;
    text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4362e911 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap');

:root {
    --bg-charcoal: #121212;
    --gold-metallic: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
    --gold-solid: #D4AF37;
    --text-light: #e0e0e0;
    --text-dim: #888888;
    --divider: rgba(212, 175, 55, 0.2);
}

.load-more-btn:focus{
 background: #D4AF37 !important;
}

.premium-reviews-section {
    background-color: var(--bg-charcoal);
    color: var(--text-light);
    padding: 50px 20px;
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
}

.reviews-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Typography */
.editorial-heading {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 400;
    margin-bottom: 10px;
    text-align: center;
}

.trust-cue {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.75rem;
    color: var(--gold-solid);
    margin-bottom: 60px;
}

/* Grid Logic */
.reviews-grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 80px;
}

/* Left Column Styling */
.rating-large {
    font-family: 'Playfair Display', serif;
    font-size: 3rem;
    line-height: 1;
    margin-bottom: 10px;
}

.stars-gold {
    font-size: 1.5rem;
    background: var(--gold-metallic);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px;
    display: inline-block;
}

.review-count {
    font-size: 0.9rem;
    color: var(--text-dim);
}

.sticky-summary {
    position: sticky;
    top: 50px;
}

/* Review Cards */
.review-card {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid var(--divider);
    opacity: 0; /* For JS animation */
    transform: translateY(20px);
}

.review-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.reviewer-name {
    font-weight: 400;
    font-size: 0.9rem;
    letter-spacing: 1px;
}

.verified-badge {
    font-size: 0.7rem;
    color: var(--gold-solid);
    border: 1px solid var(--gold-solid);
    padding: 2px 8px;
    border-radius: 50px;
}

.card-stars {
    color: var(--gold-solid);
    font-size: 0.8rem;
    margin-bottom: 15px;
}

.review-text {
    font-size: 1.1rem;
    color: var(--text-light);
    margin-bottom: 15px;
    font-weight: 300;
}

.review-date {
    font-size: 0.8rem;
    color: var(--text-dim);
}

/* Interactions */
.luxury-select {
    background: transparent;
    color: var(--text-light);
    border: none;
    border-bottom: 1px solid var(--gold-solid);
    padding: 10px 0;
    margin-top: 30px;
    cursor: pointer;
    font-family: inherit;
}

.load-more-btn {
    
    color: #000;
    padding: 15px 40px;
    cursor: pointer;
    transition: all 0.4s ease;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.8rem;
    display: block;
    margin: 0 auto;
    
    background: linear-gradient(135deg, #bf953f 0%, #fcf6ba 45%, #b38728 55%, #aa771c 100%); 
height: auto;
position: relative;
overflow: hidden;
border: 0px;
border-radius: 0px;

}


/* The Animated Shine Effect */
.load-more-btn::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255,255,255,0.6), transparent);
    transform: rotate(45deg);
    transition: 0.8s;
}

.load-more-btn:hover { 
    transform: translateY(-3px); 
    filter: brightness(1.1);
    box-shadow: 0 15px 30px rgba(170, 119, 28, 0.4); 
}

/* Moves the shine across on hover */
.load-more-btn:hover::after {
    left: 100%;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .reviews-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .sticky-summary {
        position: static;
        text-align: center;
    }
}/* End custom CSS */