/* Geologica is loaded with fixed static weights via the child theme's
   wp_enqueue_style('geologica-font', ...) instead of this variable-weight
   range import, to avoid two competing @font-face registrations for the
   same family causing inconsistent glyph rendering (e.g. accented
   characters like "â" occasionally failing to render in some browsers). */

.tp-section-title-span-padding span {
  padding-left: 175px;
  display: block;
}

.header-main-menu nav ul li.wp-menu-item-last .submenu:not(.tp-mega-menu) {
  left: 0;
}

.tp-shop-details-left-wrap .tp-shop-details-left-thumb img {
  width: 100%;
}

.liko-dark-active div .elementor-heading-title,
.liko-dark-active div .elementor-heading-title a span {
  color: var(--tp-common-white) !important;
}
.liko-dark-active div .tp-el-footer-links ul li a {
  -webkit-text-fill-color: var(--tp-common-white) !important;
  color: var(--tp-common-white) !important;
}

.liko-dark-active .sidebar__widget.widget_tag_cloud .tagcloud a {
  color: var(--tp-common-white);
  border: 1px solid rgba(245, 247, 245, 0.1);
}

.liko-dark-active .sidebar__widget.widget_tag_cloud .tagcloud a:hover {
  color: var(--tp-common-black);
  border-color: var(--tp-common-white);
  background: var(--tp-common-white);
}
.liko-dark-active .project-details-1-navigation span {
  color: var(--tp-common-white);
}

.liko-dark-active .comment-reply-title {
  color: var(--tp-common-white);
}

.liko-dark-active p.logged-in-as a {
  color: var(--tp-common-white);
}

.liko-dark-active .sidebar__search input {
  border-bottom: 1px solid rgba(245, 247, 245, 0.14) !important;
  color: var(--tp-common-white);
  background: transparent;
  border: 0px;
}

.liko-dark-active .sidebar__search input:focus {
  border-bottom: 1px solid var(--tp-common-white) !important;
}

.liko-dark-active .liko-breadcrumb-padding {
  background: #121212;
  background-color: #121212;
}

.liko-dark-active .tp-login-remember label {
  color: rgba(255, 255, 255, 0.6);
}

.liko-dark-active .tp-login-input-label label {
  color: var(--tp-common-white);
}
.liko-dark-active .wc-block-cart-items thead tr {
  background: var(--tp-common-white);
  padding: 30px;
}
.liko-dark-active .wc-block-cart-items thead tr th {
  padding: 8px 16px 8px 16px;
}

.liko-dark-active
  .wc-block-cart-items
  thead
  tr
  .wc-block-cart-items__header-product {
  visibility: visible;
}
.liko-dark-active .wc-block-cart-item__wrap a,
.liko-dark-active .wc-block-cart-item__wrap ins {
  color: var(--tp-common-white);
}

.liko-dark-active .wc-block-cart-item__wrap del {
  color: #818487 !important;
  margin-right: 10px;
}
.liko-dark-active .wc-block-components-quantity-selector {
  background: var(--tp-common-white);
}
.liko-dark-active
  .wc-block-cart-item__wrap
  button.wc-block-cart-item__remove-link {
  color: #ebebeb !important;
}
.liko-dark-active
  .wc-block-cart-item__total
  .wc-block-components-product-price {
  color: var(--tp-common-white);
}

.liko-dark-active .wc-block-components-totals-wrapper {
  border-top: 1px solid rgba(245, 247, 245, 0.1);
}
.liko-dark-active .wp-block-woocommerce-cart-order-summary-totals-block {
  border-top: 1px solid #e0e2e3;
}

.liko-dark-active .wc-block-components-totals-item__label {
  color: var(--tp-common-white);
}
.blog-details-share .share-icons {
  display: none;
  padding: 0;
  justify-content: flex-end;
  gap: 10px;
}
.blog-details-share .share-icons li {
  list-style: none;
}
.blog-details-share .share-icons li a i {
  height: 44px;
  width: 44px;
  line-height: 42px;
  border-radius: 50%;
  text-align: center;
  margin-top: 10px;
  display: inline-block;
  color: var(--tp-common-black);
  border: 1px solid rgba(25, 25, 26, 0.14);
  transition: all 0.3s ease-out;
}
.blog-details-share .share-icons li a i:hover {
  color: var(--tp-common-white);
  border-color: var(--tp-common-black);
  background-color: var(--tp-common-black);
}
.blog-details-share .share-icons.active {
  display: flex;
}
.liko-dark-active .blog-details-share .share-icons li a i {
  color: var(--tp-common-white);
  border: 1px solid rgba(245, 247, 245, 0.1);
}
.liko-dark-active .blog-details-share .share-icons li a i:hover {
  color: var(--tp-common-dark);
  border-color: var(--tp-common-white);
  background-color: var(--tp-common-white);
}
@media screen and (max-width: 767px) {
  .blog-details-share .share-icons {
    justify-content: start;
  }
}

/* ==========================================================================
   Cosmetic Page Text Hierarchy (Geologica Variable Font - Cosmetic Page Only)
   ========================================================================== */

/* Load font for cosmetic page */
body.postid-5968,
body.post-name-cosmetic,
body[class*="cosmetic"] {
  font-family: 'Geologica', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* Cosmetic Page typography defaults (Overridable by Elementor controls) */
body.postid-5968 h1,
body.post-name-cosmetic h1 {
  font-family: 'Geologica', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.2;
}

body.postid-5968 h2,
body.post-name-cosmetic h2 {
  font-family: 'Geologica', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.5;
}

body.postid-5968 h3,
body.post-name-cosmetic h3 {
  font-family: 'Geologica', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.3;
}

body.postid-5968 p,
body.post-name-cosmetic p {
  font-family: 'Geologica', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.6;
}


/* ==========================================================================
   Cosmetic Page Fixed Fullscreen Hero Image & Layered Scroll
   ========================================================================== */

/* Hero Container (Post 5968 / Cosmetic Single Portfolio) */
body.postid-5968 .elementor-element-f424967,
body.single-tp-portfolios .elementor-element-f424967,
body.post-name-cosmetic .elementor-element-f424967 {
  min-height: 100vh !important;
  min-height: 100dvh !important;
  background-attachment: fixed !important;
  background-position: center center !important;
  background-size: cover !important;
}

/* Ensure subsequent top-level parent sections sit above fixed hero and cover it */
body.postid-5968 .elementor > .e-parent:not(.elementor-element-f424967),
body.single-tp-portfolios .elementor-element.e-parent:not(.elementor-element-f424967) {
  position: relative !important;
  z-index: 2 !important;
  background-color: #ffffff !important;
}

/* Standard project-details-1 template fallback (if present) */
body.postid-5968 .project-details-1-thumb,
body.post-name-cosmetic .project-details-1-thumb,
body[class*="cosmetic"] .project-details-1-thumb {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

body.postid-5968 .project-details-1-thumb img,
body.post-name-cosmetic .project-details-1-thumb img,
body[class*="cosmetic"] .project-details-1-thumb img {
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  object-fit: contain !important;
  object-position: center !important;
}

body.postid-5968 .project-details-1-right-wrap,
body.postid-5968 .tp-portfolio-details-content,
body.post-name-cosmetic .project-details-1-right-wrap,
body.post-name-cosmetic .tp-portfolio-details-content,
body[class*="cosmetic"] .project-details-1-right-wrap,
body[class*="cosmetic"] .tp-portfolio-details-content {
  position: relative !important;
  z-index: 2 !important;
  background-color: var(--tp-common-white, #ffffff) !important;
}

body.postid-5968 .project-details-1-area,
body.post-name-cosmetic .project-details-1-area,
body[class*="cosmetic"] .project-details-1-area {
  padding-top: 100vh !important;
}

/* ==========================================================================
   Hide Copyright Footer Bar (Cosmetic Page Only)
   ========================================================================== */
body.postid-5968 .tp-copyright-2-area,
body.postid-5968 .tp-copyright-area,
body.single-tp-portfolios .tp-copyright-2-area,
body.single-tp-portfolios .tp-copyright-area,
body.post-name-cosmetic .tp-copyright-2-area,
body.post-name-cosmetic .tp-copyright-area,
body[class*="cosmetic"] .tp-copyright-2-area,
body[class*="cosmetic"] .tp-copyright-area {
  display: none !important;
}

/* ==========================================================================
   Cosmetic Page Portfolio Masonry Card Hover Effect (Zoom & Scale)
   ========================================================================== */

/* Masonry Card Container Clipping & Radius */
body.postid-5968 .elementor-widget-tp-portfolio-card,
body.post-name-cosmetic .elementor-widget-tp-portfolio-card,
body[class*="cosmetic"] .elementor-widget-tp-portfolio-card,
body.postid-5968 .tp-el-portfolio-item,
body.post-name-cosmetic .tp-el-portfolio-item,
body[class*="cosmetic"] .tp-el-portfolio-item,
body.postid-5968 .tp-project-5-2-thumb,
body.post-name-cosmetic .tp-project-5-2-thumb,
body[class*="cosmetic"] .tp-project-5-2-thumb,
body.postid-5968 .pm-project-masonary-item,
body.post-name-cosmetic .pm-project-masonary-item,
body[class*="cosmetic"] .pm-project-masonary-item {
  overflow: hidden !important;
  border-radius: 0 !important;
}

/* Default state for masonry images - allow GSAP tp_img_reveal transforms while adding smooth transition and hover scale */
body.postid-5968 .elementor-widget-tp-portfolio-card img,
body.post-name-cosmetic .elementor-widget-tp-portfolio-card img,
body[class*="cosmetic"] .elementor-widget-tp-portfolio-card img,
body.postid-5968 .tp-el-portfolio-item img,
body.post-name-cosmetic .tp-el-portfolio-item img,
body[class*="cosmetic"] .tp-el-portfolio-item img,
body.postid-5968 .tp-project-5-2-thumb img,
body.post-name-cosmetic .tp-project-5-2-thumb img,
body[class*="cosmetic"] .tp-project-5-2-thumb img,
body.postid-5968 .pm-project-masonary-item img,
body.post-name-cosmetic .pm-project-masonary-item img,
body[class*="cosmetic"] .pm-project-masonary-item img {
  filter: brightness(1);
  transition: filter 0.5s ease, transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform, filter;
}

/* Hover state: smooth zoom scale and subtle brightness boost */
body.postid-5968 .elementor-widget-tp-portfolio-card:hover img,
body.post-name-cosmetic .elementor-widget-tp-portfolio-card:hover img,
body[class*="cosmetic"] .elementor-widget-tp-portfolio-card:hover img,
body.postid-5968 .tp-el-portfolio-item:hover img,
body.post-name-cosmetic .tp-el-portfolio-item:hover img,
body[class*="cosmetic"] .tp-el-portfolio-item:hover img,
body.postid-5968 .tp-project-5-2-thumb:hover img,
body.post-name-cosmetic .tp-project-5-2-thumb:hover img,
body[class*="cosmetic"] .tp-project-5-2-thumb:hover img,
body.postid-5968 .pm-project-masonary-item:hover img,
body.post-name-cosmetic .pm-project-masonary-item:hover img,
body[class*="cosmetic"] .pm-project-masonary-item:hover img,
body.postid-5968 .tp-project-5-2-thumb:hover .tp_img_reveal img,
body.post-name-cosmetic .tp-project-5-2-thumb:hover .tp_img_reveal img,
body[class*="cosmetic"] .tp-project-5-2-thumb:hover .tp_img_reveal img {
  transform: scale(1.06);
  filter: brightness(1.03);
}

/* Hide text overlay to maintain clean editorial aesthetic */
body.postid-5968 .elementor-widget-tp-portfolio-card .tp-project-content,
body.postid-5968 .elementor-widget-tp-portfolio-card .tp-project-5-2-content,
body.postid-5968 .elementor-widget-tp-portfolio-card .tp-project-5-2-category,
body.postid-5968 .elementor-widget-tp-portfolio-card .tp-project-5-2-meta,
body.postid-5968 .elementor-widget-tp-portfolio-card .pm-project-masonary-content,
body.postid-5968 .elementor-widget-tp-portfolio-card:hover .tp-project-content,
body.postid-5968 .elementor-widget-tp-portfolio-card:hover .tp-project-5-2-content,
body.postid-5968 .elementor-widget-tp-portfolio-card:hover .tp-project-5-2-category,
body.postid-5968 .elementor-widget-tp-portfolio-card:hover .tp-project-5-2-meta,
body.postid-5968 .elementor-widget-tp-portfolio-card:hover .pm-project-masonary-content,
body.post-name-cosmetic .elementor-widget-tp-portfolio-card .tp-project-content,
body.post-name-cosmetic .elementor-widget-tp-portfolio-card .tp-project-5-2-content,
body.post-name-cosmetic .elementor-widget-tp-portfolio-card .tp-project-5-2-category,
body.post-name-cosmetic .elementor-widget-tp-portfolio-card .tp-project-5-2-meta,
body.post-name-cosmetic .elementor-widget-tp-portfolio-card .pm-project-masonary-content,
body.post-name-cosmetic .elementor-widget-tp-portfolio-card:hover .tp-project-content,
body.post-name-cosmetic .elementor-widget-tp-portfolio-card:hover .tp-project-5-2-content,
body.post-name-cosmetic .elementor-widget-tp-portfolio-card:hover .tp-project-5-2-category,
body.post-name-cosmetic .elementor-widget-tp-portfolio-card:hover .tp-project-5-2-meta,
body.post-name-cosmetic .elementor-widget-tp-portfolio-card:hover .pm-project-masonary-content,
body[class*="cosmetic"] .elementor-widget-tp-portfolio-card .tp-project-content,
body[class*="cosmetic"] .elementor-widget-tp-portfolio-card .tp-project-5-2-content,
body[class*="cosmetic"] .elementor-widget-tp-portfolio-card .tp-project-5-2-category,
body[class*="cosmetic"] .elementor-widget-tp-portfolio-card .tp-project-5-2-meta,
body[class*="cosmetic"] .elementor-widget-tp-portfolio-card .pm-project-masonary-content,
body[class*="cosmetic"] .elementor-widget-tp-portfolio-card:hover .tp-project-content,
body[class*="cosmetic"] .elementor-widget-tp-portfolio-card:hover .tp-project-5-2-content,
body[class*="cosmetic"] .elementor-widget-tp-portfolio-card:hover .tp-project-5-2-category,
body[class*="cosmetic"] .elementor-widget-tp-portfolio-card:hover .tp-project-5-2-meta,
body[class*="cosmetic"] .elementor-widget-tp-portfolio-card:hover .pm-project-masonary-content,
body.postid-5968 .tp-el-portfolio-item:hover .tp-project-content,
body.post-name-cosmetic .tp-el-portfolio-item:hover .tp-project-content,
body[class*="cosmetic"] .tp-el-portfolio-item:hover .tp-project-content {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Hide floating cursor text badge on hover for portfolio card */
body.postid-5968:has(.elementor-widget-tp-portfolio-card:hover) #ball .ball-view,
body.post-name-cosmetic:has(.elementor-widget-tp-portfolio-card:hover) #ball .ball-view,
body[class*="cosmetic"]:has(.elementor-widget-tp-portfolio-card:hover) #ball .ball-view,
body.postid-5968:has(.tp-el-portfolio-item:hover) #ball .ball-view,
body.post-name-cosmetic:has(.tp-el-portfolio-item:hover) #ball .ball-view,
body[class*="cosmetic"]:has(.tp-el-portfolio-item:hover) #ball .ball-view {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}


/* ==========================================================================
   Cosmetic Page Related Studio Notes Blog Carousel Card Styling
   ========================================================================== */

/* Enable content visibility for portfolio slider / related studio notes carousel */
body.postid-5968 .elementor-widget-tp-portfolio-slider .tp-project-2-content,
body.post-name-cosmetic .elementor-widget-tp-portfolio-slider .tp-project-2-content,
body[class*="cosmetic"] .elementor-widget-tp-portfolio-slider .tp-project-2-content,
body.postid-5968 .tpproject .tp-project-2-content,
body.post-name-cosmetic .tpproject .tp-project-2-content,
body[class*="cosmetic"] .tpproject .tp-project-2-content {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  padding-top: 18px !important;
  background: transparent !important;
  transform: none !important;
}

/* Image container & hover zoom animation */
body.postid-5968 .tp-project-2-thumb,
body.post-name-cosmetic .tp-project-2-thumb,
body[class*="cosmetic"] .tp-project-2-thumb {
  overflow: hidden !important;
  border-radius: 6px !important;
}

body.postid-5968 .tp-project-2-thumb img,
body.post-name-cosmetic .tp-project-2-thumb img,
body[class*="cosmetic"] .tp-project-2-thumb img {
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

body.postid-5968 .tp-project-2-item:hover .tp-project-2-thumb img,
body.post-name-cosmetic .tp-project-2-item:hover .tp-project-2-thumb img,
body[class*="cosmetic"] .tp-project-2-item:hover .tp-project-2-thumb img {
  transform: scale(1.04) !important;
}

/* Category & Subtitle styling */
body.postid-5968 .tp-project-2-content span,
body.post-name-cosmetic .tp-project-2-content span,
body[class*="cosmetic"] .tp-project-2-content span {
  display: inline-block !important;
  font-family: 'Geologica', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  color: #888888 !important;
  margin-bottom: 6px !important;
}

/* Blog Title Styling */
body.postid-5968 .tp-project-2-title-sm,
body.post-name-cosmetic .tp-project-2-title-sm,
body[class*="cosmetic"] .tp-project-2-title-sm {
  font-family: 'Geologica', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin-bottom: 8px !important;
}

body.postid-5968 .tp-project-2-title-sm a,
body.post-name-cosmetic .tp-project-2-title-sm a,
body[class*="cosmetic"] .tp-project-2-title-sm a {
  color: #111111 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body.postid-5968 .tp-project-2-title-sm a:hover,
body.post-name-cosmetic .tp-project-2-title-sm a:hover,
body[class*="cosmetic"] .tp-project-2-title-sm a:hover {
  color: #555555 !important;
}

/* Read Note arrow link */
body.postid-5968 .tp-project-2-content::after,
body.post-name-cosmetic .tp-project-2-content::after,
body[class*="cosmetic"] .tp-project-2-content::after {
  content: "Read Note \2192" !important;
  display: inline-block !important;
  font-family: 'Geologica', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  color: #111111 !important;
  margin-top: 4px !important;
  transition: opacity 0.2s ease !important;
}


body.postid-5968 .tp-project-2-item:hover .tp-project-2-content::after,
body.post-name-cosmetic .tp-project-2-item:hover .tp-project-2-content::after,
body[class*="cosmetic"] .tp-project-2-item:hover .tp-project-2-content::after {
  opacity: 0.7 !important;
}

/* Image Slider (pd-visual-slider) Editorial Blog Card Styling */
.pd-visual-slider-wrap .swiper-slide {
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
}

.pd-visual-slider-thumb {
  border-radius: 6px !important;
  overflow: hidden !important;
  position: relative !important;
  aspect-ratio: 4 / 3 !important;
}

.pd-visual-slider-thumb img {
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.pd-visual-slider-wrap .swiper-slide:hover .pd-visual-slider-thumb img {
  transform: scale(1.04) !important;
}

.pd-visual-slider-blog-content {
  padding-top: 16px !important;
  padding-bottom: 10px !important;
  display: block !important;
  text-align: left !important;
}

.pd-visual-slider-meta {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  margin-bottom: 6px !important;
  font-family: 'Geologica', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  color: #888888 !important;
}

.pd-visual-slider-cat {
  color: #666666 !important;
}

.pd-visual-slider-date {
  color: #999999 !important;
  text-align: right !important;
  margin-left: auto !important;
}

.pd-visual-slider-blog-title {
  font-family: 'Marcellus', serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin-top: 4px !important;
  margin-bottom: 8px !important;
}

.pd-visual-slider-blog-title a {
  color: #111111 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.pd-visual-slider-blog-title a:hover {
  color: #555555 !important;
}

.pd-visual-slider-read-more {
  display: inline-block !important;
  font-family: 'Geologica', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  color: #111111 !important;
  text-decoration: none !important;
  margin-top: 4px !important;
  transition: opacity 0.2s ease !important;
}

.pd-visual-slider-read-more:hover {
  opacity: 0.7 !important;
}

/* ==========================================================================
   Cosmetic Page Marcellus Serif Font Overrides (Desktop & Mobile)
   ========================================================================== */
/* Hero Title: "BAKE YOUR PAIN" */
body.postid-5968 .elementor-element-1d935f8 .tp-el-text,
body.post-name-cosmetic .elementor-element-1d935f8 .tp-el-text,
body[class*="cosmetic"] .elementor-element-1d935f8 .tp-el-text,

/* Section Titles: "About", "Chapters", "Exhibitions", "Related Studio Notes" */
body.postid-5968 .elementor-element-63203b1 .tp-el-text,
body.postid-5968 .elementor-element-7ff48d4 .tp-el-text,
body.postid-5968 .elementor-element-f1b1c47 .tp-el-text,
body.postid-5968 .elementor-element-0e03d85 .tp-el-text,
body.post-name-cosmetic .elementor-element-63203b1 .tp-el-text,
body.post-name-cosmetic .elementor-element-7ff48d4 .tp-el-text,
body.post-name-cosmetic .elementor-element-f1b1c47 .tp-el-text,
body.post-name-cosmetic .elementor-element-0e03d85 .tp-el-text,
body[class*="cosmetic"] .elementor-element-63203b1 .tp-el-text,
body[class*="cosmetic"] .elementor-element-7ff48d4 .tp-el-text,
body[class*="cosmetic"] .elementor-element-f1b1c47 .tp-el-text,
body[class*="cosmetic"] .elementor-element-0e03d85 .tp-el-text {
  font-family: 'Marcellus', serif !important;
}

/* Reduce lead text font size by 3px on Desktop */
body.postid-5968 .elementor-element-9759593 .tp-el-animation-heading,
body.postid-5968 .elementor-element-d354359 .tp-el-animation-heading,
body.post-name-cosmetic .elementor-element-9759593 .tp-el-animation-heading,
body.post-name-cosmetic .elementor-element-d354359 .tp-el-animation-heading,
body[class*="cosmetic"] .elementor-element-9759593 .tp-el-animation-heading,
body[class*="cosmetic"] .elementor-element-d354359 .tp-el-animation-heading,
body.postid-5968 .project-details-1-title-box p,
body.post-name-cosmetic .project-details-1-title-box p,
body[class*="cosmetic"] .project-details-1-title-box p {
  font-size: 23px !important;
  line-height: 1.45 !important;
}

body.postid-5968 .elementor-element-560af6b .tp-el-animation-heading,
body.post-name-cosmetic .elementor-element-560af6b .tp-el-animation-heading,
body[class*="cosmetic"] .elementor-element-560af6b .tp-el-animation-heading {
  font-size: 15px !important;
  line-height: 1.55 !important;
}

@media screen and (max-width: 767px) {
  /* Prevent horizontal swipe/overflow on mobile */
  html, body {
    overflow-x: hidden !important;
    width: 100% !important;
  }

  /* Hero image & container sizing fix for mobile */
  body.postid-5968 .elementor-element-f424967,
  body.post-name-cosmetic .elementor-element-f424967,
  body.postid-5968 .project-details-1-thumb,
  body.post-name-cosmetic .project-details-1-thumb,
  body[class*="cosmetic"] .project-details-1-thumb {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
  }

  body.postid-5968 .project-details-1-thumb img,
  body.post-name-cosmetic .project-details-1-thumb img,
  body[class*="cosmetic"] .project-details-1-thumb img {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Hero title & container responsive padding */
  body.postid-5968 .elementor-element-add9b57,
  body.post-name-cosmetic .elementor-element-add9b57 {
    padding-top: 150px !important;
    padding-bottom: 80px !important;
  }

  body.postid-5968 .elementor-element-1d935f8 .tp-el-text,
  body.post-name-cosmetic .elementor-element-1d935f8 .tp-el-text {
    font-family: 'Marcellus', serif !important;
    font-size: 38px !important;
    line-height: 1.15 !important;
    letter-spacing: 1px !important;
  }

  /* Section heading typography scaling */
  body.postid-5968 .elementor-element-63203b1 .tp-el-text,
  body.postid-5968 .elementor-element-7ff48d4 .tp-el-text,
  body.postid-5968 .elementor-element-f1b1c47 .tp-el-text,
  body.postid-5968 .elementor-element-0e03d85 .tp-el-text,
  body.post-name-cosmetic .elementor-element-63203b1 .tp-el-text,
  body.post-name-cosmetic .elementor-element-7ff48d4 .tp-el-text,
  body.post-name-cosmetic .elementor-element-f1b1c47 .tp-el-text,
  body.post-name-cosmetic .elementor-element-0e03d85 .tp-el-text {
    font-family: 'Marcellus', serif !important;
    font-size: 28px !important;
    line-height: 1.25 !important;
    letter-spacing: 0.8px !important;
  }

  /* Intro lead text & paragraph scaling (reduced by 3px on mobile) */
  body.postid-5968 .elementor-element-9759593 .tp-el-animation-heading,
  body.postid-5968 .elementor-element-d354359 .tp-el-animation-heading,
  body.post-name-cosmetic .elementor-element-9759593 .tp-el-animation-heading,
  body.post-name-cosmetic .elementor-element-d354359 .tp-el-animation-heading,
  body[class*="cosmetic"] .elementor-element-9759593 .tp-el-animation-heading,
  body[class*="cosmetic"] .elementor-element-d354359 .tp-el-animation-heading {
    font-size: 17px !important;
    line-height: 1.5 !important;
    margin-right: 0 !important;
  }

  body.postid-5968 .elementor-element-560af6b .tp-el-animation-heading,
  body.post-name-cosmetic .elementor-element-560af6b .tp-el-animation-heading,
  body[class*="cosmetic"] .elementor-element-560af6b .tp-el-animation-heading {
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin-right: 0 !important;
  }

  /* Section vertical padding reduction for mobile flow */
  body.postid-5968 .elementor-element-42c9c4e,
  body.postid-5968 .elementor-element-12e3b06,
  body.postid-5968 .elementor-element-48dab8a,
  body.post-name-cosmetic .elementor-element-42c9c4e,
  body.post-name-cosmetic .elementor-element-12e3b06,
  body.post-name-cosmetic .elementor-element-48dab8a {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  /* Subtitle alignment shift on mobile */
  body.postid-5968 .elementor-element-d95b359 > .elementor-widget-container,
  body.postid-5968 .elementor-element-edf636c > .elementor-widget-container,
  body.post-name-cosmetic .elementor-element-d95b359 > .elementor-widget-container,
  body.post-name-cosmetic .elementor-element-edf636c > .elementor-widget-container {
    margin-left: 0 !important;
  }

  /* Related Studio Notes blog carousel card typography & metadata on mobile */
  body.postid-5968 .tp-project-2-content,
  body.post-name-cosmetic .tp-project-2-content,
  body[class*="cosmetic"] .tp-project-2-content,
  .pd-visual-slider-blog-content {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  body.postid-5968 .tp-project-2-content span,
  body.post-name-cosmetic .tp-project-2-content span,
  body[class*="cosmetic"] .tp-project-2-content span,
  .pd-visual-slider-meta {
    font-size: 12px !important;
    letter-spacing: 1px !important;
    margin-bottom: 4px !important;
  }

  body.postid-5968 .tp-project-2-title-sm,
  body.post-name-cosmetic .tp-project-2-title-sm,
  body[class*="cosmetic"] .tp-project-2-title-sm,
  .pd-visual-slider-blog-title {
    font-size: 19px !important;
    line-height: 1.3 !important;
    margin-top: 2px !important;
    margin-bottom: 6px !important;
  }

  body.postid-5968 .tp-project-2-content::after,
  body.post-name-cosmetic .tp-project-2-content::after,
  body[class*="cosmetic"] .tp-project-2-content::after,
  .pd-visual-slider-read-more {
    font-size: 13px !important;
    letter-spacing: 0.6px !important;
    margin-top: 2px !important;
  }

  .pd-visual-slider-blog-content {
    padding-top: 12px !important;
    padding-bottom: 6px !important;
  }
}