.elementor-9 .elementor-element.elementor-element-ab3c35b{--display:flex;--margin-top:080px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-cb2a20a{--swiper-slides-to-display:1;--swiper-slides-gap:24px;}.elementor-9 .elementor-element.elementor-element-cb2a20a .swiper-slide > .elementor-element{height:100%;}.elementor-9 .elementor-element.elementor-element-07de8fe{--display:flex;}.elementor-9 .elementor-element.elementor-element-051ef3b{--display:flex;}body.elementor-page-9:not(.elementor-motion-effects-element-type-background), body.elementor-page-9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#10160E;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-ab3c35b{--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-cb2a20a{--swiper-slides-to-display:1;}.elementor-9 .elementor-element.elementor-element-65c77c6{padding:0px 35px 0px 35px;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-ab3c35b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9 .elementor-element.elementor-element-cb2a20a{--swiper-slides-to-display:1;}}/* Start custom CSS for loop-carousel, class: .elementor-element-cb2a20a */.croq-menu-shell input,
.croq-menu-shell textarea,
.croq-menu-shell button,
.croq-menu-shell label {
  touch-action: manipulation;
}

.croq-menu-shell .croq-form,
.croq-menu-shell .croq-drinks,
.croq-menu-shell .croq-choice {
  pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7159178 */.croq-drink-pop {
  display: none;
  margin-top: 14px;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(190, 210, 155, .28);
  background: rgba(5, 24, 14, .78);
}

.croq-drink-pop.is-visible {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.croq-drink-option {
  border: 1px solid rgba(190, 210, 155, .32);
  background: rgba(51, 82, 43, .62);
  color: #f3ead8;
  border-radius: 999px;
  padding: 9px 15px;
  font-weight: 800;
  cursor: pointer;
}

.croq-drink-option.is-selected {
  background: linear-gradient(180deg, #7aa548, #4f742e);
  box-shadow: 0 0 0 1px rgba(241,236,198,.35);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-65c77c6 */:root{
  --croq-bg:#;
  --croq-bg-2:#;
  --croq-card:#132a18;
  --croq-card-2:#1b3a22;
  --croq-gold:#d7c18b;
  --croq-gold-soft:#b8a16a;
  --croq-green:#9fbb4f;
  --croq-green-2:#6d8e2b;
  --croq-light:#f3ead2;
  --croq-text:#efe7d1;
  --croq-muted:#c8c1a9;
  --croq-border:rgba(188, 173, 110, 0.28);
  --croq-shadow:0 18px 40px rgba(0,0,0,.35);
}

body{
 

.croq-page{
  position:relative;
  overflow:hidden;
  padding:40px 24px 60px;
  border-radius:28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.08)),
    radial-gradient(circle at 20% 15%, rgba(159,187,79,.05), transparent 18%),
    radial-gradient(circle at 80% 20%, rgba(159,187,79,.05), transparent 20%),
    linear-gradient(180deg, var(--croq-bg-2), var(--croq-bg));
  box-shadow:var(--croq-shadow);
  max-width:1280px;
  margin:40px auto;
}

.croq-page:before,
.croq-page:after{
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  pointer-events:none;
  opacity:.16;
  background:
    radial-gradient(circle at 20% 20%, rgba(159,187,79,.4) 0 8%, transparent 9%),
    radial-gradient(circle at 40% 35%, rgba(159,187,79,.3) 0 7%, transparent 8%),
    radial-gradient(circle at 60% 50%, rgba(159,187,79,.25) 0 6%, transparent 7%),
    radial-gradient(circle at 75% 25%, rgba(159,187,79,.25) 0 7%, transparent 8%);
  filter:blur(1px);
}

.croq-page:before{
  top:-40px;
  left:-40px;
}

.croq-page:after{
  right:-40px;
  bottom:40px;
}

.croq-hero{
  text-align:center;
  max-width:1000px;
  margin:0 auto 36px;
}

.croq-logo{
  max-width:180px;
  margin:0 auto 20px;
  display:block;
}

.croq-title{
  font-family:"Cormorant Garamond", serif;
  font-size:clamp(42px,5vw,76px);
  line-height:1;
  font-weight:700;
  color:var(--croq-light);
  margin:0 0 10px;
}

.croq-subtitle{
  font-family:"Cormorant Garamond", serif;
  font-size:clamp(22px,2.8vw,38px);
  line-height:1.1;
  color:var(--croq-gold);
  margin:0 0 12px;
}

.croq-lead{
  font-size:18px;
  color:var(--croq-muted);
  margin:0;
}

.croq-divider{
  width:180px;
  height:2px;
  margin:22px auto;
  background:linear-gradient(90deg, transparent, var(--croq-gold), transparent);
  position:relative;
}

.croq-divider:before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--croq-gold);
  box-shadow:0 0 14px rgba(215,193,139,.6);
}

.croq-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:28px;
  max-width:1280px;
  margin:0 auto;
}

.croq-card{
  position:relative;
  display:flex;
  flex-direction:column;
  padding:24px;
  border-radius:28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.08)),
    linear-gradient(180deg, var(--croq-card), #0f2114);
  border:1px solid var(--croq-border);
  box-shadow:var(--croq-shadow);
  overflow:hidden;
}

.croq-card:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  padding:1px;
  background:linear-gradient(180deg, rgba(215,193,139,.38), rgba(159,187,79,.16));
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}

.croq-card-day{
  font-family:"Cormorant Garamond", serif;
  font-size:40px;
  color:var(--croq-light);
  text-align:center;
  margin:0 0 16px;
}

.croq-card-image{
  margin:0 0 18px;
  border-radius:22px;
  overflow:hidden;
  aspect-ratio:4 / 3;
  border:1px solid rgba(215,193,139,.15);
}

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

.croq-list{
  list-style:none;
  padding:0;
  margin:0 0 18px;
}

.croq-list li{
  position:relative;
  padding-left:24px;
  margin:0 0 10px;
  color:var(--croq-text);
  font-size:17px;
  line-height:1.45;
}

.croq-list li:before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:linear-gradient(180deg, var(--croq-green), var(--croq-green-2));
  box-shadow:0 0 10px rgba(159,187,79,.35);
}

.croq-price{
  margin-top:auto;
  text-align:center;
  font-family:"Cormorant Garamond", serif;
  font-size:40px;
  color:var(--croq-light);
  margin-bottom:16px;
}

.croq-btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:100%;
  min-height:56px;
  padding:14px 22px;
  border:none;
  border-radius:999px;
  background:
    linear-gradient(180deg, #9fbb4f 0%, #6f8f2e 100%);
  color:#fff !important;
  font-weight:700;
  font-size:18px;
  text-decoration:none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 10px 24px rgba(0,0,0,.25),
    0 0 18px rgba(159,187,79,.18);
  transition:.25s ease;
}

.croq-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
}

.croq-cart-wrap{
  text-align:center;
  margin:34px 0 0;
}

.croq-cart-wrap .croq-btn{
  width:auto;
  min-width:280px;
  padding-left:34px;
  padding-right:34px;
}

.croq-bottom{
  max-width:1280px;
  margin:48px auto 0;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:24px;
}

.croq-feature{
  text-align:center;
  padding:24px;
  border-radius:24px;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(215,193,139,.1);
}

.croq-feature-title{
  font-family:"Cormorant Garamond", serif;
  font-size:34px;
  color:var(--croq-light);
  margin:0 0 8px;
}

.croq-feature-text{
  color:var(--croq-muted);
  margin:0;
}

@media (max-width: 1024px){
  .croq-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .croq-bottom{
    grid-template-columns:1fr;
  }
}

@media (max-width: 767px){
  .croq-page{
    padding:28px 16px 40px;
    border-radius:22px;
    margin:20px 10px;
  }
  .croq-grid{
    grid-template-columns:1fr;
    gap:20px;
  }
  .croq-card{
    padding:18px;
    border-radius:22px;
  }
  .croq-card-day{
    font-size:34px;
  }
  .croq-price{
    font-size:34px;
  }
  .croq-feature{
    padding:18px;
  }
}/* End custom CSS */