/* ===== BOOK NOW MENU BUTTON ===== */

li.dtmy-book-button > a{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  padding: 10px 22px !important;
  margin-left: 8px;

  border: 1px solid #c9a86a !important;
  border-radius: 999px;

  background: transparent !important;
  color: #c9a86a !important;

  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;

  transition: all .25s ease;
}

/* hover */

li.dtmy-book-button > a:hover{
  background: #c9a86a !important;
  color: white !important;
  transform: translateY(-1px);
}




/* Custom CSS for Store Promo Section in Front Page */

/* SECTION */

.dtmy-shop-section{
padding:38px 20px 90px !important;
background:transparent !important;
}

.dtmy-shop-wrap{
max-width:1060px !important;
margin:0 auto !important;
}


/* CARD */

.dtmy-shop-inner{
position:relative !important;
overflow:hidden !important;
text-align:center !important;
padding:58px 54px 54px !important;
border-radius:34px !important;

background:linear-gradient(
180deg,
rgba(255,255,255,0.96) 0%,
rgba(249,247,242,0.98) 100%
) !important;

border:1px solid rgba(201,162,76,0.15) !important;

box-shadow:
0 10px 30px rgba(0,0,0,0.03),
0 24px 60px rgba(0,0,0,0.04) !important;

backdrop-filter:blur(3px) !important;
}


/* DECORATION */

.dtmy-deco-lines{
position:absolute !important;
right:78px !important;
bottom:76px !important;

width:190px !important;
height:190px !important;

opacity:.18 !important;
pointer-events:none !important;
z-index:0 !important;

background-image:
repeating-radial-gradient(
circle at bottom left,
rgba(194,154,69,.14) 0px,
rgba(194,154,69,.14) 1px,
transparent 1px,
transparent 16px
) !important;

mask-image:linear-gradient(
to top left,
rgba(0,0,0,1),
rgba(0,0,0,0)
) !important;

-webkit-mask-image:linear-gradient(
to top left,
rgba(0,0,0,1),
rgba(0,0,0,0)
) !important;
}

.dtmy-deco-corner{
position:absolute !important;
width:70px !important;
height:70px !important;
pointer-events:none !important;
z-index:0 !important;
}

.dtmy-deco-corner-top{
top:26px !important;
left:26px !important;

border-top:1px solid rgba(194,154,69,.26) !important;
border-left:1px solid rgba(194,154,69,.26) !important;

border-top-left-radius:18px !important;
}

.dtmy-deco-corner-bottom{
bottom:26px !important;
right:26px !important;

border-bottom:1px solid rgba(194,154,69,.20) !important;
border-right:1px solid rgba(194,154,69,.20) !important;

border-bottom-right-radius:18px !important;
}


/* CONTENT ABOVE DECORATION */

.dtmy-shop-accent,
.dtmy-shop-label,
.dtmy-shop-title,
.dtmy-shop-text,
.dtmy-shop-points,
.dtmy-shop-actions,
.dtmy-shop-note{
position:relative !important;
z-index:2 !important;
}


/* GOLD ACCENT */

.dtmy-shop-accent{
width:64px !important;
height:2px !important;
margin:0 auto 16px !important;

background:linear-gradient(
to right,
#c29a45,
#e1c577,
#c29a45
) !important;
}


/* LABEL */

.dtmy-shop-label{
margin:0 0 18px !important;

font-size:11px !important;
line-height:1.2 !important;

letter-spacing:3px !important;
text-transform:uppercase !important;

color:#b8913d !important;

font-weight:600 !important;
}


/* TITLE */

.dtmy-shop-title{
margin:0 0 16px !important;

font-size:48px !important;
line-height:1.1 !important;

letter-spacing:-.5px !important;

font-weight:300 !important;

color:#1c1c1c !important;
}


/* TEXT */

.dtmy-shop-text{
max-width:670px !important;
margin:0 auto 28px !important;

font-size:18px !important;
line-height:1.85 !important;

color:#666666 !important;
}


/* PILLS */

.dtmy-shop-points{
display:flex !important;
flex-wrap:wrap !important;
justify-content:center !important;
align-items:center !important;

gap:12px !important;

margin:0 0 30px !important;
padding:0 !important;
}

.dtmy-pill{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;

min-height:40px !important;
padding:9px 16px !important;

border-radius:999px !important;

border:1px solid rgba(201,162,76,.18) !important;

background:rgba(255,255,255,.76) !important;

color:#5f5f5f !important;

font-size:13px !important;
line-height:1.2 !important;

letter-spacing:.1px !important;

box-shadow:0 4px 12px rgba(0,0,0,.02) !important;

white-space:nowrap !important;
}


/* BUTTON */

.dtmy-shop-actions{
margin:0 0 16px !important;
text-align:center !important;
}

.dtmy-shop-btn{
display:inline-flex !important;

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

width:320px !important;
max-width:100% !important;

height:56px !important;

padding:0 24px !important;
margin:0 auto !important;

border-radius:999px !important;

border:1px solid rgba(184,145,61,.5) !important;

background:linear-gradient(
180deg,
#ffffff 0%,
#fdfbf7 100%
) !important;

color:#b8913d !important;

text-decoration:none !important;
text-align:center !important;

box-sizing:border-box !important;

box-shadow:
0 8px 20px rgba(184,145,61,.08),
inset 0 1px 0 rgba(255,255,255,.8) !important;

transition:all .28s ease !important;

-webkit-appearance:none !important;
appearance:none !important;
}

.dtmy-shop-btn:before,
.dtmy-shop-btn:after,
.dtmy-shop-btn-text:before,
.dtmy-shop-btn-text:after{
display:none !important;
content:none !important;
}

.dtmy-shop-btn-text{
display:flex !important;

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

width:100% !important;
height:100% !important;

margin:0 !important;
padding:0 !important;

font-size:12px !important;
line-height:1 !important;

letter-spacing:2px !important;

text-transform:uppercase !important;
font-weight:700 !important;

color:inherit !important;
}

.dtmy-shop-btn:hover{

transform:translateY(-2px) !important;

background:linear-gradient(
135deg,
#123459 0%,
#1d4c77 100%
) !important;

border-color:#123459 !important;

color:#ffffff !important;

box-shadow:
0 14px 28px rgba(18,52,89,.16),
0 8px 18px rgba(184,145,61,.10) !important;
}


/* NOTE */

.dtmy-shop-note{
max-width:440px !important;
margin:0 auto !important;

font-size:12px !important;
line-height:1.7 !important;

color:#9a9a9a !important;
}


/* TABLET */

@media (max-width:991px){

.dtmy-shop-section{
padding:28px 18px 70px !important;
}

.dtmy-shop-inner{
padding:46px 32px 42px !important;
border-radius:28px !important;
}

.dtmy-shop-title{
font-size:38px !important;
}

.dtmy-shop-text{
font-size:16px !important;
}
}


/* MOBILE */

@media (max-width:767px){

.dtmy-shop-section{
padding:16px 14px 48px !important;
}

.dtmy-shop-inner{
padding:34px 20px 30px !important;
border-radius:24px !important;
}

.dtmy-deco-lines{
width:120px !important;
height:120px !important;

right:25px !important;
bottom:70px !important;

opacity:.14 !important;
}

.dtmy-deco-corner{
width:44px !important;
height:44px !important;
}

.dtmy-deco-corner-top{
top:18px !important;
left:18px !important;
}

.dtmy-deco-corner-bottom{
right:18px !important;
bottom:18px !important;
}

.dtmy-shop-accent{
width:52px !important;
margin:0 auto 12px !important;
}

.dtmy-shop-label{
font-size:10px !important;
letter-spacing:2.4px !important;
}

.dtmy-shop-title{
font-size:29px !important;
line-height:1.16 !important;
}

.dtmy-shop-text{
font-size:15px !important;
}

.dtmy-shop-points{
gap:10px !important;
margin-bottom:24px !important;
}

.dtmy-pill{
min-height:36px !important;
padding:8px 13px !important;
font-size:11px !important;
}

.dtmy-shop-btn{
width:260px !important;
height:52px !important;
}

.dtmy-shop-btn-text{
font-size:10.5px !important;
letter-spacing:1.7px !important;
}

.dtmy-shop-note{
max-width:250px !important;
font-size:11.5px !important;
}
}


/* SMALL PHONE */

@media (max-width:390px){

.dtmy-shop-inner{
padding:30px 18px 28px !important;
}

.dtmy-shop-title{
font-size:26px !important;
}

.dtmy-shop-text{
font-size:14px !important;
}

.dtmy-pill{
font-size:10.5px !important;
padding:8px 12px !important;
}

.dtmy-shop-btn{
width:240px !important;
height:50px !important;
}

.dtmy-shop-btn-text{
font-size:10px !important;
letter-spacing:1.5px !important;
}
}






/* ===== SERVICE CARDS: rounded corners + luxury glass effect ===== */

.dtmy-glass-card,
.dtmy-glass-card .wpb_wrapper,
.dtmy-glass-card .text-image-block,
.dtmy-glass-card .text-image-block-wrapper,
.dtmy-glass-card .vamtam-text-image,
.dtmy-glass-card .vamtam-text-image-block,
.dtmy-glass-card .vamtam-content {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 28px !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.05), 0 28px 70px rgba(0,0,0,.05) !important;
}

.dtmy-glass-card::before,
.dtmy-glass-card .wpb_wrapper::before,
.dtmy-glass-card .text-image-block::before,
.dtmy-glass-card .text-image-block-wrapper::before,
.dtmy-glass-card .vamtam-text-image::before,
.dtmy-glass-card .vamtam-text-image-block::before,
.dtmy-glass-card .vamtam-content::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 28px !important;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.14) 0%,
    rgba(255,255,255,.06) 30%,
    rgba(255,255,255,.02) 100%
  ) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.dtmy-glass-card > *,
.dtmy-glass-card .wpb_wrapper > *,
.dtmy-glass-card .text-image-block > *,
.dtmy-glass-card .text-image-block-wrapper > *,
.dtmy-glass-card .vamtam-text-image > *,
.dtmy-glass-card .vamtam-text-image-block > *,
.dtmy-glass-card .vamtam-content > * {
  position: relative !important;
  z-index: 3 !important;
}

@media (max-width: 767px){
  .dtmy-glass-card,
  .dtmy-glass-card .wpb_wrapper,
  .dtmy-glass-card .text-image-block,
  .dtmy-glass-card .text-image-block-wrapper,
  .dtmy-glass-card .vamtam-text-image,
  .dtmy-glass-card .vamtam-text-image-block,
  .dtmy-glass-card .vamtam-content {
    border-radius: 20px !important;
  }

  .dtmy-glass-card::before,
  .dtmy-glass-card .wpb_wrapper::before,
  .dtmy-glass-card .text-image-block::before,
  .dtmy-glass-card .text-image-block-wrapper::before,
  .dtmy-glass-card .vamtam-text-image::before,
  .dtmy-glass-card .vamtam-text-image-block::before,
  .dtmy-glass-card .vamtam-content::before {
    border-radius: 20px !important;
  }
}