:root {
  --cc-ink: #1a1714;
  --cc-forest: #088b47;
  --cc-night: #0e1613;
  --cc-clay: #c4623a;
  --cc-gold: #d7c4a3;
  --cc-ivory: #f4efe7;
  --cc-paper: #faf7f2;
  --cc-muted: #6a625a;
}

html { scroll-behavior: smooth; }

body {
  background: var(--cc-night);
  color: var(--cc-ivory);
  font-family: Outfit, sans-serif;
  -webkit-font-smoothing: antialiased;
}

::selection { background: var(--cc-clay); color: #fff; }
a { color: inherit; }

.elementor-heading-title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 500;
}

.cc-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--cc-clay);
  transform: scaleX(0);
  transform-origin: 0 50%;
  z-index: 90;
  pointer-events: none;
}

.cc-nav {
  background: #fff !important;
}

.cc-logo .elementor-heading-title {
  font-size: 20px !important;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 600 !important;
  color: var(--cc-forest) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.cc-logo-sub .elementor-heading-title {
  font-family: Outfit, sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: #8c7352 !important;
  font-weight: 500 !important;
}

.cc-nav-row,
.cc-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 4px !important;
  width: auto !important;
}

.cc-nav-row { justify-content: flex-end !important; }
.cc-actions { justify-content: flex-start !important; gap: 12px !important; margin-top: 8px; }

.cc-nav-row > .elementor-element,
.cc-actions > .elementor-element { width: auto !important; }

.cc-navlink .elementor-button {
  background: transparent !important;
  color: var(--cc-ink) !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 10px 12px !important;
  font-family: Outfit, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

.cc-navlink .elementor-button:hover { color: var(--cc-clay) !important; }

.cc-btn .elementor-button,
.cc-btn-light .elementor-button,
.cc-btn-line .elementor-button {
  border-radius: 0 !important;
  padding: 16px 26px !important;
  font-family: Outfit, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  transition: background .3s ease, color .3s ease, border-color .3s ease, transform .3s ease !important;
}

.cc-btn .elementor-button {
  background: var(--cc-forest) !important;
  color: var(--cc-ivory) !important;
  border: 1px solid var(--cc-forest) !important;
}

.cc-btn .elementor-button:hover {
  background: #088b47 !important;
  border-color: #088b47 !important;
  color: #fff !important;
  transform: translateY(-2px);
}

.cc-veil .cc-btn .elementor-button {
  background: #f6f1e8 !important;
  color: #088b47 !important;
  border-color: #f6f1e8 !important;
}

.cc-veil .cc-btn .elementor-button:hover {
  background: #088b47 !important;
  color: #fff !important;
  border-color: #088b47 !important;
}

.cc-btn-light .elementor-button {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid rgba(255, 252, 248, 0.55) !important;
}

.cc-btn-light .elementor-button:hover {
  background: #fff !important;
  color: var(--cc-forest) !important;
}

.cc-link .elementor-button {
  background: transparent !important;
  color: #e7e0d4 !important;
  border: 0 !important;
  padding: 4px 0 !important;
  justify-content: flex-start;
  font-family: Outfit, sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  font-weight: 400 !important;
}

.cc-link .elementor-button:hover { color: var(--cc-gold) !important; }

.cc-stage {
  position: relative !important;
  min-height: calc(100vh - 72px);
  overflow: hidden;
  padding: 0 !important;
  display: block !important;
}

.cc-stage-short { min-height: 72vh; }

.cc-stage > .elementor-widget-image {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  z-index: 0;
}

.cc-stage > .elementor-widget-image .elementor-widget-container,
.cc-stage > .elementor-widget-image img {
  width: 100%;
  height: 100%;
}

.cc-stage > .elementor-widget-image img {
  object-fit: cover;
  display: block;
  transform-origin: center;
  animation: cc-ken 28s ease-in-out infinite alternate;
}

.cc-veil {
  position: relative;
  z-index: 2;
  min-height: calc(100vh - 72px);
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  padding: 8vh 6vw 7vh !important;
  background: linear-gradient(180deg, rgba(8, 12, 10, 0.12) 0%, rgba(8, 12, 10, 0.18) 42%, rgba(8, 12, 10, 0.78) 100%);
}

.cc-stage-short .cc-veil { min-height: 72vh; }

.cc-veil.cc-center {
  align-items: center !important;
  justify-content: flex-end !important;
  text-align: center;
}

.cc-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
  max-width: 860px;
  width: 100% !important;
}

.cc-center .cc-copy { align-items: center !important; }

.cc-copy > .elementor-element {
  animation: cc-rise 1.05s cubic-bezier(.16, 1, .3, 1) both;
}
.cc-copy > .elementor-element:nth-child(1) { animation-delay: .15s; }
.cc-copy > .elementor-element:nth-child(2) { animation-delay: .32s; }
.cc-copy > .elementor-element:nth-child(3) { animation-delay: .46s; }
.cc-copy > .elementor-element:nth-child(4) { animation-delay: .6s; }

.cc-kicker .elementor-heading-title {
  font-family: Outfit, sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: var(--cc-gold) !important;
}

.cc-display .elementor-heading-title {
  font-size: clamp(64px, 8.4vw, 124px) !important;
  line-height: 0.88 !important;
  letter-spacing: -0.035em !important;
  color: #fff !important;
  font-weight: 500 !important;
}

.cc-display-sm .elementor-heading-title {
  font-size: clamp(52px, 6vw, 92px) !important;
  line-height: 0.9 !important;
  letter-spacing: -0.03em !important;
  color: #fff !important;
}

.cc-sub .elementor-heading-title {
  font-family: Outfit, sans-serif !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  color: rgba(255, 252, 248, 0.88) !important;
  line-height: 1.5 !important;
  max-width: 520px;
}

.cc-bento,
.cc-trio,
.cc-mosaic {
  display: grid !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 8px !important;
  background: var(--cc-night) !important;
}

.cc-bento {
  grid-template-columns: 1.35fr 1fr 1fr;
  grid-template-rows: 38vh 38vh;
}

.cc-bento > .e-con:first-child { grid-row: 1 / span 2; }

.cc-trio {
  grid-template-columns: 1fr 1fr 1.15fr;
  padding-top: 0 !important;
}

.cc-trio > .e-con { min-height: 48vh; }

.cc-mosaic { grid-template-columns: 1fr 1fr; }
.cc-mosaic > .e-con { min-height: 46vh; }
.cc-mosaic > .e-con:first-child {
  grid-column: 1 / -1;
  min-height: 62vh;
}

.cc-bento > .e-con,
.cc-trio > .e-con,
.cc-mosaic > .e-con,
.cc-quote-band > .e-con,
.cc-contact > .e-con {
  width: auto !important;
  max-width: none !important;
}

.cc-tile {
  position: relative;
  display: block !important;
  overflow: hidden;
  min-height: 100%;
  height: 100%;
  text-decoration: none !important;
  padding: 0 !important;
}

.cc-tile .elementor-widget-image,
.cc-fill .elementor-widget-image {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.cc-tile .elementor-widget-image .elementor-widget-container,
.cc-tile img,
.cc-fill .elementor-widget-image .elementor-widget-container,
.cc-fill img {
  width: 100%;
  height: 100%;
}

.cc-tile img,
.cc-fill img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block;
  transform: scale(1.02);
  transition: transform 1.15s cubic-bezier(.16, 1, .3, 1);
}

.cc-reveal.elementor-invisible { visibility: visible !important; }
.cc-reveal.animated { animation: none !important; }

.cc-tile:hover img,
.cc-fill:hover img { transform: scale(1.1); }

.cc-tile .cc-cap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  margin: 0;
  padding: 72px 22px 20px;
  background: linear-gradient(transparent, rgba(6, 10, 8, 0.78));
  transition: transform .55s cubic-bezier(.16, 1, .3, 1);
}

.cc-tile:hover .cc-cap { transform: translateY(-4px); }

.cc-cap .elementor-heading-title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(30px, 2.6vw, 46px) !important;
  line-height: 0.95 !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  color: #fff !important;
}

.cc-cap .elementor-heading-title::after {
  content: "";
  display: block;
  width: 28px;
  height: 1px;
  margin-top: 12px;
  background: var(--cc-gold);
  transition: width .45s ease;
}

.cc-tile:hover .cc-cap .elementor-heading-title::after { width: 64px; }

.cc-fill {
  position: relative;
  overflow: hidden;
  min-height: 70vh;
  padding: 0 !important;
}

.cc-marquee {
  overflow: hidden !important;
  padding: 0 0 8px !important;
  background: var(--cc-night) !important;
}

.cc-track {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  width: max-content !important;
  gap: 8px !important;
  animation: cc-marquee 48s linear infinite;
}

.cc-marquee:hover .cc-track { animation-play-state: paused; }

.cc-track > .elementor-element {
  width: 300px !important;
  max-width: 300px !important;
  flex: 0 0 300px;
}

.cc-track img {
  width: 300px;
  height: 190px;
  object-fit: cover;
  display: block;
}

.cc-film { padding: 0 !important; }

.cc-film .swiper-slide-inner,
.cc-film .swiper-slide-inner img,
.cc-film .elementor-carousel-image {
  height: 68vh;
  width: 100%;
  object-fit: cover;
}

.cc-film .elementor-swiper-button {
  background: rgba(255, 252, 248, 0.92);
  color: var(--cc-forest);
  width: 46px;
  height: 46px;
  border-radius: 50%;
}

.cc-film .swiper-pagination-bullet { background: #fff; opacity: .45; }
.cc-film .swiper-pagination-bullet-active { opacity: 1; background: var(--cc-gold); }

.cc-dark {
  background: var(--cc-night) !important;
  padding: 28px 6vw 10px !important;
}

.cc-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px !important;
  width: min(920px, 100%) !important;
  margin-top: 28px;
}

.cc-stat .elementor-counter-number-wrapper {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  color: #fff !important;
  font-size: clamp(40px, 4vw, 64px) !important;
  font-weight: 500 !important;
  line-height: 0.9 !important;
}

.cc-stat .elementor-counter-title {
  font-family: Outfit, sans-serif !important;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 11px !important;
  color: var(--cc-gold) !important;
  margin-top: 8px;
}

.cc-quote-band,
.cc-contact {
  display: grid !important;
  gap: 0 !important;
  padding: 0 !important;
  background: var(--cc-ivory) !important;
  align-items: stretch !important;
}

.cc-quote-band { grid-template-columns: 1.15fr .85fr; }
.cc-contact { grid-template-columns: 1.05fr .95fr; min-height: 88vh; }

.cc-qpanel,
.cc-panel {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 14px !important;
  padding: 64px 52px !important;
  background: var(--cc-ivory) !important;
}

.cc-quote .elementor-testimonial-content {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.25 !important;
  font-style: italic;
  color: var(--cc-ink) !important;
}

.cc-quote .elementor-testimonial-name {
  font-family: Outfit, sans-serif !important;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 12px !important;
  margin-top: 22px;
  color: var(--cc-forest) !important;
}

.cc-quote .elementor-testimonial-job {
  font-family: Outfit, sans-serif !important;
  color: #8c7352 !important;
  font-size: 13px !important;
}

.cc-quote .elementor-testimonial-meta { margin-top: 8px; }

.cc-ink .elementor-heading-title { color: var(--cc-ink) !important; }
.cc-muted .elementor-heading-title,
.cc-panel p,
.cc-qpanel p {
  font-family: Outfit, sans-serif !important;
  color: var(--cc-muted) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
}

.cc-phone .elementor-heading-title {
  font-size: clamp(36px, 4vw, 56px) !important;
  letter-spacing: -0.03em !important;
  color: var(--cc-forest) !important;
  line-height: 1 !important;
}

.cc-icon .elementor-icon-box-title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 26px !important;
  font-weight: 500 !important;
  color: var(--cc-ink) !important;
}

.cc-icon .elementor-icon-box-description {
  font-family: Outfit, sans-serif !important;
  color: var(--cc-muted) !important;
  font-size: 15px !important;
}

.cc-icon .elementor-icon { color: var(--cc-clay); fill: var(--cc-clay); }

.cc-leaders {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 28px !important;
  width: min(640px, 100%) !important;
  margin-top: 12px;
}

.cc-leaders .elementor-heading-title { color: #fff !important; text-align: center; }
.cc-role .elementor-heading-title {
  font-family: Outfit, sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--cc-gold) !important;
  font-weight: 500 !important;
}

.cc-faq .elementor-accordion-item,
.cc-faq .elementor-accordion-item + .elementor-accordion-item {
  border: 0 !important;
  border-bottom: 1px solid rgba(26, 23, 20, 0.12) !important;
}

.cc-faq .elementor-tab-title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 26px;
  padding: 18px 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.cc-faq .elementor-accordion-title { font-weight: 500; color: var(--cc-ink); }
.cc-faq .elementor-tab-content {
  border: 0 !important;
  padding: 0 0 16px !important;
  font-family: Outfit, sans-serif;
  color: var(--cc-muted);
  font-size: 16px;
  line-height: 1.6;
}

.cc-footer { background: #0a100e !important; }
.cc-footer .elementor-heading-title { color: var(--cc-ivory) !important; }
.cc-footer p,
.cc-footer .elementor-icon-list-text { color: #d5cdc2 !important; font-family: Outfit, sans-serif; }
.cc-footer .elementor-icon-list-icon { color: var(--cc-gold) !important; }

.cc-float {
  position: fixed !important;
  right: 18px;
  bottom: 18px;
  z-index: 80;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.cc-float .elementor-button {
  background: #25d366 !important;
  color: #07301a !important;
  border-radius: 999px !important;
  padding: 14px 18px !important;
  font-family: Outfit, sans-serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28) !important;
}

.cc-map { background: var(--cc-ivory) !important; padding: 0 0 8px !important; }
.cc-faq-wrap {
  background: var(--cc-ivory) !important;
  padding: 10px 8vw 72px !important;
}

html.ccx-motion .cc-reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity .9s ease, transform 1s cubic-bezier(.16, 1, .3, 1);
}

.cc-bento > .cc-reveal:nth-child(2),
.cc-trio > .cc-reveal:nth-child(2),
.cc-mosaic > .cc-reveal:nth-child(2) { transition-delay: .08s; }
.cc-bento > .cc-reveal:nth-child(3),
.cc-trio > .cc-reveal:nth-child(3),
.cc-mosaic > .cc-reveal:nth-child(3) { transition-delay: .16s; }
.cc-bento > .cc-reveal:nth-child(4),
.cc-mosaic > .cc-reveal:nth-child(4) { transition-delay: .24s; }
.cc-bento > .cc-reveal:nth-child(5) { transition-delay: .32s; }

html.ccx-motion .cc-reveal.is-in { opacity: 1; transform: none; }

@keyframes cc-ken {
  from { transform: scale(1); }
  to { transform: scale(1.12); }
}

@keyframes cc-rise {
  from { opacity: 0; transform: translateY(28px); }
  to { opacity: 1; transform: none; }
}

@keyframes cc-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.cc-line .elementor-heading-title {
  font-family: Outfit, sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  color: rgba(255, 252, 248, 0.9) !important;
  line-height: 1.4 !important;
}

.cc-line .elementor-heading-title::after { display: none !important; }

.cc-sheet {
  background: var(--cc-ivory) !important;
  padding: 72px 6vw 64px !important;
}

.cc-h2 .elementor-heading-title {
  font-size: clamp(40px, 4.4vw, 64px) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.03em !important;
  color: var(--cc-ink) !important;
}

.cc-lead .elementor-heading-title {
  font-family: Outfit, sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--cc-muted) !important;
  line-height: 1.55 !important;
  max-width: 560px;
}

.cc-icons,
.cc-reasons {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px !important;
  width: 100% !important;
}

.cc-icons > .elementor-element,
.cc-reasons > .elementor-element,
.cc-products > .e-con {
  width: auto !important;
  max-width: none !important;
}

.cc-mark .elementor-icon-box-icon { margin-bottom: 12px; }

.cc-mark .elementor-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border: 1px solid #e4d7c4;
  border-radius: 50%;
  color: var(--cc-clay);
  background: #fff;
  transition: transform .35s ease, border-color .35s ease;
}

.cc-mark:hover .elementor-icon {
  transform: translateY(-3px);
  border-color: var(--cc-clay);
}

.cc-mark svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
}

.cc-mark .elementor-icon-box-title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 26px !important;
  font-weight: 500 !important;
  color: var(--cc-ink) !important;
}

.cc-mark .elementor-icon-box-description {
  font-family: Outfit, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: var(--cc-muted) !important;
}

.cc-products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px !important;
  width: 100% !important;
  margin-top: 28px;
}

.cc-pcard {
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
  overflow: hidden;
  text-decoration: none !important;
  height: 100%;
  border: 1px solid rgba(26, 23, 20, 0.06);
  transition: transform .4s ease, box-shadow .4s ease;
}

.cc-pcard:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(16, 38, 31, 0.1);
}

.cc-pcard .elementor-widget-image { overflow: hidden; background: #f3eee6; }

.cc-pcard img {
  width: 100% !important;
  height: 250px !important;
  max-width: none !important;
  object-fit: cover !important;
  display: block;
  transition: transform .9s cubic-bezier(.16, 1, .3, 1);
}

.cc-pcard:hover img { transform: scale(1.06); }

.cc-pname .elementor-heading-title {
  font-size: 28px !important;
  line-height: 1.05 !important;
  color: var(--cc-ink) !important;
  letter-spacing: -0.02em !important;
}

.cc-pline .elementor-heading-title {
  font-family: Outfit, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--cc-muted) !important;
  line-height: 1.45 !important;
}

@media (max-width: 1024px) {
  .cc-bento { grid-template-columns: 1fr 1fr; grid-template-rows: none; }
  .cc-bento > .e-con:first-child { grid-row: auto; grid-column: 1 / -1; min-height: 52vh; }
  .cc-bento > .e-con,
  .cc-trio > .e-con { min-height: 36vh; }
  .cc-stats,
  .cc-products,
  .cc-icons,
  .cc-reasons { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px) {
  .cc-stage,
  .cc-veil { min-height: 86vh; }
  .cc-quote-band,
  .cc-contact,
  .cc-trio,
  .cc-mosaic,
  .cc-leaders { grid-template-columns: 1fr !important; }
  .cc-fill { min-height: 48vh; }
  .cc-film .swiper-slide-inner,
  .cc-film .swiper-slide-inner img { height: 52vh; }
  .cc-qpanel,
  .cc-panel { padding: 36px 22px !important; }
  .cc-nav-row { justify-content: flex-start !important; }
}

@media (max-width: 767px) {
  .cc-bento,
  .cc-products { grid-template-columns: 1fr; }
  .cc-display .elementor-heading-title { font-size: 58px !important; }
  .cc-track > .elementor-element,
  .cc-track img { width: 220px; height: 150px; }
  .cc-stats,
  .cc-icons,
  .cc-reasons { grid-template-columns: 1fr 1fr; }
  .cc-sheet { padding: 48px 20px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .cc-reveal { opacity: 1; transform: none; transition: none; }
  .cc-stage > .elementor-widget-image img,
  .cc-track,
  .cc-copy > .elementor-element { animation: none !important; }
  .cc-tile img { transition: none; }
}

body.cc-shop { background: #f6f1e8; }

.cc-topbar {
  background: #088b47 !important;
  color: #f4efe7;
}
.cc-topbar .elementor-heading-title,
.cc-topbar .elementor-icon-list-text {
  font-family: Outfit, sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: #f6f1e8 !important;
  font-weight: 400 !important;
}
.cc-topbar .elementor-icon-list-icon { color: #e7c9a4 !important; }

.cc-shopnav {
  background: #fff !important;
  border-bottom: 1px solid #efe6da;
}
.cc-shopnav .cc-navlink .elementor-button { color: #24312c !important; }

.cc-search {
  display: flex;
  align-items: center;
  background: #f6f1e8;
  border-radius: 999px;
  padding: 4px 4px 4px 14px;
  min-width: 220px;
  border: 1px solid #e7dfd3;
}
.cc-search input[type="search"] {
  border: 0;
  background: transparent;
  font-family: Outfit, sans-serif;
  font-size: 14px;
  width: 100%;
  outline: none;
  color: #24312c;
}
.cc-search button {
  border: 0;
  background: #088b47;
  color: #fff;
  border-radius: 999px;
  padding: 8px 14px;
  font-family: Outfit, sans-serif;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}
.cc-cartlink {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #088b47;
  color: #fff !important;
  text-decoration: none;
  border-radius: 999px;
  padding: 10px 14px;
  font-family: Outfit, sans-serif;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.cc-cartlink b {
  background: #fff;
  color: #088b47;
  border-radius: 999px;
  min-width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.cc-shophead > .e-con-inner {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
  width: 100% !important;
}
.cc-shophead > .e-con-inner > .e-con {
  width: auto !important;
  max-width: none !important;
}
.cc-sidecat .cc-h2 .elementor-heading-title {
  font-size: 28px !important;
  line-height: 1.05 !important;
}
.cc-bannerhero .cc-display-sm .elementor-heading-title {
  font-size: clamp(36px, 3.4vw, 54px) !important;
}
.cc-buy .elementor-widget-image,
.cc-buy .elementor-widget-image .elementor-widget-container,
.cc-buy .elementor-widget-image a {
  display: block !important;
  width: 100% !important;
}
.cc-buy .elementor-widget-image img {
  width: 100% !important;
  max-width: 100% !important;
  height: 230px !important;
  object-fit: cover !important;
  object-position: center;
}

body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account {
  background: #f6f1e8;
  color: #1a1714;
}
.woocommerce-cart .site-header,
.woocommerce-checkout .site-header,
.woocommerce-cart .site-footer,
.woocommerce-checkout .site-footer,
.woocommerce-cart h1,
.woocommerce-checkout h1,
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce,
.woocommerce table.shop_table,
.woocommerce-cart td,
.woocommerce-cart th,
.woocommerce-cart a {
  color: #1a1714;
}
.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content {
  background: #fff;
  border-radius: 16px;
  padding: 24px;
}

@media (max-width: 900px) {
  .cc-shophead > .e-con-inner { grid-template-columns: 1fr !important; }
}
.cc-sidecat {
  background: #fff !important;
  border: 1px solid #efe6da;
  border-radius: 18px;
  padding: 18px 16px !important;
}
.cc-sidecat .elementor-icon-list-item { margin-bottom: 4px; }
.cc-sidecat .elementor-icon-list-item a {
  font-family: Outfit, sans-serif;
  color: #24312c;
  font-size: 15px;
  padding: 8px 4px;
  display: flex;
}
.cc-sidecat .elementor-icon-list-item a:hover { color: #088b47; }
.cc-sidecat .elementor-icon-list-icon { color: #088b47; }

.cc-stage.cc-bannerhero,
.cc-stage.cc-bannerhero .cc-veil { min-height: 520px; border-radius: 18px; }
.cc-stage.cc-bannerhero { border-radius: 18px; }

.cc-pill .elementor-button {
  background: #088b47 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 14px 22px !important;
}
.cc-pill .elementor-button:hover { background: #088b47 !important; color: #fff !important; }

.cc-block {
  background: #f6f1e8 !important;
  padding: 42px 28px 10px !important;
}
.cc-block-tight { padding-top: 18px !important; }

.cc-circles {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 12px !important;
  width: 100% !important;
  text-align: center;
}
.cc-circles > .e-con { width: auto !important; max-width: none !important; }
.cc-dot {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-decoration: none !important;
  gap: 8px;
}
.cc-dot img {
  width: 108px !important;
  height: 108px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 4px solid #fff;
  box-shadow: 0 8px 18px rgba(31, 61, 49, 0.12);
  transition: transform .35s ease;
}
.cc-dot:hover img { transform: scale(1.06); }
.cc-dot .elementor-heading-title {
  font-family: Outfit, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #24312c !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.cc-buys {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px !important;
  width: 100% !important;
  margin-top: 18px;
}
.cc-buys > .e-con { width: auto !important; max-width: none !important; }
.cc-buy {
  background: #fff !important;
  border: 1px solid #efe6da;
  border-radius: 16px;
  overflow: hidden;
  height: 100%;
  transition: transform .35s ease, box-shadow .35s ease;
}
.cc-buy:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(31, 61, 49, 0.1);
}
.cc-buy img {
  width: 100% !important;
  height: 230px !important;
  object-fit: cover !important;
  display: block;
}
.cc-price .elementor-heading-title {
  font-family: Outfit, sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #088b47 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.cc-atc { width: 100% !important; }
.cc-atc .elementor-button {
  width: 100%;
  justify-content: center;
  background: #088b47 !important;
  color: #fff !important;
  border-radius: 10px !important;
  border: 0 !important;
  padding: 12px 16px !important;
}
.cc-atc .elementor-button:hover { background: #088b47 !important; }
.cc-ask .elementor-button {
  width: 100%;
  justify-content: center;
  background: transparent !important;
  color: #088b47 !important;
  border: 1px solid #088b47 !important;
  border-radius: 10px !important;
}

.cc-promos {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 16px !important;
  width: 100% !important;
}
.cc-promos > .e-con { width: auto !important; max-width: none !important; }
.cc-promo {
  position: relative;
  min-height: 280px;
  border-radius: 18px;
  overflow: hidden;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: 28px !important;
}
.cc-promo::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, rgba(18, 40, 32, 0.78), rgba(18, 40, 32, 0.2));
}
.cc-promo-clay::before {
  background: linear-gradient(100deg, rgba(140, 72, 48, 0.78), rgba(140, 72, 48, 0.18));
}
.cc-promo > .elementor-element,
.cc-promo .elementor-widget-container { position: relative; z-index: 1; }
.cc-promo .elementor-heading-title { color: #fff !important; }

.cc-trust {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px !important;
  background: #fff !important;
  border-radius: 18px;
  padding: 22px !important;
  border: 1px solid #efe6da;
}
.cc-trust > .elementor-element { width: auto !important; }

.cc-quotes {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px !important;
  width: 100% !important;
}
.cc-quotes > .e-con,
.cc-quotes > .elementor-element { width: auto !important; max-width: none !important; }
.cc-quotes .cc-quote {
  background: #fff !important;
  border: 1px solid #efe6da;
  border-radius: 16px;
  border-top: 0;
  padding: 22px !important;
  height: 100%;
}

.cc-newsband {
  background: #088b47 !important;
  border-radius: 18px;
  padding: 28px !important;
  margin: 10px 28px 28px;
}
.cc-newsband .elementor-heading-title { color: #fff !important; }
.cc-newsform { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.cc-newsform input[type="email"] {
  flex: 1;
  min-width: 220px;
  border: 0;
  border-radius: 999px;
  padding: 14px 16px;
  font-family: Outfit, sans-serif;
}
.cc-newsform button {
  border: 0;
  background: #088b47;
  color: #fff;
  border-radius: 999px;
  padding: 14px 22px;
  font-family: Outfit, sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}
.cc-news-ok { color: #e7c9a4; font-family: Outfit, sans-serif; }

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  background: #088b47 !important;
  color: #fff !important;
  border-radius: 10px !important;
}
.woocommerce-message,
.woocommerce-info { border-top-color: #088b47; }

@media (max-width: 1024px) {
  .cc-circles { grid-template-columns: repeat(4, 1fr); }
  .cc-buys,
  .cc-trust,
  .cc-quotes { grid-template-columns: 1fr 1fr; }
  .cc-shophead,
  .cc-promos { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .cc-circles,
  .cc-buys,
  .cc-trust,
  .cc-quotes { grid-template-columns: 1fr; }
  .cc-search { min-width: 0; width: 100%; }
  .cc-newsband { margin: 10px 12px 20px; }
}

/* Match the shop reference */
body.cc-shop {
  background: #f7f4ef !important;
  color: #1c2b26;
  font-family: "Nunito Sans", sans-serif;
}
body.cc-shop .elementor-heading-title {
  font-family: "Playfair Display", Georgia, serif;
}

.ccx-top {
  background: #088b47 !important;
}
.ccx-top > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 36px;
}
.ccx-top > .e-con-inner > .elementor-element,
.ccx-top .elementor-widget-icon-list,
.ccx-top .elementor-widget-heading {
  width: auto !important;
  max-width: none !important;
  flex: 0 1 auto !important;
}
.ccx-top .elementor-icon-list-items {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 16px !important;
  width: auto !important;
}
.ccx-top .elementor-icon-list-item,
.ccx-top .elementor-icon-list-item a {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: auto !important;
  gap: 6px !important;
}
.ccx-top .elementor-icon-list-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
}
.ccx-top .elementor-icon-list-icon svg,
.ccx-top .elementor-widget-icon-list svg {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  flex: 0 0 14px !important;
}
.ccx-top font,
.ccx-head font {
  display: inline !important;
}
.ccx-top .elementor-heading-title,
.ccx-top .elementor-icon-list-text {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #f4efe7 !important;
}
.ccx-top .elementor-icon-list-icon,
.ccx-top svg { color: #f4efe7 !important; fill: #f4efe7 !important; }

.ccx-head {
  background: #fff !important;
  border-bottom: 1px solid #efeae3;
  position: relative;
  z-index: 2;
}
.ccx-head > .e-con-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
}
.ccx-brand .elementor-heading-title {
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #1c2b26 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.ccx-tag .elementor-heading-title {
  font-family: "Great Vibes", cursive !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #c4896a !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1 !important;
}
.ccx-logowrap > .e-con {
  --row-gap: 0px !important;
  --column-gap: 0px !important;
  gap: 0 !important;
  row-gap: 0 !important;
}
.ccx-brand,
.ccx-tag,
.ccx-brand .elementor-widget-container,
.ccx-tag .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}
.ccx-brand .elementor-heading-title { margin: 0 !important; padding: 0 !important; }
.ccx-tag { margin-top: 6px !important; }
.ccx-tag .elementor-heading-title { margin: 0 !important; padding: 0 !important; }
.ccx-menu {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  flex: 1 1 auto !important;
  width: auto !important;
}
.ccx-menu > .elementor-element,
.ccx-tools > .elementor-element { width: auto !important; }
.ccx-tools {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  width: auto !important;
  flex: 0 0 auto !important;
}
.ccx-here .elementor-button { box-shadow: inset 0 -2px 0 #088b47 !important; }
.ccx-link .elementor-button {
  background: transparent !important;
  color: #1c2b26 !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 8px 10px !important;
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
}
.ccx-link .elementor-button:hover { color: #088b47 !important; }
.cc-nav,
.cc-nav-list {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.ccx-menu .elementor-widget-shortcode,
.ccx-menu .elementor-shortcode,
.ccx-menu .cc-nav { width: 100% !important; }
.ccx-head,
.ccx-head > .e-con-inner,
.ccx-menu,
.ccx-menu .elementor-element,
.ccx-menu .elementor-widget-container,
.ccx-menu .elementor-shortcode,
.cc-nav,
.cc-nav-list {
  background: #fff !important;
}
.cc-nav-list > .ccx-link > a,
.cc-nav-list > .ccx-drop > a {
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
  color: #1c2b26 !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 8px 10px !important;
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.cc-nav-list > .ccx-link > a:hover,
.cc-nav-list > .ccx-drop > a:hover { color: #088b47 !important; }
.cc-nav-list > .ccx-drop > a::after {
  content: " ▾";
  font-size: 11px;
  color: #088b47;
}
.cc-nav-list > .ccx-here > a { box-shadow: inset 0 -2px 0 #088b47 !important; }
.cc-nav-list .ccx-sub {
  list-style: none !important;
  margin: 0 !important;
}
.cc-nav-list .ccx-sub a {
  display: block !important;
  width: 100% !important;
  background: transparent !important;
  color: #1c2b26 !important;
  border: 0 !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  text-align: left !important;
  white-space: nowrap !important;
}
.cc-nav-list .ccx-sub a:hover {
  background: #088b47 !important;
  color: #fff !important;
}
.ccx-head,
.ccx-head > .e-con-inner,
.ccx-menu,
.ccx-menu > .e-con-inner,
.ccx-drop,
.ccx-drop > .e-con-inner { overflow: visible !important; }
.ccx-drop {
  position: relative;
  width: auto !important;
  flex: 0 0 auto !important;
}
.ccx-drop > .elementor-widget-button .elementor-button-text::after {
  content: " ▾";
  font-size: 11px;
  color: #088b47;
}
.cc-site-header {
  position: sticky;
  top: 0;
  z-index: 400;
  background: #fff;
}
body.admin-bar .cc-site-header { top: 32px; }
@media (max-width: 782px) {
  body.admin-bar .cc-site-header { top: 46px; }
}
.cc-site-header .e-con { overflow: visible !important; }
.ccx-head { z-index: 200 !important; }
.ccx-drop::after {
  content: "";
  position: absolute;
  left: -12px;
  right: -24px;
  top: 100%;
  height: 22px;
  z-index: 80;
}
.ccx-sub {
  display: flex !important;
  flex-direction: column !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 90 !important;
  width: 250px !important;
  min-width: 250px !important;
  max-width: none !important;
  height: auto !important;
  padding: 8px !important;
  gap: 0 !important;
  row-gap: 0 !important;
  background: #fff !important;
  border: 1px solid #efeae3;
  border-radius: 12px;
  box-shadow: 0 16px 36px rgba(16, 24, 20, .14);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .22s ease, visibility .22s ease;
  overflow: visible !important;
}
.ccx-sub > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  padding: 0 !important;
}
.ccx-sub::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -12px;
  height: 12px;
}
.ccx-drop:hover .ccx-sub,
.ccx-drop:focus-within .ccx-sub {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.ccx-sub .elementor-element,
.ccx-sub .elementor-widget-container,
.ccx-sub .elementor-button-wrapper { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: none !important; }
.ccx-sublink { width: 100% !important; }
.ccx-sublink .elementor-button,
.ccx-sublink .elementor-button-content-wrapper {
  justify-content: flex-start !important;
  text-align: left !important;
}
.ccx-sublink .elementor-button-text { white-space: nowrap !important; }
.ccx-sublink .elementor-button {
  width: 100% !important;
  min-height: 0 !important;
  line-height: 1.3 !important;
  background: transparent !important;
  color: #1c2b26 !important;
  border: 0 !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.ccx-sublink .elementor-button:hover {
  background: #088b47 !important;
  color: #fff !important;
}
.ccx-leaf .elementor-icon {
  color: #088b47;
  font-size: 28px;
}
.ccx-leaf svg { width: 34px; height: 34px; stroke: #088b47; fill: none; }

.ccx-main.e-con-full,
.ccx-main > .e-con-inner {
  display: grid !important;
  grid-template-columns: 270px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
  width: 100% !important;
}
.ccx-main > .e-con,
.ccx-main > .e-con-inner > .e-con { width: auto !important; max-width: none !important; }

.ccx-side {
  background: #088b47 !important;
  border-radius: 16px;
  padding: 16px 14px 8px !important;
}
.ccx-side .ccx-side-title .elementor-heading-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: 0 !important;
}
.ccx-side .elementor-icon-list-item a {
  display: flex !important;
  align-items: center;
  color: #f4efe7 !important;
  padding: 10px 2px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
}
.ccx-side .elementor-icon-list-icon { color: #d7c4a3 !important; }
.ccx-side .elementor-icon-list-text { flex: 1; display: flex; justify-content: space-between; }
.ccx-side .elementor-icon-list-text::after { content: "›"; opacity: .75; font-size: 18px; line-height: 1; }

.ccx-love {
  background: #f3f6f1 !important;
  border: 0 !important;
  border-radius: 16px;
  padding: 18px 16px !important;
  margin-top: 12px;
  position: relative;
  overflow: hidden;
  min-height: 128px;
}
.ccx-love::after {
  content: "";
  position: absolute;
  right: -6px;
  bottom: -8px;
  width: 130px;
  height: 120px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 130' fill='none' stroke='%23088b47' stroke-width='1.2'><path d='M70 120 C40 80 20 70 18 40 C40 48 55 70 70 120Z'/><path d='M70 120 C100 78 122 68 124 36 C100 46 84 70 70 120Z'/><path d='M70 120 C78 70 110 40 108 18' stroke='%23c4896a'/><circle cx='108' cy='16' r='7' stroke='%23d4a0b0'/><path d='M30 30c8 10 6 18-2 22' stroke='%23088b47'/></svg>") no-repeat right bottom / contain;
  pointer-events: none;
}
.ccx-script .elementor-heading-title {
  font-family: "Great Vibes", cursive !important;
  font-size: 34px !important;
  font-weight: 400 !important;
  color: #088b47 !important;
  line-height: 1 !important;
}
.ccx-love-text .elementor-heading-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #6d675f !important;
  line-height: 1.45 !important;
}

.ccx-hero {
  position: relative !important;
  height: 540px !important;
  min-height: 540px !important;
  max-height: 540px !important;
  border-radius: 18px;
  overflow: hidden;
  padding: 0 !important;
}
.ccx-hero > .elementor-widget-image {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}
.ccx-hero > .elementor-widget-image .elementor-widget-container,
.ccx-hero > .elementor-widget-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.ccx-hero-copy {
  position: relative;
  z-index: 2;
  min-height: 460px;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding: 48px 8% 48px 40px !important;
  background: linear-gradient(90deg, rgba(20, 32, 28, 0.55) 0%, rgba(20, 32, 28, 0.18) 55%, rgba(20, 32, 28, 0.05) 100%);
  max-width: 640px;
}
.ccx-kicker .elementor-heading-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #f3e6d4 !important;
  font-weight: 700 !important;
}
.ccx-hero-title .elementor-heading-title {
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(34px, 3.2vw, 48px) !important;
  line-height: 1.12 !important;
  color: #fff !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}
.ccx-hero-sub .elementor-heading-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,.92) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.5 !important;
  max-width: 420px;
}
.ccx-clay .elementor-button {
  background: #088b47 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 12px 18px !important;
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.ccx-clay .elementor-button:hover { background: #088b47 !important; }
.ccx-floatbadge {
  position: absolute !important;
  top: 22px;
  right: 22px;
  z-index: 3;
  width: 118px !important;
  height: 118px;
  border-radius: 50%;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  padding: 12px !important;
}
.ccx-floatbadge .elementor-heading-title {
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  color: #088b47 !important;
  text-align: center;
}

.ccx-wrap { background: #f7f4ef !important; }
.ccx-center { align-items: center !important; text-align: center; }
.ccx-kicker-dark .elementor-heading-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #8c7352 !important;
  font-weight: 700 !important;
}
.ccx-h .elementor-heading-title {
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: clamp(30px, 3vw, 40px) !important;
  font-weight: 600 !important;
  color: #1c2b26 !important;
  line-height: 1.15 !important;
  text-align: center;
}
.ccx-rowhead .ccx-h .elementor-heading-title,
.ccx-split .ccx-h .elementor-heading-title { text-align: left; }
.ccx-lead .elementor-heading-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #6d675f !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.ccx-dots.e-con-full,
.ccx-dots > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px !important;
  width: 100% !important;
}
.ccx-dots > .e-con,
.ccx-dots > .e-con-inner > .e-con { width: auto !important; max-width: none !important; }
.ccx-dot {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-decoration: none !important;
  gap: 8px;
}
.ccx-dot .elementor-widget-image,
.ccx-dot .elementor-widget-image a { display: block; width: 100%; }
.ccx-dot img {
  width: 108px !important;
  height: 108px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 4px solid #fff;
  box-shadow: 0 8px 18px rgba(8, 139, 71, 0.1);
  margin: 0 auto;
}
.ccx-dot .elementor-heading-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1c2b26 !important;
  text-align: center;
}

.ccx-rowhead {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  width: 100% !important;
}
.ccx-view .elementor-button {
  background: transparent !important;
  color: #088b47 !important;
  border: 0 !important;
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  padding: 0 !important;
}

.ccx-grid.e-con-full,
.ccx-grid > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px !important;
  width: 100% !important;
}
.ccx-grid > .e-con,
.ccx-grid > .e-con-inner > .e-con { width: auto !important; max-width: none !important; }
.ccx-grid.ccx-grid-4.e-con-full,
.ccx-grid.ccx-grid-4 > .e-con-inner { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ccx-grid.ccx-grid-3.e-con-full,
.ccx-grid.ccx-grid-3 > .e-con-inner { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.ccx-card {
  position: relative;
  background: #fff !important;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #efe8de;
  box-shadow: 0 8px 20px rgba(28, 43, 38, 0.04);
  height: 100%;
  display: flex !important;
  flex-direction: column !important;
}
.ccx-card:hover { overflow: visible; z-index: 4; }
.ccx-card > .e-con,
.ccx-card > .e-con-inner > .e-con {
  flex: 1 1 auto;
  display: flex !important;
  flex-direction: column !important;
}
.ccx-card .elementor-widget-image { overflow: hidden; border-radius: 16px 16px 0 0; }
.ccx-card .elementor-widget-image,
.ccx-card .elementor-widget-image .elementor-widget-container,
.ccx-card .elementor-widget-image a { display: block !important; width: 100% !important; }
.ccx-card .elementor-widget-image img {
  width: 100% !important;
  height: 190px !important;
  object-fit: cover !important;
  background: #f3efe8;
}
.ccx-pill {
  position: absolute !important;
  top: 12px;
  left: 12px;
  z-index: 2;
  background: #088b47 !important;
  border-radius: 999px;
  padding: 4px 10px !important;
  width: auto !important;
}
.ccx-pill .elementor-heading-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: 0.04em !important;
}
.ccx-heart {
  position: absolute !important;
  top: 10px;
  right: 10px;
  z-index: 3;
  width: 34px !important;
  height: 34px;
  border-radius: 50%;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.08);
}
.ccx-heart .elementor-icon { color: #088b47; font-size: 14px; }
.ccx-name { position: relative; z-index: 5; height: 22px; margin: 0 0 6px !important; }
.ccx-name .elementor-heading-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1c2b26 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}
.ccx-name a {
  display: block;
  color: inherit !important;
  text-decoration: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ccx-name a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.ccx-card:hover .ccx-name a {
  position: absolute;
  top: -6px;
  left: -8px;
  right: -8px;
  width: auto;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  background: #fff;
  padding: 6px 8px;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(28, 43, 38, .14);
}
.ccx-card .ccx-atc { position: relative; z-index: 3; margin-top: auto !important; }
.ccx-name a:hover { color: #088b47 !important; }
.ccx-price .elementor-heading-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #1c2b26 !important;
}
.ccx-card .elementor-star-rating { font-size: 14px; color: #e2a31a; }
.ccx-atc { width: 100% !important; }
.ccx-atc .elementor-button {
  width: 100%;
  justify-content: center;
  background: #088b47 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 11px 12px !important;
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.ccx-atc .elementor-button:hover { background: #088b47 !important; }

.ccx-banners.e-con-full,
.ccx-banners > .e-con-inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 16px !important;
  width: 100% !important;
}
.ccx-banners > .e-con,
.ccx-banners > .e-con-inner > .e-con { width: auto !important; max-width: none !important; }
.ccx-banner {
  position: relative;
  min-height: 210px;
  border-radius: 16px;
  overflow: hidden;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding: 28px !important;
}
.ccx-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(8, 139, 71,.82), rgba(8, 139, 71,.25));
}
.ccx-banner-clay::before {
  background: linear-gradient(90deg, rgba(176,106,84,.84), rgba(176,106,84,.2));
}
.ccx-banner > .elementor-element { position: relative; z-index: 1; }
.ccx-banner .elementor-heading-title { color: #fff !important; }
.ccx-banner .ccx-hero-title .elementor-heading-title { font-size: 30px !important; }
.ccx-light .elementor-button {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.8) !important;
  border-radius: 8px !important;
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.ccx-trust.e-con-full,
.ccx-trust > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px !important;
  width: 100% !important;
  background: #fff !important;
  border: 1px solid #efe8de;
  border-radius: 16px;
  padding: 18px 10px !important;
}
.ccx-trust > .elementor-element,
.ccx-trust > .e-con-inner > .elementor-element { width: auto !important; }
.ccx-trust .elementor-icon { color: #088b47; font-size: 22px; }
.ccx-trust .elementor-icon-box-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1c2b26 !important;
}
.ccx-trust .elementor-icon-box-description {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 12px !important;
  color: #6d675f !important;
}
.ccx-trust > .elementor-element { position: relative; }
.ccx-trust > .elementor-element:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 10px;
  right: -7px;
  width: 1px;
  background: #e3d9cc;
}

.ccx-split.e-con-full,
.ccx-split > .e-con-inner {
  display: grid !important;
  grid-template-columns: 0.86fr 1.28fr 0.82fr;
  gap: 28px !important;
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
  padding: 8px 0 4px !important;
  align-items: center !important;
}
.ccx-split > .e-con,
.ccx-split > .e-con-inner > .e-con { width: auto !important; max-width: none !important; }
.ccx-split > .elementor-widget-image img,
.ccx-split > .e-con-inner > .elementor-widget-image img {
  width: 100% !important;
  height: 360px !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 14px;
}
.ccx-split .ccx-rugshot img {
  object-position: center 68% !important;
}
.ccx-split .ccx-h .elementor-heading-title {
  text-align: left;
  font-size: 34px !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
  color: #1c2b26 !important;
  white-space: nowrap !important;
}
.ccx-split .ccx-lead .elementor-heading-title {
  font-size: 15px !important;
  line-height: 1.6 !important;
  max-width: 340px;
  margin: 8px 0 16px;
}
.ccx-split .ccx-clay .elementor-button {
  background: #088b47 !important;
  border-radius: 6px !important;
  padding: 12px 18px !important;
}
.ccx-links .elementor-icon-list-item a {
  font-family: "Nunito Sans", sans-serif;
  color: #1c2b26;
  font-weight: 600;
  padding: 8px 0;
  border-bottom: 1px solid #efe8de;
  display: flex;
  justify-content: space-between;
}
.ccx-links .elementor-icon-list-text::after { content: "›"; }

.ccx-reviews.e-con-full,
.ccx-reviews > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  overflow: hidden;
  width: 100% !important;
  position: relative;
}
.ccx-reviews > .elementor-element,
.ccx-reviews > .e-con-inner > .elementor-element { width: auto !important; max-width: none !important; }
.ccx-reviews .elementor-testimonial-wrapper,
.ccx-reviews .elementor-widget-testimonial {
  background: #fff;
  border: 1px solid #efe8de;
  border-radius: 16px;
  padding: 18px;
  height: 100%;
}
.ccx-reviews .elementor-testimonial-content {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 14px !important;
  font-style: normal !important;
  color: #3d4742 !important;
  line-height: 1.55 !important;
}
.ccx-reviews .elementor-testimonial-name {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1c2b26 !important;
}
.ccx-ava .elementor-heading-title {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #088b47;
  color: #fff !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 13px !important;
}

.ccx-newsband {
  position: relative;
  overflow: hidden;
  background: #088b47 !important;
}
.ccx-newsband::before,
.ccx-newsband::after {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  width: 120px;
  opacity: .45;
  pointer-events: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 160' fill='none' stroke='%23d7e6d4' stroke-width='1.2'><path d='M40 150 C20 110 10 90 16 60'/><path d='M16 60 C28 70 36 90 40 150'/><path d='M40 110 C58 90 70 80 66 52'/><path d='M40 80 C22 60 18 40 28 22'/><ellipse cx='28' cy='20' rx='8' ry='12' transform='rotate(-30 28 20)'/></svg>") center / contain no-repeat;
}
.ccx-newsband::before,
.ccx-newsband::after { display: none !important; }
.ccx-deco {
  display: none !important;
}
.ccx-deco-l { left: 24px; }
.ccx-deco-r { right: 24px; }
.ccx-deco .elementor-icon { font-size: 64px; color: rgba(215, 230, 212, .55); }
.ccx-love::after { display: none !important; }
.ccx-bloom {
  position: absolute !important;
  right: 12px;
  bottom: 6px;
  width: auto !important;
}
.ccx-bloom .elementor-icon { font-size: 54px; color: #088b47; }
.ccx-news { background: transparent !important; padding: 8px 0 !important; }
.ccx-news > .e-con-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100% !important;
}
.ccx-news-kicker .elementor-heading-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #e7c9a4 !important;
  font-weight: 700 !important;
}
.ccx-news-title .elementor-heading-title {
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: 34px !important;
  color: #fff !important;
  text-align: left !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
}
.ccx-news-sub .elementor-heading-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #e7e0d4 !important;
  text-align: left !important;
}
.ccx-news .cc-newsform {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 999px;
  padding: 4px 4px 4px 16px;
  margin: 0;
  min-width: 340px;
  gap: 8px;
}
.ccx-news .cc-newsform input[type="email"] {
  border: 0;
  background: transparent;
  border-radius: 999px;
  max-width: none;
  min-width: 180px;
  padding: 10px 4px;
  font-family: "Nunito Sans", sans-serif;
}
.ccx-news .cc-newsform button {
  background: #088b47;
  border-radius: 999px;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  padding: 12px 18px;
}
.ccx-foot { background: #fbf9f6 !important; color: #1c2b26; }
.ccx-foot > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}
.ccx-footgrid > .e-con-inner {
  display: grid !important;
  grid-template-columns: 1.35fr .75fr 1fr 1.1fr;
  gap: 28px !important;
  width: 100% !important;
  align-items: start !important;
}
.ccx-footgrid > .e-con-inner > .e-con { width: auto !important; max-width: none !important; }
.ccx-reviews .elementor-testimonial-image { display: none !important; }
.ccx-reviews .elementor-testimonial-content::before {
  content: "★★★★★";
  display: block;
  color: #e2a31a;
  letter-spacing: 2px;
  font-size: 13px;
  margin-bottom: 8px;
}

.ccx-foot .elementor-heading-title { color: #1c2b26 !important; }
.ccx-foot .ccx-footlink a {
  color: inherit !important;
  text-decoration: none;
}
.ccx-foot .ccx-footlink a:hover { color: #088b47 !important; }
.ccx-foot .ccx-lead .elementor-heading-title,
.ccx-foot .ccx-footlink .elementor-heading-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #6d675f !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.ccx-foot-h .elementor-heading-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1c2b26 !important;
  margin-bottom: 6px;
}
.ccx-foot a, .ccx-foot .ccx-link .elementor-button {
  color: #5c564f !important;
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  justify-content: flex-start;
  padding: 3px 0 !important;
  background: transparent !important;
}
.ccx-copy .elementor-heading-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #8a8178 !important;
  text-align: center !important;
  border-top: 1px solid #efe6da;
  padding-top: 14px;
  margin-top: 8px;
}
.ccx-passion .elementor-heading-title {
  font-family: "Great Vibes", cursive !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  color: #088b47 !important;
  text-align: right !important;
}
.ccx-paystrip { width: 100%; max-width: 100%; margin-top: 8px; }
.ccx-paystrip img {
  width: 100% !important;
  max-width: 980px !important;
  height: auto !important;
  object-fit: contain !important;
  display: block;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #efe6da;
  border-radius: 10px;
}
.ccx-payrows { display: none; }
@media (min-width: 768px) {
  .ccx-payrows { display: none !important; }
}
@media (max-width: 767px) {
  .ccx-paystrip { display: none !important; }
  .ccx-payrows.e-con {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 8px;
    overflow: visible !important;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }
  .ccx-payrows .elementor-widget-image,
  .ccx-payrows .elementor-widget-container {
    width: auto !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ccx-payrows img {
    width: auto !important;
    max-width: 100% !important;
    height: 40px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    display: block;
    background: #fff;
    border: 1px solid #efe6da;
    border-radius: 10px;
  }
}
.ccx-ico .elementor-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #1c2b26;
  font-size: 14px;
}
.ccx-social .ccx-ico .elementor-icon {
  border: 1px solid #088b47 !important;
  border-color: #088b47 !important;
  color: #088b47 !important;
}
.ccx-social .ccx-ico svg,
.ccx-social .ccx-ico svg path { fill: #088b47 !important; color: #088b47 !important; }
.ccx-tools .ccx-ico .elementor-icon { border: 0; font-size: 20px; color: #088b47 !important; }
.ccx-tools .ccx-ico svg,
.ccx-tools .ccx-ico svg path { fill: #088b47 !important; color: #088b47 !important; }

@media (max-width: 1100px) {
  .ccx-grid.e-con-full, .ccx-grid > .e-con-inner,
  .ccx-grid.ccx-grid-4.e-con-full, .ccx-grid.ccx-grid-3.e-con-full { grid-template-columns: repeat(3, 1fr); }
  .ccx-dots.e-con-full, .ccx-dots > .e-con-inner { grid-template-columns: repeat(4, 1fr); }
  .ccx-trust.e-con-full, .ccx-trust > .e-con-inner { grid-template-columns: repeat(3, 1fr); }
  .ccx-trust > .elementor-element::after { display: none; }
}
@media (max-width: 900px) {
  .ccx-main.e-con-full, .ccx-main > .e-con-inner,
  .ccx-banners.e-con-full, .ccx-banners > .e-con-inner,
  .ccx-split.e-con-full, .ccx-split > .e-con-inner,
  .ccx-auth.e-con-full, .ccx-auth > .e-con-inner,
  .ccx-reviews.e-con-full, .ccx-reviews > .e-con-inner,
  .ccx-footgrid > .e-con-inner,
  .ccx-news > .e-con-inner { grid-template-columns: 1fr !important; flex-direction: column !important; }
  .ccx-grid.e-con-full, .ccx-grid > .e-con-inner,
  .ccx-grid.ccx-grid-4.e-con-full, .ccx-grid.ccx-grid-3.e-con-full { grid-template-columns: 1fr 1fr; }
}

body.cc-shop .cc-search {
  background: #f4f0ea;
  border: 1px solid #e8e0d4;
  min-width: 230px;
  padding: 3px 3px 3px 14px;
}
body.cc-shop .cc-search input[type="search"] {
  font-family: "Nunito Sans", sans-serif;
  font-size: 13px;
}
body.cc-shop .cc-search button {
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 50%;
  font-size: 0;
  letter-spacing: 0;
  background: transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c2b26' stroke-width='2'><circle cx='11' cy='11' r='7'/><path d='M20 20l-3.5-3.5'/></svg>") center / 16px no-repeat;
}
body.cc-shop .cc-cartlink {
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 50%;
  justify-content: center;
  font-size: 0;
  letter-spacing: 0;
  background: transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23088b47' stroke-width='1.8'><path d='M6 7h15l-1.5 9h-12z'/><path d='M6 7L5 4H2'/><circle cx='9' cy='20' r='1.2' fill='%23088b47'/><circle cx='18' cy='20' r='1.2' fill='%23088b47'/></svg>") center / 22px no-repeat;
}
body.cc-shop .cc-cartlink b {
  position: absolute;
  top: -4px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  font-size: 10px;
  font-weight: 700;
  background: #088b47;
  color: #fff;
}
body.cc-shop .cc-cartlink { position: relative; }

.ccx-logowrap { width: auto !important; max-width: none !important; flex: 0 0 auto !important; align-items: center !important; }
.ccx-logo img {
  width: 54px !important;
  height: 54px !important;
  object-fit: contain !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.ccx-hero > .elementor-widget-image-carousel,
.ccx-hero > .e-con-inner > .elementor-widget-image-carousel {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ccx-hero .elementor-widget-image-carousel .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
}
.ccx-hero .elementor-widget-image-carousel .swiper {
  position: absolute !important;
  inset: 0 !important;
  height: auto !important;
  width: 100% !important;
}
.ccx-hero .swiper-wrapper,
.ccx-hero .swiper-slide,
.ccx-hero .swiper-slide-inner,
.ccx-hero .swiper-slide img {
  height: 540px !important;
  min-height: 540px !important;
  max-height: 540px !important;
}
.ccx-hero .swiper-slide img {
  width: 100% !important;
  height: 540px !important;
  max-height: 540px !important;
  display: block;
  object-fit: cover !important;
  object-position: center center;
}
.ccx-hero .swiper-pagination {
  bottom: 14px !important;
  z-index: 4;
}
.ccx-hero .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #fff;
  opacity: .55;
}
.ccx-hero .swiper-pagination-bullet-active {
  background: #088b47;
  opacity: 1;
  width: 22px;
  border-radius: 8px;
}
.ccx-hero .elementor-swiper-button {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%);
  z-index: 6 !important;
  width: 44px;
  height: 44px;
  margin: 0;
  border-radius: 50%;
  background: #fff !important;
  color: #088b47 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(16, 24, 20, .18);
}
.ccx-hero .elementor-swiper-button-prev { left: 16px !important; right: auto !important; }
.ccx-hero .elementor-swiper-button-next { right: 16px !important; left: auto !important; }
.ccx-hero .elementor-swiper-button i,
.ccx-hero .elementor-swiper-button svg {
  width: 18px;
  height: 18px;
  font-size: 18px;
  color: #088b47;
  fill: #088b47;
}
.ccx-hero-copy { pointer-events: none; }
.ccx-hero-copy .elementor-widget-button,
.ccx-hero-copy a { pointer-events: auto; }
.ccx-hero-copy {
  width: 62%;
  max-width: none;
  height: 100%;
  box-sizing: border-box;
}

.ccx-card .elementor-star-rating {
  display: flex !important;
  gap: 2px;
  margin: 4px 0 2px;
}
.ccx-card .elementor-star-rating i {
  display: inline-block !important;
  width: 15px;
  font-family: "Nunito Sans", Georgia, serif !important;
  font-style: normal !important;
  font-size: 0 !important;
}
.ccx-card .elementor-star-rating i::before {
  content: "★";
  font-size: 14px;
  color: #e2a31a;
}
.ccx-view .elementor-button { white-space: nowrap; }

.ccx-trust .elementor-icon,
.ccx-trust svg { color: #088b47 !important; fill: #088b47 !important; }
.ccx-trust .elementor-icon-box-wrapper { text-align: center; }

.ccx-split > .elementor-widget-image,
.ccx-split > .e-con-inner > .elementor-widget-image,
.ccx-split .elementor-widget-image a,
.ccx-split .elementor-widget-image .elementor-widget-container {
  display: block !important;
  width: 100% !important;
}
.ccx-logo .elementor-widget-container,
.ccx-logo a { display: block; width: auto !important; }

.ccx-thumb {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px;
  width: 100% !important;
  text-decoration: none !important;
  border-bottom: 1px solid #e7e0d6;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}
.ccx-thumbs > .ccx-thumb:last-child { border-bottom: 0; }
.ccx-thumb .elementor-widget-image,
.ccx-thumb .elementor-widget-image a { width: 54px !important; flex: 0 0 54px; display: block; }
.ccx-thumb img {
  width: 54px !important;
  height: 54px !important;
  min-height: 54px;
  border-radius: 50% !important;
  object-fit: cover !important;
}
.ccx-thumb .ccx-rugthumb img {
  object-position: center 70% !important;
}
.ccx-thumb-label { flex: 1; }
.ccx-thumb-label .elementor-heading-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1c2b26 !important;
  text-align: left !important;
  margin: 0 !important;
}
.ccx-thumb::after {
  content: "→";
  margin-left: auto;
  color: #b7aea4;
  font-size: 18px;
}

.ccx-auth.e-con-full,
.ccx-auth > .e-con-inner {
  display: grid !important;
  grid-template-columns: 1.15fr 0.98fr 1.12fr;
  gap: 22px !important;
  align-items: center !important;
  width: 100% !important;
  background: #eaede4 !important;
  border-radius: 18px;
  padding: 22px 22px 22px 18px !important;
}
.ccx-auth > .e-con,
.ccx-auth > .elementor-widget-image { width: auto !important; max-width: none !important; }
.ccx-auth > .elementor-widget-image,
.ccx-auth > .elementor-widget-image a,
.ccx-auth > .elementor-widget-image .elementor-widget-container { display: block !important; width: 100% !important; }
.ccx-auth > .elementor-widget-image img,
.ccx-auth > .e-con-inner > .elementor-widget-image img {
  width: 100% !important;
  max-height: 320px !important;
  height: 320px !important;
  object-fit: contain !important;
  object-position: center center;
  background: transparent;
  border-radius: 8px;
  box-shadow: none;
  image-rendering: auto;
}
.ccx-auth > .elementor-widget-image.ccx-authshot,
.ccx-auth > .e-con-inner > .elementor-widget-image.ccx-authshot,
.ccx-auth > .elementor-widget-image.ccx-authshot a,
.ccx-auth > .e-con-inner > .elementor-widget-image.ccx-authshot a,
.ccx-auth > .elementor-widget-image.ccx-authshot .elementor-widget-container,
.ccx-auth > .e-con-inner > .elementor-widget-image.ccx-authshot .elementor-widget-container {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}
.ccx-auth > .elementor-widget-image.ccx-authshot img,
.ccx-auth > .e-con-inner > .elementor-widget-image.ccx-authshot img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 915 / 777;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center;
  border-radius: 12px;
}
.ccx-auth .ccx-h .elementor-heading-title {
  text-align: left;
  font-size: 28px !important;
  line-height: 1.2 !important;
  color: #1e4032 !important;
}
.ccx-quiet .elementor-heading-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: #6d675f !important;
  text-align: left !important;
  margin: 6px 0 8px !important;
}
.ccx-auth .ccx-lead .elementor-heading-title {
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: #4e5853 !important;
  max-width: 420px;
  margin-bottom: 16px;
}
.ccx-go { width: auto !important; }
.ccx-go .elementor-button {
  width: auto;
  background: #088b47 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 12px 20px !important;
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.ccx-certs.e-con-full,
.ccx-certs > .e-con-inner {
  display: block !important;
  width: 100% !important;
}
.ccx-certs .elementor-widget-image-carousel,
.ccx-certs .elementor-widget-container,
.ccx-certs .elementor-image-carousel-wrapper { width: 100% !important; overflow: hidden; }
.ccx-certs .swiper { position: relative !important; height: auto !important; padding: 0 34px 8px; overflow: hidden !important; }
.ccx-certs .swiper-slide,
.ccx-certs .swiper-slide-inner { height: auto !important; min-height: 0 !important; }
.ccx-certs .swiper-slide { box-sizing: border-box; overflow: hidden; }
.ccx-certs .swiper-slide-inner {
  margin: 0 4px;
  max-width: calc(100% - 8px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ccx-certs .swiper-slide a { display: block; cursor: zoom-in; max-width: 100%; }
.ccx-certs .swiper-slide img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 168px !important;
  margin: 0 auto;
  object-fit: contain !important;
  object-position: center center;
  background: transparent;
  border-radius: 2px;
  image-rendering: auto;
}
.ccx-certs .elementor-image-carousel-caption {
  margin-top: 8px;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #1c2b26;
  text-align: center;
  line-height: 1.3;
}
.ccx-certs .elementor-swiper-button {
  position: absolute !important;
  top: 40% !important;
  transform: translateY(-50%);
  z-index: 6 !important;
  width: 32px;
  height: 32px;
  margin: 0;
  border-radius: 50%;
  background: #fff !important;
  color: #088b47 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 14px rgba(16, 24, 20, .16);
}
.ccx-certs .elementor-swiper-button-prev { left: 0 !important; right: auto !important; }
.ccx-certs .elementor-swiper-button-next { right: 0 !important; left: auto !important; }
.ccx-certs .elementor-swiper-button i,
.ccx-certs .elementor-swiper-button svg { width: 14px; height: 14px; font-size: 14px; color: #088b47; fill: #088b47; }
.ccx-certs .elementor-swiper-button:hover { transform: translateY(-50%) scale(1.06); }
.elementor-lightbox .elementor-lightbox-image {
  max-width: min(92vw, 760px);
  max-height: 88vh;
  object-fit: contain;
}
.ccx-pin { width: auto !important; margin-bottom: 8px; }
.ccx-pin .elementor-icon,
.ccx-pin svg { color: #c4b49a !important; fill: #c4b49a !important; font-size: 14px; }
.ccx-cert .elementor-widget-image,
.ccx-cert .elementor-widget-image a,
.ccx-cert .elementor-widget-image .elementor-widget-container { display: block !important; width: 100% !important; }
.ccx-cert img {
  width: auto !important;
  max-width: 100% !important;
  height: 200px !important;
  margin: 0 auto;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent;
  border-radius: 2px;
  box-shadow: none;
  image-rendering: auto;
}
.ccx-cert-label .elementor-heading-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #1c2b26 !important;
  text-align: center !important;
  margin-top: 8px;
}

@keyframes ccx-up {
  from { opacity: 0; transform: translateY(28px); }
  to { opacity: 1; transform: none; }
}
@keyframes ccx-ken {
  from { transform: scale(1.02); }
  to { transform: scale(1.08); }
}
@keyframes ccx-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

html.ccx-motion body.cc-shop .ccx-hero .swiper-slide-active img {
  animation: ccx-ken 18s ease-in-out infinite alternate;
}
html.ccx-motion body.cc-shop .ccx-floatbadge {
  animation: ccx-float 3.8s ease-in-out infinite;
}
html.ccx-motion body.cc-shop .ccx-hero-copy > .elementor-element {
  animation: ccx-up .85s cubic-bezier(.16, 1, .3, 1) both;
}
html.ccx-motion body.cc-shop .ccx-hero-copy > .elementor-element:nth-child(1) { animation-delay: .08s; }
html.ccx-motion body.cc-shop .ccx-hero-copy > .elementor-element:nth-child(2) { animation-delay: .2s; }
html.ccx-motion body.cc-shop .ccx-hero-copy > .elementor-element:nth-child(3) { animation-delay: .34s; }
html.ccx-motion body.cc-shop .ccx-hero-copy > .elementor-element:nth-child(4) { animation-delay: .48s; }
html.ccx-motion body.cc-shop .ccx-side .elementor-icon-list-item {
  animation: ccx-up .55s cubic-bezier(.16, 1, .3, 1) both;
}
html.ccx-motion body.cc-shop .ccx-side .elementor-icon-list-item:nth-child(2) { animation-delay: .05s; }
html.ccx-motion body.cc-shop .ccx-side .elementor-icon-list-item:nth-child(3) { animation-delay: .1s; }
html.ccx-motion body.cc-shop .ccx-side .elementor-icon-list-item:nth-child(4) { animation-delay: .15s; }
html.ccx-motion body.cc-shop .ccx-side .elementor-icon-list-item:nth-child(5) { animation-delay: .2s; }
html.ccx-motion body.cc-shop .ccx-side .elementor-icon-list-item:nth-child(6) { animation-delay: .25s; }
html.ccx-motion body.cc-shop .ccx-side .elementor-icon-list-item:nth-child(7) { animation-delay: .3s; }

html.ccx-motion body.cc-shop .ccx-dot,
html.ccx-motion body.cc-shop .ccx-card,
html.ccx-motion body.cc-shop .ccx-banner,
html.ccx-motion body.cc-shop .ccx-rowhead,
html.ccx-motion body.cc-shop .ccx-trust .elementor-widget-icon-box,
html.ccx-motion body.cc-shop .ccx-split,
html.ccx-motion body.cc-shop .ccx-auth,
html.ccx-motion body.cc-shop .ccx-quote,
html.ccx-motion body.cc-shop .ccx-newsband {
  opacity: 0;
}
html.ccx-motion body.cc-shop .ccx-dot.ccx-in,
html.ccx-motion body.cc-shop .ccx-card.ccx-in,
html.ccx-motion body.cc-shop .ccx-banner.ccx-in,
html.ccx-motion body.cc-shop .ccx-rowhead.ccx-in,
html.ccx-motion body.cc-shop .ccx-trust .elementor-widget-icon-box.ccx-in,
html.ccx-motion body.cc-shop .ccx-split.ccx-in,
html.ccx-motion body.cc-shop .ccx-auth.ccx-in,
html.ccx-motion body.cc-shop .ccx-quote.ccx-in,
html.ccx-motion body.cc-shop .ccx-newsband.ccx-in {
  animation: ccx-up .75s cubic-bezier(.16, 1, .3, 1) both;
}
.ccx-grid > .ccx-card:nth-child(2),
.ccx-grid > .e-con-inner > .ccx-card:nth-child(2),
.ccx-dots > .ccx-dot:nth-child(2),
.ccx-dots > .e-con-inner > .ccx-dot:nth-child(2) { animation-delay: .06s; }
.ccx-grid > .ccx-card:nth-child(3),
.ccx-grid > .e-con-inner > .ccx-card:nth-child(3),
.ccx-dots > .ccx-dot:nth-child(3),
.ccx-dots > .e-con-inner > .ccx-dot:nth-child(3) { animation-delay: .12s; }
.ccx-grid > .ccx-card:nth-child(4),
.ccx-grid > .e-con-inner > .ccx-card:nth-child(4),
.ccx-dots > .ccx-dot:nth-child(4),
.ccx-dots > .e-con-inner > .ccx-dot:nth-child(4) { animation-delay: .18s; }
.ccx-grid > .ccx-card:nth-child(5),
.ccx-grid > .e-con-inner > .ccx-card:nth-child(5),
.ccx-dots > .ccx-dot:nth-child(5),
.ccx-dots > .e-con-inner > .ccx-dot:nth-child(5) { animation-delay: .24s; }
.ccx-dots > .ccx-dot:nth-child(6),
.ccx-dots > .e-con-inner > .ccx-dot:nth-child(6) { animation-delay: .3s; }
.ccx-dots > .ccx-dot:nth-child(7),
.ccx-dots > .e-con-inner > .ccx-dot:nth-child(7) { animation-delay: .36s; }
.ccx-trust > .elementor-widget-icon-box:nth-child(2),
.ccx-trust > .e-con-inner > .elementor-widget-icon-box:nth-child(2) { animation-delay: .08s; }
.ccx-trust > .elementor-widget-icon-box:nth-child(3),
.ccx-trust > .e-con-inner > .elementor-widget-icon-box:nth-child(3) { animation-delay: .16s; }
.ccx-trust > .elementor-widget-icon-box:nth-child(4),
.ccx-trust > .e-con-inner > .elementor-widget-icon-box:nth-child(4) { animation-delay: .24s; }
.ccx-trust > .elementor-widget-icon-box:nth-child(5),
.ccx-trust > .e-con-inner > .elementor-widget-icon-box:nth-child(5) { animation-delay: .32s; }

body.cc-shop .ccx-card {
  transition: box-shadow .35s ease;
}
body.cc-shop .ccx-card:hover {
  box-shadow: 0 18px 36px rgba(28, 43, 38, .12);
}
body.cc-shop .ccx-card .elementor-widget-image {
  overflow: hidden;
}
body.cc-shop .ccx-card .elementor-widget-image img {
  transition: transform .55s ease;
}
body.cc-shop .ccx-card:hover .elementor-widget-image img {
  transform: scale(1.07);
}
body.cc-shop .ccx-dot {
  transition: transform .35s ease;
}
body.cc-shop .ccx-dot:hover {
  animation: none;
  opacity: 1;
  transform: translateY(-6px);
}
body.cc-shop .ccx-atc .elementor-button,
body.cc-shop .ccx-clay .elementor-button,
body.cc-shop .ccx-go .elementor-button,
body.cc-shop .ccx-news .cc-newsform button {
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
body.cc-shop .ccx-atc .elementor-button:hover,
body.cc-shop .ccx-clay .elementor-button:hover,
body.cc-shop .ccx-go .elementor-button:hover,
body.cc-shop .ccx-news .cc-newsform button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(8, 139, 71, .28);
}
body.cc-shop .ccx-side .elementor-icon-list-item {
  transition: transform .25s ease;
}
body.cc-shop .ccx-side .elementor-icon-list-item:hover {
  animation: none;
  opacity: 1;
  transform: translateX(6px);
}
body.cc-shop .ccx-hero .elementor-swiper-button {
  transition: transform .25s ease, box-shadow .25s ease;
}
body.cc-shop .ccx-hero .elementor-swiper-button:hover {
  transform: translateY(-50%) scale(1.08);
}

@media (prefers-reduced-motion: reduce) {
  html.ccx-motion body.cc-shop .ccx-dot,
  html.ccx-motion body.cc-shop .ccx-card,
  html.ccx-motion body.cc-shop .ccx-banner,
  html.ccx-motion body.cc-shop .ccx-rowhead,
  html.ccx-motion body.cc-shop .ccx-trust .elementor-widget-icon-box,
  html.ccx-motion body.cc-shop .ccx-split,
  html.ccx-motion body.cc-shop .ccx-auth,
  html.ccx-motion body.cc-shop .ccx-quote,
  html.ccx-motion body.cc-shop .ccx-newsband {
    opacity: 1;
    animation: none !important;
    transform: none;
  }
  body.cc-shop .ccx-hero .swiper-slide-active img,
  body.cc-shop .ccx-floatbadge,
  body.cc-shop .ccx-hero-copy > .elementor-element,
  body.cc-shop .ccx-side .elementor-icon-list-item {
    animation: none !important;
  }
  .ccx-reviews .ccx-review-track,
  .ccx-sub { transition: none; }
}

.ccx-reviews.e-con-full,
.ccx-reviews > .e-con-inner {
  flex-direction: row !important;
}
.ccx-reviews { position: relative !important; }
.ccx-reviews > .elementor-widget-testimonial,
.ccx-reviews > .e-con-inner > .elementor-widget-testimonial {
  flex: 0 0 calc((100% - 144px - 28px) / 3) !important;
  width: calc((100% - 144px - 28px) / 3) !important;
  margin: 0;
}
.ccx-review-window {
  overflow: hidden;
  width: calc(100% - 144px);
  margin: 8px 72px 0;
}
.ccx-reviews .ccx-review-track {
  display: flex;
  gap: 14px;
  width: max-content;
  margin: 0;
  transition: transform .55s ease;
}
.ccx-reviews .ccx-review-track > .elementor-widget-testimonial {
  flex: 0 0 auto;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box;
}
.ccx-review-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #088b47;
  font-size: 28px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(16, 24, 20, .16);
}
.ccx-review-prev { left: 8px; }
.ccx-review-next { right: 8px; }
.ccx-review-btn:hover { transform: translateY(-50%) scale(1.06); }

html.cc-drawer-on { overflow: hidden; }
.cc-drawer {
  position: fixed;
  inset: 0;
  z-index: 100000;
  pointer-events: none;
}
.cc-drawer.is-open { pointer-events: auto; }
.cc-drawer-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(16, 24, 20, .45);
  opacity: 0;
  transition: opacity .3s ease;
}
.cc-drawer.is-open .cc-drawer-backdrop { opacity: 1; }
.cc-drawer-panel {
  position: absolute;
  top: 0;
  right: 0;
  width: min(400px, 100%);
  height: 100%;
  background: #fff;
  box-shadow: -16px 0 40px rgba(16, 24, 20, .16);
  transform: translateX(100%);
  transition: transform .35s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  flex-direction: column;
  font-family: "Nunito Sans", sans-serif;
  color: #1c2b26;
}
.cc-drawer.is-open .cc-drawer-panel { transform: none; }
.cc-drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 22px 16px;
  border-bottom: 1px solid #eee8e0;
}
.cc-drawer-head h2 {
  margin: 0;
  font-family: "Playfair Display", serif;
  font-size: 28px;
  font-weight: 600;
}
.cc-drawer-close,
.cc-drawer-x {
  border: 0;
  background: transparent;
  color: #1c2b26;
  cursor: pointer;
  line-height: 1;
}
.cc-drawer-close { font-size: 28px; width: 36px; height: 36px; }
.cc-drawer-body { flex: 1; overflow: auto; padding: 8px 22px 16px; }
.cc-drawer-empty { padding: 28px 0; color: #6d675f; }
.cc-drawer-item {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 14px;
  padding: 16px 0;
  border-bottom: 1px solid #f0ebe4;
}
.cc-drawer-photo img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
  background: #f7f4ef;
}
.cc-drawer-line {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.cc-drawer-line a {
  color: #1c2b26;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.35;
}
.cc-drawer-x { font-size: 18px; padding: 0 2px; }
.cc-drawer-price { margin-top: 10px; font-weight: 600; }
.cc-drawer-qty {
  display: inline-flex;
  align-items: center;
  border: 1px solid #e4ddd3;
  border-radius: 8px;
  margin-top: 8px;
}
.cc-drawer-qty button {
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: #1c2b26;
  font-size: 16px;
}
.cc-drawer-qty b {
  min-width: 18px;
  text-align: center;
  font-weight: 600;
}
.cc-drawer-foot { padding: 8px 22px 22px; }
.cc-drawer-sub {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 16px;
  padding-top: 8px;
}
.cc-drawer-sub strong { font-size: 18px; }
.cc-drawer-note { margin: 6px 0 16px; color: #8a8178; font-size: 13px; }
.cc-drawer-go,
.cc-drawer-view {
  display: block;
  text-align: center;
  text-decoration: none;
  border-radius: 8px;
  padding: 14px 16px;
  font-weight: 700;
  letter-spacing: .04em;
}
.cc-drawer-go { background: #088b47; color: #fff; }
.cc-drawer-view {
  margin-top: 10px;
  background: #fff;
  color: #1c2b26;
  border: 1px solid #d9d2c8;
}
@media (prefers-reduced-motion: reduce) {
  .cc-drawer-backdrop, .cc-drawer-panel { transition: none; }
}

body.cc-product { background: #fff !important; }
.ccp-top, .ccp-head, .ccp, .ccp-foot { box-sizing: border-box; }
.ccp-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  background: #088b47;
  color: #f4efe7;
  font-size: 12px;
  padding: 8px 28px;
}
.ccp-top p { margin: 0; }
.ccp-top a { color: #f4efe7; text-decoration: none; }
.ccp-head {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #fff;
  border-bottom: 1px solid #efeae3;
  padding: 12px 28px;
}
.ccp-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: #1c2b26; }
.ccp-brand img { width: 48px; height: 48px; object-fit: contain; }
.ccp-brand strong { display: block; font-family: "Playfair Display", Georgia, serif; font-size: 20px; line-height: 1; }
.ccp-brand em { display: block; margin-top: 2px; font-family: "Great Vibes", cursive; font-style: normal; color: #c4896a; font-size: 18px; }
.ccp-menu { display: flex; align-items: center; gap: 4px; }
.ccp-menu > a, .ccp-drop > a {
  color: #1c2b26;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 10px;
}
.ccp-menu > a:hover, .ccp-drop > a:hover, .ccp-sub a:hover { color: #088b47; }
.ccp-drop { position: relative; }
.ccp-drop > a::after { content: " ▾"; font-size: 11px; color: #088b47; }
.ccp-sub {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 210px;
  padding: 6px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 16px 36px rgba(16, 24, 20, .14);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
}
.ccp-sub::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }
.ccp-drop:hover .ccp-sub, .ccp-drop:focus-within .ccp-sub {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.ccp-sub a {
  display: block;
  padding: 6px 10px;
  border-radius: 6px;
  color: #1c2b26;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
}
.ccp-sub a:hover { background: #f3f8f4; }
.ccp-tools { display: flex; align-items: center; gap: 8px; }
.ccp-ico {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: transparent url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23088b47' stroke-width='1.8'><circle cx='12' cy='8' r='3.2'/><path d='M5 19c1.4-3 3.8-4.5 7-4.5S17.6 16 19 19'/></svg>") center / 20px no-repeat;
}
.ccp { width: min(1240px, calc(100% - 64px)); margin: 0 auto; padding: 28px 0 72px; }
.ccp-crumb { margin: 0 0 22px; color: #9a9188; font-size: 12px; letter-spacing: .04em; }
.ccp-crumb a { color: #6d675f; text-decoration: none; }
.ccp-crumb a:hover { color: #088b47; }
.ccp-crumb span { margin: 0 8px; color: #d5cdc3; }
.ccp-panel {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: 56px;
  align-items: start;
}
.ccp-stage { position: sticky; top: 92px; }
.ccp-frame {
  border: 1px solid #ece7e1;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}
.ccp-photo {
  position: relative;
  display: block;
  width: 100%;
  height: 560px;
  padding: 0;
  border: 0;
  background: #faf8f5;
  cursor: zoom-in;
}
.ccp-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ccp-photo::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 14px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255,255,255,.92) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6560' stroke-width='1.8'><circle cx='11' cy='11' r='6'/><path d='M20 20l-3.5-3.5'/></svg>") center / 16px no-repeat;
  box-shadow: 0 4px 12px rgba(16, 24, 20, .08);
}
.ccp-tray {
  display: flex;
  gap: 12px;
  margin-top: 14px;
  padding: 14px;
  background: #f6f3ee;
  border-radius: 16px;
}
.ccp-thumb {
  width: 92px;
  height: 92px;
  padding: 6px;
  border: 1px solid transparent;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  cursor: pointer;
}
.ccp-thumb,
.ccp-thumb:hover,
.ccp-thumb:focus,
.ccp-thumb:active {
  border: 2px solid transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
.ccp-thumb:hover,
.ccp-thumb:focus,
.ccp-thumb.is-on { border-color: #088b47 !important; }
.ccp-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 8px; }
.ccp-eye {
  margin: 0;
  color: #8a847c;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.ccp-info h1 {
  margin: 8px 0 0;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 46px;
  line-height: 1.05;
  font-weight: 700;
  color: #161616;
  letter-spacing: -0.02em;
}
.ccp-price { margin: 16px 0 0; font-size: 28px; font-weight: 600; color: #161616; }
.ccp-price .woocommerce-Price-amount { font-weight: 600; }
.ccp-price del { color: #9a9188; font-size: 18px; font-weight: 500; margin-right: 8px; }
.ccp-price ins { text-decoration: none; color: #088b47; }
.ccp-price .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.ccp-lead { margin: 14px 0 0; color: #5c564e; font-size: 15px; line-height: 1.6; max-width: 46ch; }
.ccp-checks { margin: 18px 0 0; padding: 0; list-style: none; }
.ccp-checks li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0;
  color: #2c2c2c;
  font-size: 15px;
}
.ccp-checks li::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border-radius: 50%;
  background: #088b47 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'><path d='M5 12l5 5L20 7'/></svg>") center / 12px no-repeat;
}
.ccp-buy { display: flex; flex-direction: column; gap: 14px; margin-top: 22px; }
.ccp-buyrow { display: flex; gap: 12px; align-items: center; }
.ccp-native { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.ccp-sizes { display: flex; flex-wrap: wrap; gap: 8px; }
.ccp-size {
  border: 1px solid #e6e1da;
  background: #fff;
  color: #1c2b26;
  border-radius: 8px;
  padding: 8px 12px;
  font-family: "Nunito Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.ccp-size.is-on, .ccp-size:hover { background: #088b47; color: #fff; border-color: #088b47; }
.ccp-attr span {
  display: block;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8a847c;
}
.ccp-qty {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  height: 52px;
  min-width: 124px;
  border: 1px solid #d9d3cb;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.ccp-qty button, .ccp-qty input {
  height: 52px;
  border: 0;
  background: #fff;
  font-size: 18px;
  text-align: center;
  color: #161616;
}
.ccp-qty button { width: 36px; cursor: pointer; color: #3c4741; font-size: 20px; line-height: 1; }
.ccp-qty button:hover,
.ccp-qty button:focus,
.ccp-qty button:active {
  background: #088b47 !important;
  color: #fff !important;
}
.ccp-qty input {
  width: 48px;
  min-width: 48px;
  padding: 0 !important;
  margin: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 52px;
  color: #161616 !important;
  -webkit-text-fill-color: #161616;
  opacity: 1;
}
.ccp-qty input::-webkit-outer-spin-button,
.ccp-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.ccp-qty input { -moz-appearance: textfield; appearance: textfield; }
.ccp-atc {
  flex: 1;
  height: 52px;
  border: 0;
  border-radius: 8px;
  background: #088b47;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
}
.ccp-atc:hover { background: #06753c; }
.ccp-atc:disabled { background: #b7c9be; cursor: not-allowed; }
.ccp-trust {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}
.ccp-trust li { display: flex; align-items: center; gap: 8px; color: #5c564e; }
.ccp-trust svg { width: 22px; height: 22px; fill: none; stroke: #6d675f; stroke-width: 1.6; flex: 0 0 22px; }
.ccp-trust strong, .ccp-trust em { display: block; font-style: normal; }
.ccp-trust strong { font-size: 13px; color: #1c2b26; font-weight: 700; }
.ccp-trust em { font-size: 12px; color: #8a847c; }
.ccp-meta-line { margin: 14px 0 0; color: #5c564e; font-size: 13px; }
.ccp-meta-line span { color: #8a847c; margin-right: 6px; }
.ccp-meta-line a { color: #1c2b26; text-decoration: none; }
.ccp-meta-line a:hover { color: #088b47; }
.ccp-tabs { margin-top: 56px; border-top: 1px solid #ece7e1; }
.ccp-tabbar { display: flex; gap: 28px; border-bottom: 1px solid #ece7e1; }
.ccp-tabbtn {
  position: relative;
  border: 0;
  background: transparent;
  padding: 16px 0 14px;
  font-family: "Nunito Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #8a847c;
  cursor: pointer;
}
.ccp-tabbtn.is-on { color: #161616; }
.ccp-tabbtn:hover,
.ccp-tabbtn:focus,
.ccp-tabbtn:active {
  background: #088b47 !important;
  color: #fff !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.ccp-tabbtn.is-on::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: #088b47;
}
.ccp-tab { padding: 28px 0 8px; color: #4a453f; font-size: 15px; line-height: 1.7; max-width: 78ch; }
.ccp-tab a { color: #088b47; }
.ccp-html { color: #4a453f; font-size: 15px; line-height: 1.75; }
.ccp-html h2, .ccp-html h3, .ccp-html h5,
.ccp-html h5:first-of-type, .ccp-html p:first-of-type {
  font-family: "Nunito Sans", sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: none;
  color: #1c2b26;
  line-height: 1.6;
  margin: 18px 0 8px;
}
.ccp-html h5:first-of-type, .ccp-html p:first-of-type { font-weight: 500; margin-top: 0; }
.ccp-html p, .ccp-html li p { margin: 0 0 10px; font-family: "Nunito Sans", sans-serif; font-size: 15px; font-weight: 500; color: #4a453f; }
.ccp-html ul { margin: 8px 0 16px; padding: 0; list-style: none; }
.ccp-html li { padding: 6px 0; border-bottom: 1px solid #f0ebe4; }
.ccp-html li::before { content: none; }
.ccp-html table, .ccp-specs { width: 100%; border-collapse: collapse; }
.ccp-html td, .ccp-specs th, .ccp-specs td { border-bottom: 1px solid #f0ebe4; padding: 10px 12px 10px 0; text-align: left; vertical-align: top; }
.ccp-specs th { width: 180px; color: #8a847c; font-weight: 700; font-size: 13px; }
.ccp-html hr, .ccp-html blockquote { display: none; }
.ccp-reviews { margin: 0; padding: 0; list-style: none; }
.ccp-reviews li { padding: 12px 0; border-bottom: 1px solid #f0ebe4; }
.ccp-reviews p { margin: 4px 0 0; }
.ccp-perks {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 48px;
  padding: 28px 0;
  border-top: 1px solid #ece7e1;
  border-bottom: 1px solid #ece7e1;
}
.ccp-perks div {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 4px;
  padding: 8px 12px;
  border-left: 1px solid #ece7e1;
}
.ccp-perks div:first-child { border-left: 0; }
.ccp-perks svg { width: 28px; height: 28px; fill: none; stroke: #6d675f; stroke-width: 1.5; margin-bottom: 6px; }
.ccp-perks strong {
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #1c2b26;
}
.ccp-perks em { font-style: normal; font-size: 13px; color: #8a847c; }
.ccp-more { margin-top: 64px; }
.ccp-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; margin-top: 8px; }
.ccp-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: #1c2b26;
}
.ccp-card img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  background: #efeae3;
  display: block;
  transition: transform .45s ease;
}
.ccp-shot { display: block; overflow: hidden; border-radius: 18px; }
.ccp-meta { display: flex; flex-direction: column; gap: 4px; padding: 14px 2px 0; }
.ccp-card strong {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.6em;
}
.ccp-card em { font-style: normal; font-weight: 600; font-size: 14px; color: #3c4741; }
.ccp-card:hover img { transform: scale(1.04); }
.ccp-foot {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  background: #fbf9f6;
  border-top: 1px solid #efeae3;
  padding: 28px;
  color: #5d675f;
}
.ccp-foot strong { display: block; color: #1c2b26; font-family: "Playfair Display", Georgia, serif; font-size: 20px; }
.ccp-foot p { margin: 4px 0 0; }
.ccp-foot a { color: #1c2b26; text-decoration: none; font-weight: 600; }
.ccp-foot nav { display: flex; gap: 14px; }
.ccp-foot a:hover { color: #088b47; }
.ccp-zoom {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 24, 20, .72);
  padding: 32px;
}
.ccp-zoom[hidden] { display: none; }
.ccp-zoom img { max-width: min(920px, 100%); max-height: 86vh; object-fit: contain; background: #fff; border-radius: 16px; }
.ccp-zoom-x {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  font-size: 26px;
  cursor: pointer;
}
@media (max-width: 900px) {
  .ccp-head, .ccp-top, .ccp-foot { flex-wrap: wrap; padding-left: 16px; padding-right: 16px; }
  .ccp-menu { order: 3; width: 100%; flex-wrap: wrap; }
  .ccp { width: min(1180px, calc(100% - 28px)); }
  .ccp-panel, .ccp-grid { grid-template-columns: 1fr; gap: 28px; }
  .ccp-stage { position: static; }
  .ccp-photo { height: 380px; }
  .ccp-info h1 { font-size: 34px; }
  .ccp-trust, .ccp-perks { grid-template-columns: 1fr; }
  .ccp-perks div { border-left: 0; border-top: 1px solid #ece7e1; }
  .ccp-tabbar { flex-wrap: wrap; gap: 8px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .ccp-sub { transition: none; }
}

body.cc-catalog { background: #f6f1e8 !important; }
.ccl {
  width: min(1240px, calc(100% - 64px));
  margin: 0 auto;
  padding: 28px 0 72px;
}
.ccl-crumb { margin: 0 0 18px; color: #9a9188; font-size: 13px; }
.ccl-crumb a { color: #6d675f; text-decoration: none; }
.ccl-crumb a:hover { color: #088b47; }
.ccl-crumb span { margin: 0 8px; color: #d5cdc3; }
.ccl h1 {
  margin: 0 0 28px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 42px;
  font-weight: 600;
  color: #161616;
}
.ccl-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px 22px;
}
.ccl-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid #efe8de;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(28, 43, 38, 0.04);
  color: #1c2b26;
}
.ccl-card:hover { overflow: visible; z-index: 4; }
.ccl-shot {
  display: block;
  height: 210px;
  overflow: hidden;
  background: #f3efe8;
  border-radius: 16px 16px 0 0;
}
.ccl-shot img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.ccl-card:hover .ccl-shot img { transform: scale(1.04); }
.ccl-heart {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #088b47;
  font-size: 16px;
  box-shadow: 0 4px 10px rgba(0,0,0,.08);
}
.ccl-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 12px 12px 14px;
}
.ccl-name { position: relative; z-index: 5; height: 22px; margin: 0 0 6px; }
.ccl-name a {
  display: block;
  color: #1c2b26;
  text-decoration: none;
  font-family: "Nunito Sans", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ccl-card:hover .ccl-name a {
  position: absolute;
  top: -6px;
  left: -8px;
  right: -8px;
  white-space: normal;
  overflow: visible;
  background: #fff;
  padding: 6px 8px;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(28, 43, 38, .14);
}
.ccl-stars { margin: 0 0 6px; color: #e2a31a; font-size: 14px; letter-spacing: 1px; line-height: 1; }
.ccl-price { margin: 0 0 12px; font-size: 16px; font-weight: 800; color: #1c2b26; }
.ccl-price del { color: #9a9188; font-weight: 600; font-size: 14px; margin-right: 6px; }
.ccl-atc {
  position: relative;
  z-index: 3;
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  border-radius: 8px;
  background: #088b47;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
}
.ccl-atc:hover { background: #06753c; color: #fff; }
.ccl-pages { margin-top: 40px; }
.ccl-pages ul { display: flex; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ccl-pages a,
.ccl-pages span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #e4ddd3;
  border-radius: 8px;
  background: #fff;
  color: #1c2b26;
  text-decoration: none;
  font-weight: 700;
}
.ccl-pages .current,
.ccl-pages a:hover { background: #088b47; border-color: #088b47; color: #fff; }
.ccl-empty { color: #6d675f; }
body.woocommerce-shop .ccl-grid,
body.tax-product_cat .ccl-grid,
body.tax-product_tag .ccl-grid,
body.cc-catalog .ccl-grid { gap: 14px; }
body.woocommerce-shop .ccl-shot,
body.tax-product_cat .ccl-shot,
body.tax-product_tag .ccl-shot,
body.cc-catalog .ccl-shot { height: 190px; }
body.woocommerce-shop .ccl-shot img,
body.tax-product_cat .ccl-shot img,
body.tax-product_tag .ccl-shot img,
body.cc-catalog .ccl-shot img { transition: transform .55s ease; }
body.woocommerce-shop .ccl-card:hover .ccl-shot img,
body.tax-product_cat .ccl-card:hover .ccl-shot img,
body.tax-product_tag .ccl-card:hover .ccl-shot img,
body.cc-catalog .ccl-card:hover .ccl-shot img { transform: scale(1.07); }
body.woocommerce-shop .ccl-atc:hover,
body.tax-product_cat .ccl-atc:hover,
body.tax-product_tag .ccl-atc:hover,
body.cc-catalog .ccl-atc:hover { background: #088b47; }
.ccl-pill {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  background: #088b47;
  color: #fff;
  border-radius: 999px;
  padding: 4px 10px;
  font-family: "Nunito Sans", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
}
.ccl-heart svg { width: 16px; height: 16px; display: block; fill: #088b47; }
.ccl-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: -8px 0 22px;
}
.ccl-tools .woocommerce-result-count,
.ccl-tools .woocommerce-ordering { float: none; margin: 0; }
.ccl-tools .woocommerce-result-count { color: #6d675f; font-size: 14px; }
.ccl-tools select.orderby {
  height: 42px;
  margin: 0;
  padding: 0 36px 0 14px;
  border: 1px solid #e4ddd3;
  border-radius: 8px;
  background: #fff;
  color: #1c2b26;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 900px) {
  .ccl { width: min(1240px, calc(100% - 28px)); }
  .ccl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ccl h1 { font-size: 32px; }
}

body.cc-cartpage { background: #fff !important; }
.ccart { width: min(1180px, calc(100% - 64px)); margin: 0 auto; padding: 28px 0 80px; }
.ccart-crumb { margin: 0 0 22px; color: #9a9188; font-size: 13px; }
.ccart-crumb a { color: #6d675f; text-decoration: none; }
.ccart-crumb span { margin: 0 8px; }
.ccart-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; }
.ccart-eye { margin: 0; color: #8a847c; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.ccart h1 { margin: 6px 0 0; font-family: "Playfair Display", Georgia, serif; font-size: 56px; font-weight: 600; line-height: 1; color: #161616; }
.ccart-count { margin: 10px 0 0; color: #8a847c; font-size: 15px; }
.ccart-shop {
  display: inline-flex; align-items: center; justify-content: center;
  height: 44px; padding: 0 18px; border: 1px solid #1c2b26; border-radius: 8px;
  color: #1c2b26; text-decoration: none; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
}
.ccart-shop:hover { border-color: #088b47; color: #088b47; }
.ccart-empty { margin-top: 28px; color: #5c564e; }
.ccart-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 48px; margin-top: 36px; align-items: start; }
.ccart-row {
  display: grid;
  grid-template-columns: 24px 72px minmax(0, 1fr) auto auto auto;
  gap: 18px;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid #eee8e0;
}
.ccart-x { color: #8a847c; text-decoration: none; font-size: 22px; line-height: 1; }
.ccart-x:hover { color: #088b47; }
.ccart-photo { width: 72px; height: 72px; border-radius: 12px; overflow: hidden; background: #f6f3ee; }
.ccart-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ccart-name a { color: #161616; text-decoration: none; font-weight: 700; font-size: 16px; }
.ccart-name p { margin: 4px 0 0; color: #8a847c; font-size: 13px; }
.ccart-unit, .ccart-line { font-weight: 600; color: #1c2b26; }
.ccart-line { min-width: 90px; text-align: right; }
.ccart .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.ccart-stepper {
  display: inline-flex;
  align-items: center;
  height: 40px;
  border: 1px solid #e4ddd3;
  border-radius: 999px;
  overflow: hidden;
  background: #fff;
}
.ccart-stepper button {
  width: 32px;
  height: 40px;
  border: 0;
  background: #fff;
  color: #1c2b26;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}
.ccart-stepper button:hover { background: #088b47; color: #fff; }
.ccart-qty {
  width: 32px; height: 40px; border: 0 !important; border-radius: 0 !important;
  text-align: center; font-weight: 700; font-size: 15px; color: #161616; background: #fff;
  padding: 0 !important; -moz-appearance: textfield; appearance: textfield;
}
.ccart-qty::-webkit-outer-spin-button,
.ccart-qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.ccart .woocommerce-message { display: none; }
.ccart-tools { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.ccart-tools input {
  height: 46px; width: 180px; border: 1px solid #e4ddd3; border-radius: 999px; padding: 0 16px; font-size: 14px;
}
.ccart-tools button {
  height: 46px; padding: 0 18px; border-radius: 8px; border: 0; background: #088b47; color: #fff;
  font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-size: 13px; cursor: pointer;
}
.ccart-tools .ccart-update { background: #fff; color: #1c2b26; border: 1px solid #1c2b26; }
.ccart-tools button:hover { background: #06753c; color: #fff; }
.ccart-sum {
  background: #f7f4ef; border-radius: 18px; padding: 22px 22px 18px;
}
.ccart-sum h2 { margin: 0 0 16px; font-family: "Playfair Display", Georgia, serif; font-size: 28px; font-weight: 600; }
.ccart-sum p { display: flex; justify-content: space-between; gap: 12px; margin: 0; padding: 12px 0; border-top: 1px solid #e7e0d6; color: #5c564e; }
.ccart-sum strong { color: #161616; font-weight: 700; text-align: right; }
.ccart-total strong { font-size: 18px; }
.ccart-check {
  display: flex; align-items: center; justify-content: center; height: 50px; margin-top: 16px;
  border-radius: 8px; background: #088b47; color: #fff; text-decoration: none;
  font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
}
.ccart-check:hover { background: #06753c; color: #fff; }
.ccart-sum small { display: block; margin-top: 10px; text-align: center; color: #8a847c; font-size: 12px; }
.ccart .woocommerce-message, .ccart .woocommerce-error, .ccart .woocommerce-info {
  margin: 0 0 16px; padding: 12px 14px; border-radius: 10px; background: #f3f8f4; color: #1c2b26; list-style: none;
}
@media (max-width: 900px) {
  .ccart { width: min(1180px, calc(100% - 28px)); }
  .ccart h1 { font-size: 40px; }
  .ccart-layout, .ccart-head { grid-template-columns: 1fr; display: flex; flex-direction: column; align-items: stretch; }
  .ccart-row { grid-template-columns: 24px 64px minmax(0, 1fr); }
  .ccart-unit { display: none; }
  .ccart-stepper, .ccart-line { grid-column: 3; }
}

body.cc-checkout { background: #fff !important; }
.cco { width: min(1180px, calc(100% - 64px)); margin: 0 auto; padding: 18px 0 80px; }
.cco-banner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 460px); gap: 24px; align-items: end; min-height: 168px; }
.cco-banner h1 { margin: 0; font-family: "Playfair Display", Georgia, serif; font-size: 64px; font-weight: 600; line-height: .95; color: #161616; }
.cco-kicker { margin: 8px 0 0; color: #8a847c; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.cco-steps { display: flex; gap: 0; list-style: none; margin: 22px 0 0; padding: 0; }
.cco-steps li { display: flex; align-items: center; gap: 8px; color: #9a9188; font-size: 13px; font-weight: 600; }
.cco-steps li span {
  width: 28px; height: 28px; border-radius: 50%; border: 1.5px solid #d9d3cb; display: inline-flex;
  align-items: center; justify-content: center; font-size: 13px; background: #fff; color: #8a847c;
}
.cco-steps li.is-on { color: #161616; }
.cco-steps li.is-on span, .cco-steps li.is-done span { background: #088b47; border-color: #088b47; color: #fff; }
.cco-steps li:not(:last-child)::after { content: ""; width: 56px; height: 2px; margin: 0 10px; background: #e4ddd3; }
.cco-steps li.is-done::after, .cco-steps li.is-on::after { background: #088b47; }
.cco-banner-photo { position: relative; height: 168px; border-radius: 0 0 0 28px; overflow: hidden; }
.cco-banner-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cco-banner-photo p {
  position: absolute; top: 16px; right: 16px; margin: 0; max-width: 180px; text-align: right;
  color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  text-shadow: 0 1px 8px rgba(0,0,0,.35);
}
.cco-banner-photo small { display: block; margin-top: 4px; font-weight: 600; letter-spacing: .08em; }
.cco-layout { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 28px; margin-top: 28px; align-items: start; }
.cco-card, .cco-sum { background: #f6f3ec; border-radius: 18px; padding: 26px 26px 22px; }
.cco-card { margin-bottom: 18px; }
.cco-card h2, .cco-sum h2 { margin: 0 0 18px; color: #088b47; font-size: 22px; font-weight: 700; font-family: "Nunito Sans", sans-serif; }
.cco-card label { display: block; margin: 0 0 14px; color: #3c3834; font-size: 13px; font-weight: 600; }
.cco-card label.cco-choice {
  display: flex !important; align-items: center; flex-wrap: nowrap; gap: 12px;
  margin: 0 0 10px; font-weight: 500;
}
.cco-card input[type="text"],
.cco-card input[type="email"],
.cco-card input[type="tel"],
.cco-card select {
  display: block; width: 100%; height: 46px; margin-top: 6px; padding: 0 12px;
  border: 1px solid #e3ddd4; border-radius: 8px; background: #fff; color: #161616; font-size: 15px; font-weight: 500;
}
.cco-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.cco-check { display: flex !important; align-items: center; gap: 8px; margin-top: 4px !important; }
.cco-check input { width: 16px; height: 16px; accent-color: #088b47; }
.cco-choice {
  display: flex; align-items: center; gap: 12px; margin: 0 0 10px; padding: 14px 16px;
  border: 1px solid #e3ddd4; border-radius: 12px; background: #fff; cursor: pointer;
}
.cco-choice.is-on { border-color: #088b47; box-shadow: inset 0 0 0 1px #088b47; }
.cco-choice { position: relative; }
.cco-choice input {
  position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none;
}
.cco-radio {
  display: inline-flex !important; align-items: center; justify-content: center;
  width: 20px !important; height: 20px !important; min-width: 20px; flex: 0 0 20px;
  border: 2px solid #b7b1a8; border-radius: 50%; background: #fff; box-sizing: border-box;
}
.cco-choice.is-on .cco-radio { border-color: #088b47; background: #088b47; box-shadow: inset 0 0 0 4px #fff; }
.cco-ico {
  display: block !important; width: 22px !important; height: 22px !important; flex: 0 0 22px;
  fill: none; stroke: #3c3834; stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round;
}
.cco-choice strong { display: block; color: #161616; font-size: 15px; }
.cco-choice em { display: block; margin-top: 2px; color: #8a847c; font-style: normal; font-size: 13px; font-weight: 500; }
.cco-choice b { margin-left: auto; color: #161616; font-size: 14px; white-space: nowrap; }
.cco-sum { position: sticky; top: 18px; }
.cco-item { display: flex; gap: 14px; align-items: center; }
.cco-item img { width: 84px; height: 84px; object-fit: cover; border-radius: 12px; background: #fff; }
.cco-item strong { display: block; color: #161616; font-size: 16px; }
.cco-item > div > span { display: block; margin-top: 6px; color: #088b47; font-weight: 700; white-space: nowrap; }
.cco-item .woocommerce-Price-amount,
.cco-item .woocommerce-Price-currencySymbol { display: inline; color: #088b47; }
.cco-qty { display: flex; align-items: center; gap: 8px; margin: 14px 0 8px; color: #6d675f; font-size: 13px; font-weight: 700; }
.cco-qty button, .cco-qty input {
  width: 36px; height: 34px; border: 1px solid #e3ddd4; background: #fff; border-radius: 8px;
  text-align: center; font-weight: 700; font-size: 15px; color: #161616; padding: 0;
}
.cco-qty button { cursor: pointer; font-size: 16px; }
.cco-qty button:hover { background: #088b47; border-color: #088b47; color: #fff; }
.cco-sum p { display: flex; justify-content: space-between; gap: 12px; margin: 0; padding: 12px 0; border-top: 1px solid #e7e0d6; color: #5c564e; }
.cco-sum p strong { color: #161616; }
.cco-total strong { font-size: 20px; }
.cco-trust { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; list-style: none; margin: 8px 0 16px; padding: 8px 0 0; }
.cco-trust li { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; color: #3c3834; font-size: 11px; font-weight: 700; line-height: 1.25; }
.cco-trust svg { width: 26px; height: 26px; fill: none; stroke: #088b47; stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; }
.cco-place {
  display: flex; align-items: center; justify-content: center; width: 100%; height: 52px; border: 0; border-radius: 8px;
  background: #088b47; color: #fff; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: 15px;
  cursor: pointer; text-decoration: none;
}
.cco-place:hover { background: #06753c; color: #fff; }
.cco-lock { display: block; margin-top: 8px; text-align: center; color: #8a847c; font-size: 12px; }
.cco-note { margin-top: 16px; padding: 14px 14px 12px; border: 1px solid #e3ddd4; border-radius: 12px; background: #fff; }
.cco-note strong { color: #088b47; font-size: 15px; }
.cco-note p { display: block; border: 0; margin: 6px 0 0; padding: 0; color: #5c564e; font-size: 13px; }
.cco-thanks { max-width: 640px; }
.cco-thanks p { color: #3c3834; }
.cco-thanks .cco-place { width: auto; padding: 0 22px; margin-top: 8px; }
.cco-empty { margin-top: 28px; color: #5c564e; }
.cco .woocommerce-message { display: none; }
.cco .woocommerce-error, .cco .woocommerce-info {
  margin: 0 0 16px; padding: 12px 14px; border-radius: 10px; background: #f3f8f4; color: #1c2b26; list-style: none;
}
.cco .woocommerce-error { background: #fdf3f1; }
@media (max-width: 900px) {
  .cco { width: min(1180px, calc(100% - 28px)); }
  .cco-banner, .cco-layout, .cco-grid { grid-template-columns: 1fr; }
  .cco-banner h1 { font-size: 42px; }
  .cco-banner-photo { height: 140px; border-radius: 16px; }
  .cco-sum { position: static; }
  .cco-steps li:not(:last-child)::after { width: 24px; }
}

body.cc-accountpage { background: #fff !important; }
.ccacc { width: min(1100px, calc(100% - 64px)); margin: 0 auto; padding: 36px 0 80px; }
.ccacc-eye { margin: 0; color: #8a847c; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.ccacc h1 { margin: 8px 0 28px; font-family: "Playfair Display", Georgia, serif; font-size: 56px; font-weight: 600; line-height: 1; color: #161616; }
.ccacc-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 48px; align-items: start; }
.ccacc-nav { background: #f6f3ec; border-radius: 16px; padding: 12px; }
.ccacc-nav a {
  display: block; margin: 2px 0; padding: 12px 16px; border-radius: 8px;
  color: #161616; text-decoration: none; font-weight: 600; font-size: 15px;
}
.ccacc-nav a.is-on { background: #088b47; color: #fff; }
.ccacc-nav a:hover { color: #088b47; }
.ccacc-nav a.is-on:hover { color: #fff; }
.ccacc-hello { margin: 6px 0 10px; color: #161616; font-size: 16px; }
.ccacc-note { margin: 0 0 18px; color: #5c564e; font-size: 15px; max-width: 460px; }
.ccacc-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.ccacc-btn {
  display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 16px;
  border: 1px solid #1c2b26; border-radius: 6px; background: #fff; color: #1c2b26; text-decoration: none;
  font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
}
.ccacc-btn.is-fill { background: #088b47; border-color: #088b47; color: #fff; }
.ccacc-btn:hover { border-color: #088b47; color: #088b47; }
.ccacc-btn.is-fill:hover { background: #06753c; color: #fff; }
.ccacc-login { max-width: 520px; background: #f6f3ec; border-radius: 18px; padding: 8px 26px 22px; }
.ccacc-login h2 { margin: 18px 0 12px; color: #088b47; font-size: 22px; font-family: "Nunito Sans", sans-serif; }
.ccacc-login .input-text, .ccacc-main input.input-text, .ccacc-main input[type="password"], .ccacc-main input[type="email"], .ccacc-main input[type="text"], .ccacc-main select, .ccacc-main textarea {
  width: 100%; max-width: 100%; height: 46px; margin-top: 6px; padding: 0 12px;
  border: 1px solid #e3ddd4; border-radius: 8px; background: #fff; color: #161616;
}
.ccacc-main textarea { height: 120px; padding: 10px 12px; }
.ccacc-login button, .ccacc-main .button, .ccacc-main button {
  height: 42px; padding: 0 16px; border: 0; border-radius: 8px; background: #088b47; color: #fff;
  font-weight: 700; letter-spacing: .04em; cursor: pointer;
}
.ccacc-login button:hover, .ccacc-main .button:hover, .ccacc-main button:hover { background: #06753c; color: #fff; }
.ccacc-main table { width: 100%; border-collapse: collapse; }
.ccacc-main th, .ccacc-main td { padding: 12px 8px; border-bottom: 1px solid #eee8e0; text-align: left; }
.ccacc-main a { color: #088b47; }
.ccacc-main .ccacc-btn { color: #1c2b26; }
.ccacc-main .ccacc-btn.is-fill,
.ccacc-main .ccacc-btn.is-fill:hover { color: #fff; }
.ccacc .woocommerce-error, .ccacc .woocommerce-message, .ccacc .woocommerce-info {
  margin: 0 0 16px; padding: 12px 14px; border-radius: 10px; background: #f3f8f4; color: #1c2b26; list-style: none;
}
.ccacc .woocommerce-error { background: #fdf3f1; }
.ccacc-asked { margin: -6px 0 14px; color: #088b47; font-size: 13px; font-weight: 700; }
.ccacc-panel { background: #f6f3ec; border-radius: 18px; padding: 26px; }
.ccacc-panel h2 { margin: 0 0 8px; color: #088b47; font-size: 22px; font-family: "Nunito Sans", sans-serif; }
.ccacc-panel label { display: block; margin: 0 0 14px; color: #3c3834; font-size: 13px; font-weight: 600; }
.ccacc-panel select, .ccacc-panel textarea, .ccacc-panel input[type="file"] { display: block; width: 100%; margin-top: 6px; }
.ccacc-panel small { display: block; margin-top: 6px; color: #8a847c; font-weight: 500; }
.ccacc-photos { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.ccacc-photos img { width: 84px; height: 84px; object-fit: cover; border-radius: 10px; }
.ccacc-track { list-style: none; margin: 18px 0 0; padding: 0; }
.ccacc-track li { position: relative; padding: 0 0 22px 28px; color: #9a9188; font-weight: 600; }
.ccacc-track li::before {
  content: ""; position: absolute; left: 0; top: 2px; width: 14px; height: 14px; border-radius: 50%;
  border: 2px solid #d9d3cb; background: #fff; box-sizing: border-box;
}
.ccacc-track li::after { content: ""; position: absolute; left: 6px; top: 18px; bottom: 2px; width: 2px; background: #e7e0d6; }
.ccacc-track li:last-child { padding-bottom: 0; }
.ccacc-track li:last-child::after { display: none; }
.ccacc-track li.is-done { color: #161616; }
.ccacc-track li.is-done::before { background: #088b47; border-color: #088b47; }
.ccacc-strip {
  display: flex; align-items: center; flex-wrap: wrap; gap: 14px;
  background: #f6f3ec; border-radius: 12px; padding: 14px 16px; color: #5c564e;
}
.ccacc-order {
  border: 1px solid #e7e0d6; border-radius: 16px; background: #fff; padding: 18px 18px 16px; margin: 0 0 14px;
}
.ccacc-order-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.ccacc-order-top a, .ccacc-order-top strong { color: #161616; font-size: 18px; font-weight: 700; text-decoration: none; }
.ccacc-order-top a:hover { color: #088b47; }
.ccacc-order > p { margin: 8px 0 14px; color: #8a847c; font-size: 14px; }
.ccacc-status {
  display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px;
  background: #e7f6ee; color: #06753c; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
}
.ccacc-status.is-pending, .ccacc-status.is-on-hold { background: #f6f3ec; color: #6d675f; }
.ccacc-status.is-cancelled, .ccacc-status.is-failed, .ccacc-status.is-refunded { background: #fdf3f1; color: #9a4034; }
.ccacc-addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ccacc-address { background: #f6f3ec; border-radius: 16px; padding: 20px; }
.ccacc-address header { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.ccacc-address h2 { margin: 0; color: #088b47; font-size: 22px; font-family: "Nunito Sans", sans-serif; font-weight: 700; }
.ccacc-address address { display: block; margin-top: 16px; color: #3c3834; font-style: normal; line-height: 1.6; }
.ccacc-main--address form,
.ccacc-main--details .woocommerce-EditAccountForm,
.ccacc-main--order .woocommerce-order-details,
.ccacc-main--order .woocommerce-customer-details {
  background: #f6f3ec; border-radius: 18px; padding: 26px;
}
.ccacc-main--order .woocommerce-customer-details { margin-top: 16px; }
.ccacc-main--address h2,
.ccacc-main--details h3,
.ccacc-main--address h3 { margin: 0 0 16px; color: #088b47; font-size: 22px; font-family: "Nunito Sans", sans-serif; }
.ccacc-main .woocommerce-address-fields__field-wrapper,
.ccacc-main .woocommerce-EditAccountForm {
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px;
}
.ccacc-main .form-row-wide,
.ccacc-main fieldset,
.ccacc-main .woocommerce-EditAccountForm > p,
.ccacc-main .woocommerce-address-fields > p { grid-column: 1 / -1; }
.ccacc-main .form-row { margin: 0; }
.ccacc-main .form-row-first,
.ccacc-main .form-row-last { width: auto !important; float: none !important; }
.ccacc-main .clear { display: none; }
.ccacc-main label { display: block; margin-bottom: 6px; color: #3c3834; font-size: 13px; font-weight: 600; }
.ccacc-main fieldset {
  border: 1px solid #e3ddd4; border-radius: 14px; background: #fff; margin: 4px 0 0; padding: 16px 16px 8px;
}
.ccacc-main legend { padding: 0 6px; color: #088b47; font-weight: 700; }
.ccacc-main .woocommerce-EditAccountForm em { color: #8a847c; font-size: 12px; }
@media (max-width: 800px) {
  .ccacc { width: min(1100px, calc(100% - 28px)); }
  .ccacc h1 { font-size: 40px; }
  .ccacc-layout, .ccacc-addresses, .ccacc-main .woocommerce-address-fields__field-wrapper, .ccacc-main .woocommerce-EditAccountForm { grid-template-columns: 1fr; }
}

/* Phone layout only. Desktop rules above stay as they are. */
.ccx-navtoggle,
.ccx-navclose,
.ccx-navshade { display: none !important; }
@media (max-width: 767px) {
  .ccx-top > .e-con-inner {
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow: hidden;
    padding-left: max(12px, env(safe-area-inset-left)) !important;
    padding-right: max(12px, env(safe-area-inset-right)) !important;
  }
  .ccx-top > .e-con-inner > .elementor-element {
    --width: auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
  .ccx-top > .e-con-inner > .elementor-widget-heading,
  .ccx-top > .e-con-inner > .elementor-widget-heading .elementor-widget-container {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .ccx-top > .e-con-inner > .elementor-widget-icon-list {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
  }
  .ccx-top .elementor-icon-list-items {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end;
    gap: 8px;
  }
  .ccx-top .elementor-icon-list-item { width: auto !important; flex: 0 0 auto !important; }
  .ccx-top .elementor-heading-title {
    display: block !important;
    font-size: 11px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .ccx-top .elementor-icon-list-text,
  .ccx-top .elementor-icon-list-item {
    font-size: 10px !important;
    white-space: nowrap !important;
    overflow: visible;
    text-overflow: clip;
  }
  .ccx-hero .elementor-swiper-button,
  .ccx-reviews .elementor-swiper-button { display: none !important; }

  .ccx-head,
  .ccx-head > .e-con-inner { overflow: hidden !important; }
  .ccx-head > .e-con-inner {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 8px !important;
    row-gap: 2px !important;
    position: relative !important;
    padding: 8px 12px 56px !important;
    padding-left: max(12px, env(safe-area-inset-left)) !important;
    padding-right: max(12px, env(safe-area-inset-right)) !important;
  }
  .ccx-head .e-con.e-flex,
  .ccx-logowrap,
  .ccx-logowrap > .e-con,
  .ccx-menu,
  .ccx-tools {
    --flex-wrap: nowrap !important;
  }
  .ccx-logowrap,
  .ccx-logowrap > .e-con,
  .ccx-tools,
  .ccx-menu > .elementor-element,
  .ccx-drop {
    --width: auto !important;
    width: auto !important;
    max-width: 100% !important;
  }
  .ccx-navtoggle {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 10px 8px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
  }
  .ccx-navtoggle span {
    display: block;
    height: 2px;
    border-radius: 2px;
    background: #1c2b26;
    transition: background .2s ease, transform .2s ease, opacity .2s ease;
  }
  .ccx-navtoggle:hover {
    background: #088b47;
  }
  .ccx-navtoggle:hover span {
    background: #fff;
  }
  .ccx-logowrap {
    grid-column: 2 !important;
    grid-row: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .ccx-logowrap > .e-con {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .ccx-logo { flex: 0 0 40px !important; width: 40px !important; }
  .ccx-logo img { width: 40px !important; height: 40px !important; }
  .ccx-brand .elementor-heading-title,
  .ccx-tag .elementor-heading-title {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ccx-brand .elementor-heading-title { font-size: 16px !important; }
  .ccx-tag { margin-top: 0 !important; }
  .ccx-tag .elementor-heading-title {
    font-size: 13px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  .ccx-tools {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    position: static !important;
    width: auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }
  .ccx-head .ccx-ico,
  .ccx-head .elementor-widget:has(.cc-cartlink) {
    width: auto !important;
    flex: 0 0 auto !important;
  }
  .ccx-navshade {
    display: block !important;
    position: fixed;
    inset: 0;
    z-index: 180;
    background: rgba(16, 24, 20, .45);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
  }
  body.cc-nav-open .ccx-navshade { opacity: 1; pointer-events: auto; }
  body.cc-nav-open { overflow: hidden; }
  .ccx-menu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    z-index: 30 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    width: min(320px, 86vw) !important;
    max-width: 86vw !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 64px 16px 28px !important;
    background: #fff !important;
    overflow: auto !important;
    transform: translateX(-110%);
    visibility: hidden;
    pointer-events: none;
    transition: transform .32s cubic-bezier(.16, 1, .3, 1), visibility .32s ease;
    grid-column: auto !important;
    grid-row: auto !important;
  }
  .ccx-menu::before {
    content: "Menu";
    display: block;
    margin: 0 40px 12px 4px;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 28px;
    line-height: 1;
    color: #161616;
  }
  body.cc-nav-open .ccx-menu {
    transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
    box-shadow: 16px 0 40px rgba(16, 24, 20, .16);
  }
  .ccx-navclose {
    display: block !important;
    position: absolute;
    top: 12px;
    right: 10px;
    width: 40px;
    height: 40px;
    border: 0;
    background: transparent;
    color: #1c2b26;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
  }
  .ccx-menu > .elementor-element,
  .ccx-drop { width: 100% !important; flex: none !important; }
  .ccx-menu .ccx-link .elementor-button {
    width: 100% !important;
    justify-content: flex-start !important;
    text-align: left !important;
    padding: 14px 4px !important;
    font-size: 16px !important;
    border-bottom: 1px solid #efeae3 !important;
  }
  .ccx-menu .elementor-button-content-wrapper,
  .ccx-menu .elementor-button-text {
    justify-content: flex-start !important;
    text-align: left !important;
  }
  .ccx-menu .ccx-sublink .elementor-button {
    border-bottom: 0 !important;
    padding: 10px 4px !important;
    font-size: 15px !important;
  }
  .cc-nav,
  .cc-nav-list {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
  }
  .cc-nav-list > .ccx-link,
  .cc-nav-list > .ccx-drop { width: 100% !important; }
  .cc-nav-list > .ccx-link > a,
  .cc-nav-list > .ccx-drop > a {
    width: 100% !important;
    justify-content: flex-start !important;
    padding: 14px 4px !important;
    font-size: 16px !important;
    border-bottom: 1px solid #efeae3 !important;
  }
  .cc-nav-list .ccx-sub {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 0 8px 12px !important;
  }
  .cc-nav-list .ccx-drop:not(.is-open) .ccx-sub {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
  .cc-nav-list .ccx-drop.is-open .ccx-sub {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .ccx-head .elementor-widget:has(.cc-search) {
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 8px !important;
    width: auto !important;
    max-width: none !important;
  }
  body.cc-shop .cc-search,
  body.cc-shop .ccx-head .cc-search {
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
  }
  .ccx-drop:hover .ccx-sub,
  .ccx-drop:focus-within .ccx-sub,
  .ccx-drop:not(.is-open) .ccx-sub {
    position: static !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 100% !important;
    min-width: 0 !important;
    box-shadow: none !important;
  }
  .ccx-drop.is-open .ccx-sub {
    position: static !important;
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 4px 0 8px 10px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }
  .ccx-sublink .elementor-button-text { white-space: normal !important; }

  .ccx-main,
  .ccx-main > .e-con-inner,
  .ccx-main > .e-con-inner > .e-con,
  .ccx-side,
  .ccx-side .elementor-widget,
  .ccx-side .elementor-widget-container {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .ccx-main > .e-con-inner {
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 14px !important;
  }
  .ccx-hero-copy { position: relative !important; z-index: 3 !important; }
  .ccx-hero > .elementor-widget-image,
  .ccx-hero > .elementor-widget-image-carousel,
  .ccx-hero > .e-con-inner > .elementor-widget-image-carousel { z-index: 0 !important; }
  .ccx-side { padding: 14px 14px 8px !important; overflow: visible; }
  .ccx-side .elementor-icon-list-items {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding-bottom: 0;
  }
  .ccx-side .elementor-icon-list-item {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .ccx-side .elementor-icon-list-item a {
    width: 100%;
    white-space: normal;
    background: transparent;
    border-radius: 0;
    padding: 12px 2px !important;
  }
  .ccx-love { min-height: 0; margin-top: 8px; }
  .ccx-script .elementor-heading-title { font-size: 26px !important; }
  .ccx-hero {
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
  }
  .ccx-hero .swiper-wrapper,
  .ccx-hero .swiper-slide,
  .ccx-hero .swiper-slide-inner,
  .ccx-hero .swiper-slide img {
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
  }
  .ccx-hero-copy {
    min-height: 380px;
    max-width: none !important;
    padding: 28px 16px 96px !important;
  }
  .ccx-floatbadge {
    top: auto !important;
    bottom: 14px !important;
    right: 12px !important;
    width: 84px !important;
    height: 84px !important;
    padding: 8px !important;
  }
  .ccx-floatbadge .elementor-heading-title { font-size: 12px !important; }
  .ccx-banner { min-height: 180px; padding: 20px !important; }
  .ccx-banner .ccx-hero-title .elementor-heading-title { font-size: 24px !important; }
  .ccx-dots.e-con-full,
  .ccx-dots > .e-con-inner,
  .ccx-trust.e-con-full,
  .ccx-trust > .e-con-inner { grid-template-columns: 1fr 1fr !important; }
  .ccx-grid.e-con-full,
  .ccx-grid > .e-con-inner { gap: 12px !important; }
  .ccx-deco { display: none !important; }
  .ccx-news-title .elementor-heading-title { font-size: 26px !important; }
  .ccx-news > .e-con-inner {
    align-items: stretch !important;
    width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box;
  }
  .ccx-news .elementor-widget:has(.cc-newsform),
  .ccx-news .elementor-widget:has(.cc-newsform) .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
  }
  .ccx-news .cc-newsform {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 8px;
    box-sizing: border-box;
  }
  .ccx-news .cc-newsform input[type="email"] {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    color: #1c2b26;
  }
  .ccx-news .cc-newsform input[type="email"]::placeholder { color: #8a847c; }
  .ccx-news .cc-newsform button {
    flex: 0 0 auto !important;
    background: #088b47 !important;
    color: #fff !important;
    white-space: nowrap;
  }
  .ccx-passion .elementor-heading-title { text-align: left !important; font-size: 26px !important; }
  .ccx-foot a,
  .ccx-foot .elementor-heading-title { overflow-wrap: anywhere; }

  .ccp { width: min(1180px, calc(100% - 24px)); }
  .ccp-photo { height: min(92vw, 420px); }
  .ccp-info h1 { font-size: 28px; }
  .ccp-tray { overflow-x: auto; }
  .ccp-thumb { flex: 0 0 72px; width: 72px; height: 72px; }
  .ccp-buyrow { flex-wrap: wrap; }
  .ccp-atc { min-width: min(100%, 180px); }
  .ccp-grid { grid-template-columns: 1fr 1fr !important; gap: 12px; }
  .ccp-specs { width: 100%; }
  .ccp-specs td { word-break: break-word; }

  .ccl { width: min(1240px, calc(100% - 20px)); }
  .ccl h1 { font-size: 28px; }
  .ccl-grid { gap: 14px 10px; }
  .ccl-atc { font-size: 13px; height: 40px; }

  .ccart, .cco, .ccacc { width: min(1180px, calc(100% - 20px)); }
  .ccart h1, .cco-banner h1, .ccacc h1 { font-size: 34px; }
  .ccart-row { gap: 10px; grid-template-columns: 20px 56px minmax(0, 1fr); }
  .ccart-photo { width: 56px; height: 56px; }
  .ccart-name a { font-size: 14px; }
  .ccart-tools input { width: 100%; flex: 1 1 160px; }
  .cco-card, .cco-sum, .ccacc-panel, .ccacc-login { padding: 18px 14px; }
  .cco-steps { flex-wrap: wrap; row-gap: 8px; }
  .cco-steps li { font-size: 12px; }
  .cco-steps li:not(:last-child)::after { width: 16px; margin: 0 6px; }
  .cco-trust { grid-template-columns: 1fr 1fr; }
  .cco-card input,
  .cco-card select,
  .ccacc-main input,
  .ccacc-main select,
  .ccacc-main textarea,
  .cc-search input,
  .ccx-news input { font-size: 16px !important; }
  .ccacc { padding-top: 24px; }
  .ccacc-order-top { flex-wrap: wrap; }
  .ccacc-main .shop_table,
  .ccacc-main table.woocommerce-table { display: block; overflow-x: auto; }
}

body.cc-aboutpage { background: #f4efe7 !important; }
.ccabout {
  color: #1a1714;
  font-family: "Nunito Sans", "Noto Sans Bengali", sans-serif;
}
.ccabout-sheet {
  width: min(1120px, calc(100% - 48px));
  margin: 28px auto 72px;
  background: #fffdf9;
  border: 1px solid #efe6d8;
  border-radius: 32px;
  padding: 48px 56px 56px;
  box-shadow: 0 24px 60px rgba(28, 43, 38, .06);
  overflow: hidden;
}
.ccabout-crumb,
.ccabout-kicker,
.ccabout-motto,
.ccabout-lead,
.ccabout-copy,
.ccabout-label,
.ccabout-role,
.ccabout-blockhead p,
.ccabout-cta p,
.ccabout-frame figcaption {
  text-align: left;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
}
.ccabout h1,
.ccabout h2,
.ccabout h3 {
  font-family: "Playfair Display", "Noto Serif Bengali", Georgia, serif;
  font-weight: 600;
  color: #1a1714;
  text-align: left;
  text-wrap: balance;
  overflow-wrap: break-word;
  word-break: normal;
  letter-spacing: 0;
  margin: 0;
}
.ccabout-crumb {
  margin: 0 0 18px;
  font-size: 13px;
  color: #6d675f;
}
.ccabout-crumb a { color: #5c564e; text-decoration: none; }
.ccabout-crumb a:hover { color: #088b47; }
.ccabout-crumb span { margin: 0 8px; color: #d5cdc3; }
.ccabout-kicker {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #088b47;
}
.ccabout-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
  gap: 56px;
  align-items: center;
}
.ccabout-hero h1 {
  font-size: clamp(32px, 5vw, 54px);
  line-height: 1.18;
}
.ccabout-motto {
  margin: 16px 0 0;
  font-family: "Playfair Display", "Noto Serif Bengali", Georgia, serif;
  font-size: clamp(22px, 2.4vw, 30px);
  font-style: italic;
  font-weight: 500;
  color: #088b47;
  line-height: 1.35;
}
.ccabout-motto::after {
  content: "";
  display: block;
  width: 56px;
  height: 2px;
  margin-top: 16px;
  background: #088b47;
  transform-origin: left;
}
.ccabout-lead,
.ccabout-copy,
.ccabout-cta p {
  margin: 18px 0 0;
  font-size: 17px;
  line-height: 1.75;
  color: #5a534c;
  max-width: 62ch;
}
.ccabout-heroimg,
.ccabout-storyimg,
.ccabout-person img,
.ccabout-shot {
  overflow: hidden;
  border-radius: 24px;
}
.ccabout-heroimg {
  box-shadow: 0 22px 48px rgba(28, 43, 38, .14);
}
.ccabout-heroimg img,
.ccabout-storyimg img,
.ccabout-person img,
.ccabout-shot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ccabout-heroimg img {
  aspect-ratio: 4 / 5;
  object-position: center 20%;
}
.ccabout-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 48px;
  padding: 28px 12px;
  background: linear-gradient(160deg, #12382a 0%, #0d261d 100%);
  border-radius: 24px;
  color: #f7f3ec;
  overflow: hidden;
}
.ccabout-stat {
  padding: 10px 16px;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, .08);
}
.ccabout-stat:last-child { border-right: 0; }
.ccabout-num {
  margin: 0;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 40px;
  line-height: 1;
  color: #fff;
  text-align: center;
}
.ccabout-label {
  margin: 10px auto 0;
  max-width: 18ch;
  font-size: 13px;
  line-height: 1.45;
  color: #d5cdc3;
  text-align: center;
}
.ccabout-story {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 48px;
  align-items: center;
  margin-top: 64px;
}
.ccabout-storyimg img {
  aspect-ratio: 915 / 777;
  object-position: center;
}
.ccabout-story h2,
.ccabout-preface h2,
.ccabout-blockhead h2,
.ccabout-card h2 {
  font-size: 34px;
  line-height: 1.15;
}
.ccabout-aims {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 48px;
}
.ccabout-card,
.ccabout-preface,
.ccabout-person,
.ccabout-cert {
  background: #fff;
  border: 1px solid #efe6d8;
  border-radius: 22px;
  box-shadow: 0 10px 28px rgba(28, 43, 38, .04);
}
.ccabout-card {
  padding: 28px 28px 30px;
  transition: transform .35s ease, box-shadow .35s ease;
}
.ccabout-idx {
  display: block;
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  color: #088b47;
}
.ccabout-card h2 { margin-bottom: 4px; }
.ccabout-card .ccabout-copy,
.ccabout-preface .ccabout-copy,
.ccabout-person .ccabout-copy { max-width: none; }
.ccabout-preface {
  margin-top: 22px;
  padding: 32px 36px 36px;
}
.ccabout-team { margin-top: 64px; }
.ccabout-blockhead { margin-bottom: 28px; }
.ccabout-person {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
  padding: 22px;
  margin-top: 18px;
  transition: transform .35s ease, box-shadow .35s ease;
}
.ccabout-person img {
  height: 300px;
  object-position: top center;
}
.ccabout-person h3 { font-size: 28px; line-height: 1.2; }
.ccabout-role {
  margin: 6px 0 0;
  font-size: 14px;
  font-weight: 700;
  color: #088b47;
}
.ccabout-proof { margin-top: 64px; }
.ccabout-certs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.ccabout-cert {
  padding: 22px 22px 24px;
  transition: transform .35s ease, box-shadow .35s ease;
}
.ccabout-cert span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #088b47;
}
.ccabout-cert strong {
  display: block;
  margin-top: 8px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 20px;
  font-weight: 600;
  color: #1a1714;
  overflow-wrap: break-word;
  word-break: normal;
}
.ccabout-shots {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}
.ccabout-shot {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: #f4efe7;
  cursor: zoom-in;
}
.ccabout-shot img {
  aspect-ratio: 4 / 5;
  object-position: center top;
  transition: transform .7s ease;
}
.ccabout-frame figcaption {
  margin-top: 10px;
  font-size: 13px;
  color: #6d675f;
  text-align: center;
}
.ccabout-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-top: 48px;
  padding: 32px 36px;
  border-radius: 24px;
  background: linear-gradient(135deg, #0d7a3e 0%, #0a5c32 100%);
  color: #fff;
}
.ccabout-cta h2 { color: #fff; font-size: 32px; }
.ccabout-cta p { color: #e7f4ec; margin-top: 10px; max-width: 42ch; }
.ccabout-actions {
  display: flex;
  flex-direction: column;
  flex: 0 0 240px;
  gap: 10px;
}
.ccabout-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 10px 18px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  white-space: normal;
}
.ccabout-btn-solid { background: #fff; color: #0d3b28; }
.ccabout-btn-solid:hover { background: #f4efe7; }
.ccabout-btn-line { border: 1px solid rgba(255,255,255,.7); color: #fff; }
.ccabout-btn-line:hover { background: rgba(255,255,255,.12); }
.ccabout-card:hover,
.ccabout-person:hover,
.ccabout-cert:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(28, 43, 38, .1);
}
.ccabout-frame:hover .ccabout-shot img { transform: scale(1.06); }
.ccabout-lite {
  position: fixed;
  inset: 0;
  z-index: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 28px;
  background: rgba(14, 22, 19, .78);
}
.ccabout-lite[hidden] { display: none; }
.ccabout-lite img {
  max-width: min(720px, 100%);
  max-height: 78vh;
  border-radius: 16px;
  object-fit: contain;
  background: #fff;
}
.ccabout-lite p { margin: 0; color: #f4efe7; }
.ccabout-lite-close {
  position: absolute;
  top: 18px;
  right: 18px;
  border: 0;
  border-radius: 999px;
  padding: 8px 14px;
  background: #fff;
  color: #1a1714;
  font-weight: 700;
  cursor: pointer;
}
html.ccx-motion body.cc-aboutpage .ccabout-heroimg img { transform: scale(1.08); }
html.ccx-motion body.cc-aboutpage .ccabout-heroimg.ccx-in img {
  transform: scale(1);
  transition: transform 1.4s cubic-bezier(.16, 1, .3, 1);
}
html.ccx-motion body.cc-aboutpage .ccabout-reveal { opacity: 0; }
html.ccx-motion body.cc-aboutpage .ccabout-reveal.ccx-in {
  animation: ccx-up .9s cubic-bezier(.16, 1, .3, 1) both;
}
html.ccx-motion body.cc-aboutpage .ccabout-motto.ccx-in::after {
  animation: ccabout-line .8s ease .25s both;
}
@keyframes ccabout-line {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}
.ccabout-hero-copy .ccabout-reveal:nth-child(2) { animation-delay: .06s; }
.ccabout-hero-copy .ccabout-reveal:nth-child(3) { animation-delay: .12s; }
.ccabout-hero-copy .ccabout-reveal:nth-child(4) { animation-delay: .18s; }
.ccabout-hero-copy .ccabout-reveal:nth-child(5) { animation-delay: .24s; }
.ccabout-heroimg { animation-delay: .12s; }
.ccabout-aims .ccabout-card:nth-child(2),
.ccabout-certs .ccabout-cert:nth-child(2),
.ccabout-shots .ccabout-frame:nth-child(2) { animation-delay: .08s; }
.ccabout-certs .ccabout-cert:nth-child(3),
.ccabout-shots .ccabout-frame:nth-child(3) { animation-delay: .16s; }
.ccabout-shots .ccabout-frame:nth-child(4) { animation-delay: .24s; }
@media (max-width: 1024px) {
  .ccabout-sheet { padding: 32px 28px 40px; }
  .ccabout-hero,
  .ccabout-story,
  .ccabout-aims,
  .ccabout-person { grid-template-columns: 1fr; }
  .ccabout-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ccabout-stat:nth-child(2) { border-right: 0; }
  .ccabout-stat:nth-child(1),
  .ccabout-stat:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,.08); }
  .ccabout-hero h1 { max-width: none; }
  .ccabout-heroimg img { aspect-ratio: 16 / 11; object-position: center 28%; }
  .ccabout-person img { height: 320px; }
  .ccabout-cta { flex-direction: column; align-items: stretch; }
  .ccabout-actions { justify-content: flex-start; }
}
@media (max-width: 767px) {
  .ccabout-sheet {
    width: min(100% - 24px, 1120px);
    margin: 16px auto 40px;
    padding: 22px 16px 28px;
    border-radius: 20px;
  }
  .ccabout-hero { gap: 22px; }
  .ccabout-hero h1 { font-size: 34px; }
  .ccabout-story,
  .ccabout-team,
  .ccabout-proof { margin-top: 40px; }
  .ccabout-story { gap: 22px; }
  .ccabout-lead,
  .ccabout-copy { font-size: 16px; }
  .ccabout-num { font-size: 32px; }
  .ccabout-certs { grid-template-columns: 1fr; }
  .ccabout-shots { grid-template-columns: 1fr 1fr; }
  .ccabout-cert strong { font-size: 18px; }
  .ccabout-preface,
  .ccabout-card,
  .ccabout-cta { padding: 22px 18px; }
  .ccabout-cta h2 { font-size: 26px; }
  .ccabout-actions { flex-direction: column; }
  .ccabout-btn { width: 100%; }
  .ccabout-person { padding: 14px; gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html.ccx-motion body.cc-aboutpage .ccabout-reveal {
    opacity: 1;
    animation: none;
  }
  html.ccx-motion body.cc-aboutpage .ccabout-heroimg img,
  html.ccx-motion body.cc-aboutpage .ccabout-motto.ccx-in::after { transform: none; animation: none; }
  .ccabout-card:hover,
  .ccabout-person:hover,
  .ccabout-cert:hover { transform: none; }
}

body.cc-contactpage { background: #f6f1e8 !important; }
.cccontact-crumb a { color: #6d675f; text-decoration: none; }
.cccontact-crumb a:hover { color: #088b47; }
.cccontact-crumb span { margin: 0 8px; color: #d5cdc3; }
.cccontact-lead .elementor-widget-container { max-width: 720px; }
.cccontact-form { display: flex; flex-direction: column; gap: 14px; }
.cccontact-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-family: "Nunito Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #161616;
}
.cccontact-form input,
.cccontact-form textarea {
  width: 100%;
  border: 1px solid #efe8de;
  background: #fbf9f6;
  border-radius: 12px;
  padding: 12px 14px;
  font: 600 15px/1.45 "Nunito Sans", sans-serif;
  color: #161616;
}
.cccontact-form textarea { resize: vertical; min-height: 120px; }
.cccontact-form input:focus,
.cccontact-form textarea:focus { outline: 2px solid rgba(8, 139, 71, .35); border-color: #088b47; }
.cccontact-form button {
  align-self: flex-start;
  background: #088b47;
  color: #fff;
  border: 0;
  border-radius: 999px;
  padding: 13px 28px;
  font: 700 14px/1 "Nunito Sans", sans-serif;
  cursor: pointer;
}
.cccontact-form button:hover { background: #06753c; }
.cccontact-hp { position: absolute; left: -9999px; height: 0; overflow: hidden; }
.cccontact-note { margin: 0 0 4px; font-family: "Nunito Sans", sans-serif; font-size: 14px; font-weight: 700; }
.cccontact-note-ok { color: #088b47; }
.cccontact-note-bad { color: #9a3412; }
.cccontact-card a,
.cccontact-facts a { color: #088b47; text-decoration: none; }
.cccontact-card a:hover { text-decoration: underline; }
.cccontact-mapcard .elementor-custom-embed { overflow: hidden; border-radius: 12px; }
.cccontact-mapcard iframe { display: block; width: 100%; border: 0; }
html.ccx-motion body.cc-contactpage .cccontact > .e-con-inner > .elementor-widget,
html.ccx-motion body.cc-contactpage .cccontact-formcard,
html.ccx-motion body.cc-contactpage .cccontact-mapcard,
html.ccx-motion body.cc-contactpage .cccontact-card { opacity: 0; }
html.ccx-motion body.cc-contactpage .cccontact > .e-con-inner > .elementor-widget.ccx-in,
html.ccx-motion body.cc-contactpage .cccontact-formcard.ccx-in,
html.ccx-motion body.cc-contactpage .cccontact-mapcard.ccx-in,
html.ccx-motion body.cc-contactpage .cccontact-card.ccx-in {
  animation: ccx-up .75s cubic-bezier(.16, 1, .3, 1) both;
}
.cccontact > .e-con-inner > .elementor-widget:nth-child(2) { animation-delay: .08s; }
.cccontact > .e-con-inner > .elementor-widget:nth-child(3) { animation-delay: .16s; }
.cccontact-facts > .cccontact-card:nth-child(2) { animation-delay: .08s; }
.cccontact-facts > .cccontact-card:nth-child(3) { animation-delay: .16s; }
.cccontact-facts > .cccontact-card:nth-child(4) { animation-delay: .24s; }
@media (max-width: 767px) {
  .cccontact-main,
  .cccontact-facts,
  .cccontact-formcard,
  .cccontact-mapcard,
  .cccontact-card { min-width: 0; max-width: 100%; }
  .cccontact-form input,
  .cccontact-form textarea,
  .cccontact-form button { width: 100%; max-width: 100%; box-sizing: border-box; }
  .cccontact-copy,
  .cccontact-copy a { overflow-wrap: anywhere; }
  .cccontact-mapcard iframe { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  html.ccx-motion body.cc-contactpage .cccontact > .e-con-inner > .elementor-widget,
  html.ccx-motion body.cc-contactpage .cccontact-formcard,
  html.ccx-motion body.cc-contactpage .cccontact-mapcard,
  html.ccx-motion body.cc-contactpage .cccontact-card {
    opacity: 1;
    animation: none;
  }
}

body.cc-sustainpage { background: #f6f1e8 !important; }
.ccsustain-crumb a { color: #6d675f; text-decoration: none; }
.ccsustain-crumb a:hover { color: #088b47; }
.ccsustain-crumb span { margin: 0 8px; color: #d5cdc3; }
.ccsustain-lead .elementor-widget-container { max-width: 740px; }
.ccsustain-img,
.ccsustain-img > .elementor-widget-container,
.ccsustain-img > a { display: block; width: 100% !important; max-width: 100% !important; }
.ccsustain-img { overflow: hidden; border-radius: 18px; }
.ccsustain-img img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  object-fit: cover !important;
  border-radius: 18px;
  transition: transform .55s ease;
}
.ccsustain-frame:hover .ccsustain-img img,
.ccsustain-split:hover .ccsustain-img img { transform: scale(1.04); }
.ccsustain-frame { align-items: center; text-align: center; }
.ccsustain-cap,
.ccsustain-cap .elementor-heading-title,
.ccsustain-cap .elementor-widget-container { text-align: center; width: 100%; }
.ccsustain-band a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.ccsustain-tile {
  aspect-ratio: 1;
  justify-content: center;
  text-align: center;
}
.ccsustain-tile .elementor-heading-title,
.ccsustain-tile .elementor-widget-container { text-align: center; width: 100%; }
.ccsustain-tile .elementor-heading-title { overflow-wrap: anywhere; }
.ccsustain-on { box-shadow: 0 10px 24px rgba(8, 139, 71, .18); }
.ccsustain-tile:not(.ccsustain-mark) { cursor: pointer; }
.ccsustain-sdgs .ccsdg-ico { width: 40px !important; max-width: 40px !important; margin: 0 auto; }
.ccsustain-sdgs .ccsdg-ico img {
  width: 40px !important;
  height: 40px !important;
  max-width: 40px !important;
  object-fit: contain !important;
  display: block;
  margin: 0 auto;
}
.ccsustain-ink .ccsdg-ico img { filter: brightness(0); }
body.ccsdg-open { overflow: hidden; }
.ccsdg-modal {
  position: fixed;
  inset: 0;
  z-index: 110000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.ccsdg-modal[hidden] { display: none; }
.ccsdg-shade {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(16, 24, 20, .55);
  cursor: pointer;
}
.ccsdg-card {
  position: relative;
  z-index: 1;
  width: min(92vw, 420px);
  aspect-ratio: 1;
  border-radius: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 36px 28px;
  box-shadow: 0 24px 60px rgba(16, 24, 20, .28);
  animation: ccsdg-zoom .38s cubic-bezier(.16, 1, .3, 1);
}
.ccsdg-zoom { width: min(46%, 180px); height: auto; }
.ccsdg-num {
  margin: 8px 0 0;
  font-family: "Playfair Display", serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
}
.ccsdg-name {
  margin: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
}
.ccsdg-x {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .88);
  color: #1c2b26;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
@keyframes ccsdg-zoom {
  from { opacity: 0; transform: scale(.84); }
  to { opacity: 1; transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .ccsdg-card { animation: none; }
}
@media (max-width: 767px) {
  .ccsustain-sdgs .ccsdg-ico,
  .ccsustain-sdgs .ccsdg-ico img { width: 32px !important; height: 32px !important; max-width: 32px !important; }
}
html.ccx-motion body.cc-sustainpage .ccsustain > .e-con-inner > .elementor-widget,
html.ccx-motion body.cc-sustainpage .ccsustain-eye,
html.ccx-motion body.cc-sustainpage .ccsustain-card,
html.ccx-motion body.cc-sustainpage .ccsustain-goal,
html.ccx-motion body.cc-sustainpage .ccsustain-frame,
html.ccx-motion body.cc-sustainpage .ccsustain-band,
html.ccx-motion body.cc-sustainpage .ccsustain-tile { opacity: 0; }
html.ccx-motion body.cc-sustainpage .ccsustain > .e-con-inner > .elementor-widget.ccx-in,
html.ccx-motion body.cc-sustainpage .ccsustain-eye.ccx-in,
html.ccx-motion body.cc-sustainpage .ccsustain-card.ccx-in,
html.ccx-motion body.cc-sustainpage .ccsustain-goal.ccx-in,
html.ccx-motion body.cc-sustainpage .ccsustain-frame.ccx-in,
html.ccx-motion body.cc-sustainpage .ccsustain-band.ccx-in,
html.ccx-motion body.cc-sustainpage .ccsustain-tile.ccx-in {
  animation: ccx-up .75s cubic-bezier(.16, 1, .3, 1) both;
}
.ccsustain > .e-con-inner > .elementor-widget:nth-child(2) { animation-delay: .08s; }
.ccsustain > .e-con-inner > .elementor-widget:nth-child(3) { animation-delay: .16s; }
.ccsustain > .e-con-inner > .elementor-widget:nth-child(4) { animation-delay: .24s; }
.ccsustain-goals > .ccsustain-goal:nth-child(2),
.ccsustain-practice > .ccsustain-card:nth-child(2),
.ccsustain-shots > .ccsustain-frame:nth-child(2) { animation-delay: .08s; }
.ccsustain-goals > .ccsustain-goal:nth-child(3),
.ccsustain-practice > .ccsustain-card:nth-child(3),
.ccsustain-shots > .ccsustain-frame:nth-child(3) { animation-delay: .16s; }
.ccsustain-goals > .ccsustain-goal:nth-child(4) { animation-delay: .24s; }
@media (max-width: 1024px) {
  .ccsustain-split,
  .ccsustain-practice,
  .ccsustain-shots,
  .ccsustain-goals,
  .ccsustain-card,
  .ccsustain-goal,
  .ccsustain-frame,
  .ccsustain-band,
  .ccsustain-sdgs,
  .ccsustain-tile { min-width: 0; max-width: 100%; }
  .ccsustain-copy,
  .ccsustain-title .elementor-heading-title { overflow-wrap: anywhere; }
  .ccsustain-img img { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  html.ccx-motion body.cc-sustainpage .ccsustain > .e-con-inner > .elementor-widget,
  html.ccx-motion body.cc-sustainpage .ccsustain-eye,
  html.ccx-motion body.cc-sustainpage .ccsustain-card,
  html.ccx-motion body.cc-sustainpage .ccsustain-goal,
  html.ccx-motion body.cc-sustainpage .ccsustain-frame,
  html.ccx-motion body.cc-sustainpage .ccsustain-band,
  html.ccx-motion body.cc-sustainpage .ccsustain-tile {
    opacity: 1;
    animation: none;
  }
}

.cc-lang {
  position: relative;
  flex: 0 0 auto !important;
  width: auto !important;
  margin-left: 12px;
  z-index: 5;
}
.cc-lang-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 24px;
  margin: 0;
  padding: 0 9px 0 8px;
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
  color: #f4efe7;
  font-family: "Nunito Sans", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1;
  cursor: pointer;
}
.cc-lang-btn svg { display: block; width: 13px; height: 13px; }
.cc-lang-btn:hover,
.cc-lang-btn[aria-expanded="true"] { background: #fff; color: #088b47; }
.cc-lang-caret { font-size: 9px; line-height: 1; }
.cc-lang-menu {
  position: fixed;
  z-index: 500;
  width: 196px;
  max-height: min(70vh, 420px);
  margin: 0;
  padding: 6px;
  overflow: auto;
  list-style: none;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(28, 43, 38, .16);
}
.cc-lang-menu[hidden] { display: none !important; }
.cc-lang-menu button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #1c2b26;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}
.cc-lang-menu button span { color: #8a847c; font-size: 11px; font-weight: 700; letter-spacing: .04em; }
.cc-lang-menu button:hover,
.cc-lang-menu button.is-on { background: #eef6f1; color: #088b47; }
.cc-lang-menu button.is-on span,
.cc-lang-menu button:hover span { color: #088b47; }
.cc-gt-engine,
.gtranslate_wrapper,
.gt_selector,
.gt_switcher_wrapper {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.cc-lang-engine {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}
iframe.skiptranslate,
.goog-te-banner-frame,
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-te-gadget { display: none !important; }
body { top: 0 !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }
html[lang="bn"] body { font-family: "Noto Sans Bengali", "Nunito Sans", sans-serif; }
html[lang="hi"] body { font-family: "Noto Sans Devanagari", "Nunito Sans", sans-serif; }
html[lang="ur"] body { font-family: "Noto Nastaliq Urdu", "Nunito Sans", sans-serif; }
html[lang="ar"] body { font-family: "Noto Naskh Arabic", "Nunito Sans", sans-serif; }
html[lang="zh-CN"] body { font-family: "Noto Sans SC", "Nunito Sans", sans-serif; }
html[lang="ja"] body { font-family: "Noto Sans JP", "Nunito Sans", sans-serif; }
html[dir="rtl"] .cc-lang-menu button { text-align: right; }
@media (max-width: 767px) {
  .cc-lang { margin-left: 6px; }
  .cc-lang-btn { height: 22px; padding: 0 7px; font-size: 10px; gap: 4px; }
  .cc-lang-menu { width: min(196px, calc(100vw - 16px)); }
}

body.cc-tradepage { background: #f4f1ea !important; color: #0e1613; }
body.cc-tradepage > .elementor,
.cctrade {
  overflow: clip;
  font-family: "Nunito Sans", sans-serif;
}
.cctrade-in {
  width: min(1120px, calc(100% - 48px));
  margin: 0 auto;
}
.cctrade-sec { padding: 88px 0; }
.cctrade-dark {
  background:
    radial-gradient(1200px 480px at 12% -10%, rgba(181, 139, 69, 0.16), transparent 55%),
    linear-gradient(180deg, #101a16 0%, #0e1613 100%);
  color: #edefe6;
}
.cctrade-kicker {
  margin: 0 0 10px;
  color: #088b47;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.cctrade-dark .cctrade-kicker { color: #e3c27a; }
.cctrade h1,
.cctrade h2,
.cctrade h3,
.cctrade-hero h1,
.cctrade-sec h2,
.cctrade-sec h3,
.cctrade-steps strong {
  margin: 0 0 .45em;
  color: inherit;
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.15;
}
.cctrade h1 { font-size: clamp(34px, 4.6vw, 58px); }
.cctrade h2 { font-size: clamp(28px, 3vw, 42px); }
.cctrade h3 { font-size: 22px; }
.cctrade-copy,
.cctrade-lead {
  max-width: 62ch;
  margin: 0 0 1em;
  color: #4a524c;
  font-size: 17px;
  line-height: 1.7;
}
.cctrade-hero .cctrade-lead,
.cctrade-hero .cctrade-copy {
  color: #ffffff;
  max-width: 46ch;
}
.cctrade-dark .cctrade-copy,
.cctrade-dark .cctrade-lead,
.cctrade-vals p,
.cctrade-two p,
.cctrade-faq p,
.cctrade-limit {
  color: #ffffff;
}
.cctrade-crumb {
  margin: 0 0 18px;
  color: rgba(237, 239, 230, 0.62);
  font-size: 13px;
  font-weight: 600;
}
.cctrade-crumb a { color: #edefe6; text-decoration: none; }
.cctrade-crumb a:hover { color: #e3c27a; }
.cctrade-crumb span { margin: 0 8px; opacity: .5; }
.cctrade-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 22px;
  border-radius: 8px;
  border: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.cctrade-btn:hover { transform: translateY(-2px); }
.cctrade-btn-gold {
  background: #b58b45;
  color: #0e1613;
  box-shadow: 0 12px 24px rgba(181, 139, 69, 0.28);
}
.cctrade-btn-gold:hover { background: #c79b52; }
.cctrade-btn-ghost,
.cctrade-btn-line {
  background: transparent;
  border: 1.5px solid currentColor;
  color: inherit;
}
.cctrade-hero .cctrade-btn-ghost {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.78);
}
.cctrade-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
body.cc-tradepage .cctrade.e-con,
body.cc-tradepage .cctrade > .e-con-inner {
  --padding-block-start: 0px;
  --padding-block-end: 0px;
  --padding-inline-start: 0px;
  --padding-inline-end: 0px;
  --gap: 0px;
  max-width: none;
  width: 100%;
  padding: 0;
  gap: 0;
}
body.cc-tradepage .cctrade .elementor-widget {
  margin: 0;
  width: 100%;
}
body.cc-tradepage .cctrade .elementor-widget-container {
  padding: 0;
}
.cctrade-hero {
  position: relative;
  padding: 56px 0 72px;
  background:
    radial-gradient(900px 420px at 88% 10%, rgba(8, 139, 71, 0.22), transparent 50%),
    linear-gradient(165deg, #0e1613 0%, #163126 58%, #0e1613 100%);
  color: #edefe6;
  overflow: hidden;
}
.cctrade-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(-18deg, transparent 0 14px, rgba(255,255,255,.015) 14px 15px);
  pointer-events: none;
}
.cctrade-hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 48px;
  align-items: center;
  z-index: 1;
}
.cctrade-hero-photo {
  margin: 0;
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  box-shadow: 0 32px 70px rgba(0, 0, 0, .35);
}
.cctrade-hero-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display: block;
  transform: scale(1.04);
}
html.ccx-motion .cctrade-hero-photo.ccx-in img {
  animation: cctrade-ken 18s ease-in-out alternate infinite;
}
.cctrade-hero-photo figcaption {
  position: absolute;
  left: 16px;
  bottom: 16px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(14, 22, 19, .72);
  color: #f4efe7;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  backdrop-filter: blur(8px);
}
.cctrade-swatch {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  margin-top: 32px;
}
.cctrade-swatch figure {
  margin: 0;
  background: #fff;
  border: 1px solid #e4e2d6;
  border-radius: 16px;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.cctrade-swatch figure:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(14, 22, 19, .1);
}
.cctrade-swatch-im {
  aspect-ratio: 5 / 4;
  overflow: hidden;
  background: #eceee3;
}
.cctrade-hero-photo img,
.cctrade-swatch-im img,
.cctrade-card-im img,
.cctrade-band-photo img,
.cctrade-cert-im img,
.cctrade-map img {
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  object-fit: cover;
  display: block;
  transition: transform .6s ease;
}
.cctrade-swatch figure:hover img,
.cctrade-card:hover img { transform: scale(1.07); }
.cctrade-swatch figcaption { padding: 14px 14px 16px; }
.cctrade-swatch b {
  display: block;
  margin-bottom: 6px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 18px;
  color: #0e1613;
}
.cctrade-swatch span,
.cctrade-card p {
  display: block;
  color: #4b554d;
  font-size: 14px;
  line-height: 1.45;
}
.cctrade-band {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 48px;
  align-items: center;
}
.cctrade-band-photo {
  margin: 0;
  border-radius: 22px;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  box-shadow: 0 28px 58px rgba(0, 0, 0, .28);
}
.cctrade-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 22px 0 24px;
}
.cctrade-stats div {
  padding: 16px 0;
  border-top: 1px solid rgba(237, 239, 230, .16);
}
.cctrade-num {
  margin: 0;
  color: #e3c27a;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
}
.cctrade-stats p + p {
  margin: 6px 0 0;
  color: #ffffff;
  font-size: 13px;
  line-height: 1.4;
}
.cctrade-table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 14px;
  background: #fff;
  color: #0e1613;
}
.cctrade-table th,
.cctrade-table td {
  text-align: left;
  padding: 14px 16px;
  border-bottom: 1px solid #e6e8dc;
  vertical-align: top;
  font-size: 15px;
  line-height: 1.5;
}
.cctrade-table th {
  width: 34%;
  background: #eceee3;
  font-weight: 800;
}
.cctrade-table-light { border: 1px solid #e4e2d6; }
.cctrade-pg {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 28px;
}
.cctrade-card {
  display: block;
  text-decoration: none;
  color: inherit;
  background: #fff;
  border: 1px solid #e8e4d8;
  border-radius: 18px;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.cctrade-card:hover {
  transform: translateY(-8px);
  border-color: #b58b45;
  box-shadow: 0 22px 40px rgba(14, 22, 19, .12);
}
.cctrade-card-im {
  display: block;
  aspect-ratio: 1;
  overflow: hidden;
  background: #dfe3d3;
}
.cctrade-card h3 { margin: 16px 16px 6px; color: #0e1613; }
.cctrade-card p { margin: 0 16px 18px; }
.cctrade-vals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 28px;
  border-top: 1px solid rgba(255,255,255,.12);
}
.cctrade-vals article {
  padding: 28px 28px 28px 0;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.cctrade-vals em {
  display: block;
  margin-bottom: 10px;
  color: #e3c27a;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}
.cctrade-vals h3 { color: #f7f3ec; }
.cctrade-vals p { margin: 0; color: #cbd1c3; font-size: 15px; line-height: 1.6; max-width: 42ch; }
.cctrade-cert {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}
.cctrade-cert figure {
  margin: 0;
  padding: 10px;
  background: #fff;
  border: 1px solid #e4e2d6;
  border-radius: 16px;
  transition: transform .25s ease, box-shadow .25s ease;
}
.cctrade-cert figure:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 32px rgba(14, 22, 19, .1);
}
.cctrade-cert-im {
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #eceee3;
  border-radius: 10px;
}
.cctrade-cert figcaption {
  padding: 12px 4px 4px;
  font-weight: 800;
  color: #0e1613;
}
.cctrade-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-top: 18px;
}
.cctrade-two article {
  padding-top: 16px;
  border-top: 4px solid #6f8f5e;
}
.cctrade-two article + article { border-color: #b58b45; }
.cctrade-two p { color: #ffffff; max-width: 54ch; }
.cctrade-map {
  margin: 32px 0 0;
  border-radius: 18px;
  overflow: hidden;
  aspect-ratio: 16 / 8;
  box-shadow: 0 24px 50px rgba(0, 0, 0, .28);
}
.cctrade-limit {
  margin: 28px 0 0;
  max-width: 78ch;
  padding-left: 18px;
  border-left: 4px solid #6f8f5e;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.6;
}
.cctrade-steps {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  margin: 32px 0 0;
  padding: 0;
}
.cctrade-steps li {
  margin: 0;
  padding-top: 16px;
  border-top: 3px solid #b58b45;
}
.cctrade-steps b {
  display: block;
  margin-bottom: 8px;
  color: #b58b45;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 32px;
  line-height: 1;
}
.cctrade-steps strong { display: block; color: #0e1613; font-size: 20px; }
.cctrade-steps span { display: block; margin-top: 6px; color: #4b554d; font-size: 15px; line-height: 1.55; }
.cctrade-sub { margin: 48px 0 14px; font-size: 24px; color: #0e1613; }
.cctrade-faqwrap { max-width: 820px; }
.cctrade-faq details {
  border-bottom: 1px solid rgba(237, 239, 230, .16);
  padding: 18px 0;
}
.cctrade-faq summary {
  cursor: pointer;
  font-weight: 800;
  font-size: 18px;
  list-style: none;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.cctrade-faq summary::-webkit-details-marker { display: none; }
.cctrade-faq summary::after {
  content: "+";
  color: #e3c27a;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 26px;
  line-height: 1;
}
.cctrade-faq details[open] summary::after { content: "–"; }
.cctrade-faq p { margin: 12px 0 0; color: #ffffff; max-width: 68ch; }
.cctrade-cta { background: #f7f4ef; }
.cctrade-form {
  margin-top: 28px;
  padding: 28px;
  background: #fff;
  border: 1px solid #e8e4d8;
  border-radius: 22px;
  box-shadow: 0 20px 48px rgba(14, 22, 19, .06);
}
.cctrade-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 18px;
}
.cctrade-fields label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 13px;
  font-weight: 800;
  color: #3d4740;
}
.cctrade-fields input,
.cctrade-fields textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #ddd8cc;
  border-radius: 10px;
  background: #fbfaf6;
  font: 16px/1.4 "Nunito Sans", sans-serif;
  color: #0e1613;
}
.cctrade-fields input:focus,
.cctrade-fields textarea:focus {
  outline: 2px solid #b58b45;
  outline-offset: 1px;
  background: #fff;
}
.cctrade-full { grid-column: 1 / -1; }
.cctrade-hp { position: absolute; left: -9999px; }
.cctrade-flash {
  padding: 12px 16px;
  border-radius: 12px;
  background: #e8f6ee;
  color: #0d3b28;
  font-weight: 700;
}
.cctrade-flash-need { background: #fff4d8; color: #5a4300; }
.cctrade-fine {
  margin: 16px 0 0;
  color: #6a625a;
  font-size: 13px;
}
.cctrade-sumwrap { padding: 0 0 88px; }
.cctrade-sum {
  margin: 0;
  max-width: 86ch;
  padding: 18px 0 18px 18px;
  border-left: 4px solid #6f8f5e;
  color: #3d4740;
  font-size: 15px;
  line-height: 1.7;
}
.cctrade-btn:focus-visible,
.cctrade-card:focus-visible,
.cctrade-crumb a:focus-visible,
.cctrade-faq summary:focus-visible {
  outline: 3px solid #b58b45;
  outline-offset: 3px;
}
html.ccx-motion body.cc-tradepage .cctrade-reveal { opacity: 0; transform: translateY(22px); }
html.ccx-motion body.cc-tradepage .cctrade-reveal.ccx-in {
  animation: ccx-up .75s cubic-bezier(.22, 1, .36, 1) both;
  animation-delay: calc(var(--d, 0) * .07s);
}
@keyframes cctrade-ken {
  from { transform: scale(1.04) translate3d(0, 0, 0); }
  to { transform: scale(1.12) translate3d(0, -2%, 0); }
}
@media (prefers-reduced-motion: reduce) {
  html.ccx-motion body.cc-tradepage .cctrade-reveal,
  html.ccx-motion .cctrade-hero-photo.ccx-in img { animation: none; opacity: 1; transform: none; }
}
@media (max-width: 980px) {
  .cctrade-hero-grid,
  .cctrade-band,
  .cctrade-two { grid-template-columns: 1fr; }
  .cctrade-swatch,
  .cctrade-pg,
  .cctrade-vals,
  .cctrade-cert,
  .cctrade-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cctrade-hero-photo,
  .cctrade-band-photo { aspect-ratio: 3 / 2; max-height: 460px; }
  .cctrade-vals article { padding-right: 16px; }
}
@media (max-width: 767px) {
  .cctrade-in { width: calc(100% - 28px); }
  .cctrade-sec { padding: 56px 0; }
  .cctrade-hero { padding: 28px 0 40px; }
  .cctrade-swatch,
  .cctrade-pg,
  .cctrade-vals,
  .cctrade-cert,
  .cctrade-steps,
  .cctrade-stats,
  .cctrade-fields { grid-template-columns: 1fr; }
  .cctrade-hero-actions,
  .cctrade-form .cctrade-hero-actions { flex-direction: column; }
  .cctrade-btn { width: 100%; }
  .cctrade-form { padding: 18px; }
  .cctrade-sumwrap { padding-bottom: 48px; }
  .cctrade-map { aspect-ratio: 16 / 10; }
}

body.cc-blogpage,
body.cc-postpage { background: #f4efe7 !important; }
.ccblog-sheet,
.ccpost-sheet {
  width: min(1120px, calc(100% - 48px));
  margin: 28px auto 72px;
  background: #fffdf9;
  border: 1px solid #efe6d8;
  border-radius: 32px;
  padding: 48px 56px 56px;
  box-shadow: 0 24px 60px rgba(28, 43, 38, .06);
}
.ccpost-sheet { width: min(920px, calc(100% - 48px)); }
.ccblog-crumb,
.ccblog-kicker,
.ccblog-lead,
.ccblog-card-excerpt,
.ccblog-card-date,
.ccpost-meta,
.ccpost-body,
.ccblog-cta p {
  text-align: left;
  overflow-wrap: break-word;
  word-break: normal;
}
.ccblog-crumb {
  margin: 0 0 18px;
  font-size: 13px;
  color: #6d675f;
}
.ccblog-crumb a { color: #5c564e; text-decoration: none; }
.ccblog-crumb a:hover { color: #088b47; }
.ccblog-kicker {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #088b47;
}
.ccblog-intro h1,
.ccpost-hero h1,
.ccpost-related h2,
.ccblog-cta h2,
.ccblog-card h2,
.ccblog-card h3 {
  font-family: "Playfair Display", "Noto Serif Bengali", Georgia, serif;
  font-weight: 600;
  color: #1a1714;
  margin: 0;
  text-wrap: balance;
}
.ccblog-intro h1 { font-size: clamp(36px, 5vw, 56px); line-height: 1.12; }
.ccblog-lead,
.ccpost-body,
.ccblog-cta p,
.ccblog-card-excerpt {
  font-size: 17px;
  line-height: 1.75;
  color: #5a534c;
}
.ccblog-lead { margin: 16px 0 0; max-width: 62ch; }
.ccblog-grid {
  display: grid;
  gap: 22px;
  margin-top: 36px;
}
.ccblog-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ccblog-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ccblog-card {
  background: #fff;
  border: 1px solid #efe6d8;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(28, 43, 38, .04);
  transition: transform .35s ease, box-shadow .35s ease;
}
.ccblog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(28, 43, 38, .1);
}
.ccblog-card-media {
  display: block;
  overflow: hidden;
  background: #f4efe7;
}
.ccblog-card-media img,
.ccblog-card-ph {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition: transform .7s ease;
}
.ccblog-card-ph { background: #eadfce; }
.ccblog-card:hover .ccblog-card-media img { transform: scale(1.05); }
.ccblog-card-body { padding: 18px 20px 22px; }
.ccblog-card-date,
.ccpost-meta {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #088b47;
}
.ccblog-card h2,
.ccblog-card h3 { font-size: 22px; line-height: 1.25; }
.ccblog-card h2 a,
.ccblog-card h3 a { color: inherit; text-decoration: none; }
.ccblog-card h2 a:hover,
.ccblog-card h3 a:hover { color: #088b47; }
.ccblog-card-excerpt { margin: 10px 0 0; font-size: 15px; }
.ccblog-card-more {
  display: inline-block;
  margin-top: 14px;
  font-size: 14px;
  font-weight: 700;
  color: #088b47;
  text-decoration: none;
}
.ccblog-card-more:hover { text-decoration: underline; }
.ccblog-empty { grid-column: 1 / -1; color: #6d675f; }
.ccblog-pages { margin-top: 28px; display: flex; gap: 10px; flex-wrap: wrap; }
.ccblog-pages a,
.ccblog-pages span {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid #efe6d8;
  text-decoration: none;
  color: #1a1714;
}
.ccblog-pages .current { background: #088b47; color: #fff; border-color: #088b47; }
.ccblog-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 40px;
  padding: 28px 32px;
  border-radius: 24px;
  background: linear-gradient(135deg, #0d7a3e 0%, #0a5c32 100%);
  color: #fff;
}
.ccblog-cta h2 { color: #fff; font-size: 30px; }
.ccblog-cta p { color: #e7f4ec; margin: 8px 0 0; max-width: 42ch; }
.ccblog-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 20px;
  border-radius: 999px;
  background: #fff;
  color: #0d3b28;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.ccblog-btn:hover { background: #f4efe7; }
.ccpost-hero { margin-bottom: 8px; }
.ccpost-hero h1 {
  font-size: clamp(32px, 4.4vw, 48px);
  line-height: 1.15;
  margin: 8px 0 22px;
}
.ccpost-cover {
  margin: 0 0 28px;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(28, 43, 38, .1);
}
.ccpost-cover img {
  display: block;
  width: 100%;
  max-height: 460px;
  object-fit: cover;
}
.ccpost-body { max-width: 68ch; }
.ccpost-body p { margin: 0 0 1.15em; }
.ccpost-body p:last-child { margin-bottom: 0; }
.ccpost-related { margin-top: 48px; }
.ccpost-related h2 { font-size: 30px; margin-bottom: 8px; }
.ccpost-related .ccblog-grid { margin-top: 20px; }
html.ccx-motion body.cc-blogpage .ccblog-card,
html.ccx-motion body.cc-blogpage .ccblog-intro,
html.ccx-motion body.cc-blogpage .ccblog-cta,
html.ccx-motion body.cc-postpage .ccpost-hero,
html.ccx-motion body.cc-postpage .ccpost-body,
html.ccx-motion body.cc-postpage .ccpost-related,
html.ccx-motion body.cc-postpage .ccblog-cta { opacity: 0; }
html.ccx-motion body.cc-blogpage .ccblog-card.ccx-in,
html.ccx-motion body.cc-blogpage .ccblog-intro.ccx-in,
html.ccx-motion body.cc-blogpage .ccblog-cta.ccx-in,
html.ccx-motion body.cc-postpage .ccpost-hero.ccx-in,
html.ccx-motion body.cc-postpage .ccpost-body.ccx-in,
html.ccx-motion body.cc-postpage .ccpost-related.ccx-in,
html.ccx-motion body.cc-postpage .ccblog-cta.ccx-in {
  animation: ccx-up .9s cubic-bezier(.16, 1, .3, 1) both;
}
.ccblog-grid .ccblog-card:nth-child(2) { animation-delay: .08s; }
.ccblog-grid .ccblog-card:nth-child(3) { animation-delay: .16s; }
@media (max-width: 1024px) {
  .ccblog-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ccblog-cta { flex-direction: column; align-items: stretch; }
}
@media (max-width: 767px) {
  .ccblog-sheet,
  .ccpost-sheet {
    width: calc(100% - 24px);
    margin: 16px auto 40px;
    padding: 22px 16px 28px;
    border-radius: 20px;
  }
  .ccblog-grid-3,
  .ccblog-grid-2 { grid-template-columns: 1fr; }
  .ccblog-intro h1 { font-size: 34px; }
  .ccpost-hero h1 { font-size: 30px; }
  .ccblog-cta { padding: 22px 18px; }
  .ccblog-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  html.ccx-motion body.cc-blogpage .ccblog-card,
  html.ccx-motion body.cc-blogpage .ccblog-intro,
  html.ccx-motion body.cc-blogpage .ccblog-cta,
  html.ccx-motion body.cc-postpage .ccpost-hero,
  html.ccx-motion body.cc-postpage .ccpost-body,
  html.ccx-motion body.cc-postpage .ccpost-related,
  html.ccx-motion body.cc-postpage .ccblog-cta {
    opacity: 1;
    animation: none;
  }
  .ccblog-card:hover { transform: none; }
}

/* Elementor editor/preview: keep every block visible so it can be edited. */
html.ccx-elementor-edit .cc-reveal,
html.ccx-elementor-edit .ccx-dot,
html.ccx-elementor-edit .ccx-card,
html.ccx-elementor-edit .ccx-banner,
html.ccx-elementor-edit .ccx-rowhead,
html.ccx-elementor-edit .ccx-trust .elementor-widget-icon-box,
html.ccx-elementor-edit .ccx-split,
html.ccx-elementor-edit .ccx-auth,
html.ccx-elementor-edit .ccx-quote,
html.ccx-elementor-edit .ccx-newsband,
html.ccx-elementor-edit .ccabout-reveal,
html.ccx-elementor-edit .cctrade-reveal,
html.ccx-elementor-edit .cccontact-formcard,
html.ccx-elementor-edit .cccontact-mapcard,
html.ccx-elementor-edit .cccontact-card,
html.ccx-elementor-edit .ccsustain-eye,
html.ccx-elementor-edit .ccsustain-card,
html.ccx-elementor-edit .ccsustain-goal,
html.ccx-elementor-edit .ccsustain-frame,
html.ccx-elementor-edit .ccsustain-band,
html.ccx-elementor-edit .ccsustain-tile,
html.ccx-elementor-edit .ccblog-card,
html.ccx-elementor-edit .ccblog-intro,
html.ccx-elementor-edit .ccblog-cta,
html.ccx-elementor-edit .ccpost-hero,
html.ccx-elementor-edit .ccpost-body,
html.ccx-elementor-edit .ccpost-related,
html.ccx-elementor-edit .ccx-hero-copy > .elementor-element,
html.ccx-elementor-edit .ccx-side .elementor-icon-list-item,
html.ccx-elementor-edit .ccabout > .e-con-inner > .elementor-widget,
html.ccx-elementor-edit .cccontact > .e-con-inner > .elementor-widget,
html.ccx-elementor-edit .ccsustain > .e-con-inner > .elementor-widget {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  animation: none !important;
}
html.ccx-editing-chrome .ccx-sub,
html.ccx-editing-chrome .ccp-sub {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  position: static !important;
  transform: none !important;
  display: flex !important;
}