/*
  Engraved & Company V8
  MOBILE-ONLY RESPONSIVE CORRECTIONS
  Desktop styles are intentionally untouched.
*/
@media (max-width: 768px) {
  html, body { width: 100%; min-width: 0; overflow-x: hidden; }
  *, *::before, *::after { box-sizing: border-box; }

  /* ---------- Shared mobile header/nav ---------- */
  .about-us, .services, .contact-us, .event-inquiries,
  .custom-project, .feedback-reviews, .template-for,
  .template-for-screen {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 100vh;
    height: auto !important;
    overflow-x: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  /* ---------- HOME ---------- */
  .landing-page-frame,
  .landing-page-frame .landing-page {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 100vh !important;
    height: auto !important;
    overflow-x: hidden !important;
  }

  .landing-page-frame .landing-page {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    position: relative !important;
    padding: 0 16px !important;
  }

  .landing-page-frame .section { display: none !important; }

  .landing-page-frame .engraved-company {
    order: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: min(78vw, 300px) !important;
    height: auto !important;
    margin: 12px auto 0 !important;
    object-fit: contain !important;
  }

  .landing-page-frame .navigation {
    order: 2 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 8px auto 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
  }

  .landing-page-frame .items-4 {
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px 18px !important;
    margin: 0 !important;
  }

  .landing-page-frame .text-wrapper-3 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .landing-page-frame .button {
    margin: 0 !important;
  }

  .landing-page-frame .navigation .rectangle {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 92% !important;
    height: 6px !important;
    margin: 12px auto 0 !important;
  }

  .landing-page-frame .text-wrapper-6 {
    order: 3 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 24px auto 10px !important;
    text-align: center !important;
  }

  .landing-page-frame .page-title {
    order: 4 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  .landing-page-frame .at-engraved-company {
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

  .landing-page-frame .div-wrapper {
    order: 5 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin: 18px auto 0 !important;
  }

  .landing-page-frame .text-wrapper-5 {
    order: 6 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 36px auto 14px !important;
    text-align: center !important;
  }

  .landing-page-frame .slide-show {
    order: 7 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: min(100%, 520px) !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 auto 30px !important;
    overflow: hidden !important;
  }

  .landing-page-frame .slides,
  .landing-page-frame .slide {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .landing-page-frame .slide img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .landing-page-frame .slide .logo-image {
    object-fit: contain !important;
    padding: 12% !important;
  }

  .landing-page-frame .slide .your-signature-scent,
  .landing-page-frame .slide .your-private-events {
    position: absolute !important;
    top: 50% !important;
    left: 5% !important;
    width: 90% !important;
    max-width: 90% !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    text-align: center !important;
  }

  .landing-page-frame .black-arrow,
  .landing-page-frame .right-arrow-wrapper {
    z-index: 20 !important;
  }

  .landing-page-frame .navigation-footer {
    order: 8 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    width: calc(100% + 32px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 30px -16px 0 !important;
  }

  /* ---------- ABOUT US ---------- */
  .about-us {
    padding: 0 16px !important;
  }

  .about-us .engraved-company-3 {
    order: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: min(78vw, 300px) !important;
    height: auto !important;
    margin: 12px auto 0 !important;
    object-fit: contain !important;
  }

  .about-us .navigation-2 {
    order: 2 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    justify-content: center !important;
    margin-top: 8px !important;
  }

  .about-us .items-9 {
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px 18px !important;
  }

  .about-us .text-wrapper-19 { text-align: center !important; }

  .about-us .rectangle-3 {
    order: 3 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 92% !important;
    height: 6px !important;
    margin: 12px auto 20px !important;
  }

  .about-us .copy-2 {
    order: 4 !important;
    display: contents !important;
    position: static !important;
    width: auto !important;
  }

  .about-us .copy-2 .p {
    order: 4 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    text-align: center !important;
  }

  .about-us .image-4 {
    order: 5 !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: min(100%, 520px) !important;
    height: min(118vw, 560px) !important;
    margin: 0 auto 22px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }

  .about-us .copy-2 .paragraph-2 {
    order: 6 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  .about-us .navigation-footer-3 {
    order: 7 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    width: calc(100% + 32px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 44px -16px 0 !important;
  }

  /* ---------- SERVICES LIST ---------- */
  .services {
    padding: 0 16px !important;
  }

  .services .engraved-company-8 {
    order: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: min(78vw, 300px) !important;
    height: auto !important;
    margin: 12px auto 0 !important;
    object-fit: contain !important;
  }

  .services .navigation-7 {
    order: 2 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    justify-content: center !important;
    margin-top: 8px !important;
  }

  .services .items-26 {
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px 18px !important;
  }

  .services .rectangle-8 {
    order: 3 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 92% !important;
    height: 6px !important;
    margin: 12px auto 30px !important;
  }

  .services > [class^="text-wrapper-5"],
  .services > [class^="text-wrapper-6"] {
    display: none !important;
  }

  .services .copy-7, .services .image-7,
  .services .copy-8, .services .image-8,
  .services .copy-9, .services .image-9,
  .services .copy-10, .services .image-10,
  .services .copy-11, .services .image-11 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    height: auto !important;
  }

  .services .copy-7,
  .services .copy-8,
  .services .copy-9,
  .services .copy-10,
  .services .copy-11 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .services .copy-7 { order: 4 !important; }
  .services .image-7 { order: 5 !important; }
  .services .copy-8 { order: 7 !important; }
  .services .image-8 { order: 8 !important; }
  .services .copy-9 { order: 10 !important; }
  .services .image-9 { order: 11 !important; }
  .services .copy-10 { order: 13 !important; }
  .services .image-10 { order: 14 !important; }
  .services .copy-11 { order: 16 !important; }
  .services .image-11 { order: 17 !important; }

  .services .copy-7::before,
  .services .copy-8::before,
  .services .copy-9::before,
  .services .copy-10::before,
  .services .copy-11::before {
    content: none !important;
  }

  .services .product-name,
  .services .product-name-2 {
    order: 1 !important;
    width: 100% !important;
    text-align: left !important;
  }

  .services .subheading {
    order: 2 !important;
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .services .description {
    order: 4 !important;
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    margin-top: 18px !important;
  }

  .services .service-explore-link {
    order: 5 !important;
    margin: 18px auto 0 !important;
  }

  .services .image-7,
  .services .image-8,
  .services .image-9,
  .services .image-10,
  .services .image-11 {
    width: min(100%, 520px) !important;
    height: min(65vw, 360px) !important;
    margin: 14px auto 42px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }

  /* Image must sit between subheading and description. */
  .services .image-7 { order: 3 !important; }
  .services .image-8 { order: 3 !important; }
  .services .image-9 { order: 3 !important; }
  .services .image-10 { order: 3 !important; }
  .services .image-11 { order: 3 !important; }

  .services .copy-7,
  .services .copy-8,
  .services .copy-9,
  .services .copy-10,
  .services .copy-11 {
    display: contents !important;
  }

  .services .copy-7 .product-name,
  .services .copy-8 .product-name-2,
  .services .copy-9 .product-name,
  .services .copy-10 .product-name,
  .services .copy-11 .product-name {
    position: relative !important;
    order: initial !important;
  }

  /* Re-establish each service as a compact flex sequence using parent order. */
  .services .copy-7 .product-name,
  .services .copy-8 .product-name-2,
  .services .copy-9 .product-name,
  .services .copy-10 .product-name,
  .services .copy-11 .product-name { order: 0 !important; }

  .services .copy-7 .subheading,
  .services .copy-8 .subheading,
  .services .copy-9 .subheading,
  .services .copy-10 .subheading,
  .services .copy-11 .subheading { order: 0 !important; }

  .services .copy-7 .description,
  .services .copy-8 .description,
  .services .copy-9 .description,
  .services .copy-10 .description,
  .services .copy-11 .description { order: 0 !important; }

  .services .copy-7 .service-explore-link,
  .services .copy-8 .service-explore-link,
  .services .copy-9 .service-explore-link,
  .services .copy-10 .service-explore-link,
  .services .copy-11 .service-explore-link { order: 0 !important; }

  /* Use CSS grid on the whole services page to guarantee sequence. */
  .services {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: start !important;
  }
  .services .engraved-company-8 { grid-row: 1 !important; }
  .services .navigation-7 { grid-row: 2 !important; }
  .services .rectangle-8 { grid-row: 3 !important; }
  .services .copy-7 { grid-row: 4 !important; }
  .services .image-7 { grid-row: 5 !important; }
  .services .copy-8 { grid-row: 6 !important; }
  .services .image-8 { grid-row: 7 !important; }
  .services .copy-9 { grid-row: 8 !important; }
  .services .image-9 { grid-row: 9 !important; }
  .services .copy-10 { grid-row: 10 !important; }
  .services .image-10 { grid-row: 11 !important; }
  .services .copy-11 { grid-row: 12 !important; }
  .services .image-11 { grid-row: 13 !important; }
  .services .navigation-footer-7 { grid-row: 14 !important; }

  /* Make the copy boxes grid contents so each service reads:
     title / subheader / image / paragraph / explore. */
  .services .copy-7, .services .copy-8, .services .copy-9,
  .services .copy-10, .services .copy-11 {
    display: flex !important;
    flex-direction: column !important;
  }

  .services .copy-7 .product-name,
  .services .copy-8 .product-name-2,
  .services .copy-9 .product-name,
  .services .copy-10 .product-name,
  .services .copy-11 .product-name { order: 1 !important; }

  .services .copy-7 .subheading,
  .services .copy-8 .subheading,
  .services .copy-9 .subheading,
  .services .copy-10 .subheading,
  .services .copy-11 .subheading { order: 2 !important; }

  /* Since the image is a sibling in the source, visually pull it into the
     requested position by using a service block wrapper effect. */
  .services .copy-7 .description,
  .services .copy-8 .description,
  .services .copy-9 .description,
  .services .copy-10 .description,
  .services .copy-11 .description { order: 3 !important; }

  .services .copy-7 .service-explore-link,
  .services .copy-8 .service-explore-link,
  .services .copy-9 .service-explore-link,
  .services .copy-10 .service-explore-link,
  .services .copy-11 .service-explore-link { order: 4 !important; }

  .services .navigation-footer-7 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    width: calc(100% + 32px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 34px -16px 0 !important;
  }

  /* ---------- SERVICE DETAIL PAGES ---------- */
  .service-landing {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 100vh !important;
    overflow-x: hidden !important;
  }

  .service-landing__header {
    width: 100% !important;
    align-items: center !important;
    padding: 12px 16px 0 !important;
  }

  .service-landing__logo {
    width: min(78vw, 300px) !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  .service-landing__nav {
    width: 100% !important;
    justify-content: center !important;
    margin-top: 8px !important;
  }

  .service-landing__nav-items {
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px 18px !important;
  }

  .service-landing__hero {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    margin-top: 20px !important;
  }

  .service-landing__hero-copy {
    display: contents !important;
  }

  .service-landing__hero-copy h1 {
    order: 1 !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
  }

  .service-landing__tagline {
    order: 2 !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    text-align: center !important;
  }

  .service-landing__hero-image {
    order: 3 !important;
    width: min(100%, 520px) !important;
    height: auto !important;
    max-height: 420px !important;
    margin: 18px auto !important;
    object-fit: contain !important;
  }

  .service-landing__intro {
    order: 4 !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
  }

  .service-landing__cta {
    order: 5 !important;
    align-self: center !important;
    margin: 18px auto 0 !important;
  }

  .service-landing__content {
    width: 100% !important;
    margin-top: 28px !important;
  }

  .service-landing__grid {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }

  .service-landing__card {
    width: 100% !important;
  }

  .service-landing__card h2,
  .service-landing__card p,
  .service-landing__card li {
    text-align: center !important;
  }

  .service-landing__footer,
  .service-landing .site-footer {
    width: 100% !important;
    margin-top: 40px !important;
  }

  /* ---------- CONTACT US ---------- */
  .contact-us {
    padding: 0 16px !important;
    display: flex !important;
  }

  .contact-us > .engraved-company-7 {
    order: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: min(78vw, 300px) !important;
    height: auto !important;
    margin: 12px auto 0 !important;
    object-fit: contain !important;
  }

  .contact-us > .navigation-6 {
    order: 2 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    justify-content: center !important;
    margin-top: 8px !important;
  }

  .contact-us .items-25 {
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px 18px !important;
  }

  .contact-us > .rectangle-7 {
    order: 3 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 92% !important;
    height: 6px !important;
    margin: 12px auto 24px !important;
  }

  .contact-us > .article-title {
    order: 4 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 24px !important;
    text-align: center !important;
  }

  .contact-us .article-title .text-wrapper-51,
  .contact-us .article-title .your-doorway-into {
    width: 100% !important;
    text-align: center !important;
  }

  .contact-us > .group-3 { order: 5 !important; }
  .contact-us > .group-2 { order: 6 !important; }
  .contact-us > .group { order: 7 !important; }

  .contact-us > .group-3,
  .contact-us > .group-2,
  .contact-us > .group {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto 36px !important;
    gap: 18px !important;
    align-items: center !important;
  }

  .contact-us .group .image-6,
  .contact-us .group-2 .image-6,
  .contact-us .group-3 .image-6 {
    width: min(100%, 420px) !important;
    height: 240px !important;
    margin: 0 auto !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }

  .contact-us .group p,
  .contact-us .group-2 p,
  .contact-us .group-3 p {
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
  }

  .contact-us > .group-4 {
    order: 10 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 28px auto 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .contact-us > .text-wrapper-56 {
    order: 8 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    margin: 4px auto 12px !important;
    text-align: left !important;
  }

  .contact-us > .cards-2 {
    order: 9 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 24px !important;
    margin: 0 auto !important;
  }

  .contact-us > .cards-2 .card-2,
  .contact-us > .group-4 .card,
  .contact-us > .group-4 .card-2 {
    width: 100% !important;
    max-width: 420px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin: 0 auto !important;
  }

  .contact-us .cards-2 .img-2,
  .contact-us .group-4 .img-2 {
    width: min(100%, 220px) !important;
    height: 160px !important;
    object-fit: contain !important;
  }

  .contact-us .copy-6,
  .contact-us .copy-6 > a {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .contact-us .text-wrapper-55 {
    width: auto !important;
    text-align: center !important;
  }

  .contact-us > .group-4 .text-wrapper-54 {
    width: 100% !important;
    text-align: left !important;
    margin-bottom: 12px !important;
  }

  .contact-us > .group-4 {
    /* Put Shops after Social Media */
    display: contents !important;
  }

  .contact-us > .group-4 .text-wrapper-54 { order: 11 !important; }
  .contact-us > .group-4 .cards { order: 12 !important; }
  .contact-us > .navigation-footer-contact {
    order: 13 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    width: calc(100% + 32px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 44px -16px 0 !important;
  }

  .contact-us > .group-4 .cards {
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 24px !important;
  }

  /* ---------- INQUIRY PAGES ---------- */
  .event-inquiries,
  .custom-project,
  .feedback-reviews {
    padding: 0 16px !important;
  }

  .event-inquiries > .engraved-company-9,
  .custom-project > .engraved-company-2,
  .feedback-reviews > .engraved-company-6 {
    order: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: min(78vw, 300px) !important;
    height: auto !important;
    margin: 12px auto 0 !important;
    object-fit: contain !important;
  }

  .event-inquiries > .navigation-9,
  .custom-project > .items-wrapper,
  .feedback-reviews > .navigation-5 {
    order: 2 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    justify-content: center !important;
    margin-top: 8px !important;
  }

  .event-inquiries .items-34,
  .custom-project .items-5,
  .feedback-reviews .items-21 {
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px 18px !important;
  }

  .event-inquiries > .rectangle-9,
  .custom-project > .rectangle-2,
  .feedback-reviews > .rectangle-6 {
    order: 3 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 92% !important;
    height: 6px !important;
    margin: 12px auto 24px !important;
  }

  .event-inquiries > .copy-18,
  .custom-project > .copy,
  .feedback-reviews > .copy-5 {
    order: 4 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    display: contents !important;
  }

  .event-inquiries .copy-18 .text-wrapper-85,
  .custom-project .copy .text-wrapper-8,
  .feedback-reviews .copy-5 .text-wrapper-40 {
    order: 4 !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    text-align: center !important;
  }

  .event-inquiries .copy-18 .paragraph-6,
  .custom-project .copy .paragraph,
  .feedback-reviews .copy-5 .paragraph-5 {
    order: 6 !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  .event-inquiries > .image-17,
  .custom-project > .image-3,
  .feedback-reviews > .image-5 {
    order: 5 !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: min(100%, 520px) !important;
    height: 300px !important;
    margin: 0 auto 20px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }

  .event-inquiries > .form-3,
  .custom-project > .form,
  .feedback-reviews > .form-2 {
    order: 8 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 700px !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    margin: 0 auto !important;
  }

  .event-inquiries > .heading-3,
  .custom-project > .heading,
  .feedback-reviews > .heading-2 {
    order: 7 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 28px auto 18px !important;
    text-align: left !important;
  }

  .event-inquiries > .navigation-footer-9,
  .custom-project > .navigation-footer-2,
  .feedback-reviews > .navigation-footer-6 {
    order: 9 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    width: calc(100% + 32px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 48px -16px 0 !important;
  }

  /* ---------- THANK-YOU PAGES ---------- */
  .template-for,
  .template-for-screen {
    padding: 0 16px !important;
  }

  .template-for .engraved-company-4,
  .template-for-screen .engraved-company-5 {
    order: 1 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    align-self: center !important;
    width: min(78vw, 300px) !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 12px auto 0 !important;
    object-fit: contain !important;
  }

  .template-for .navigation-3,
  .template-for-screen .navigation-4 {
    order: 2 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    justify-content: center !important;
    margin-top: 8px !important;
  }

  .template-for .items-13,
  .template-for-screen .items-17 {
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px 18px !important;
  }

  .template-for .rectangle-4,
  .template-for-screen .rectangle-5 {
    order: 3 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 92% !important;
    height: 6px !important;
    margin: 12px auto 24px !important;
  }

  .template-for .copy-3,
  .template-for-screen .copy-4 {
    display: contents !important;
  }

  .template-for .copy-3 .text-wrapper-29,
  .template-for-screen .copy-4 .text-wrapper-37 {
    order: 4 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto 18px !important;
    text-align: center !important;
  }

  .template-for .e-c-logo-corrected,
  .template-for-screen .e-c-logo-corrected-2 {
    order: 5 !important;
    position: sticky !important;
    top: 18px !important;
    left: auto !important;
    width: min(100%, 520px) !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    z-index: 0 !important;
  }

  .template-for .copy-3 .paragraph-3,
  .template-for-screen .copy-4 .paragraph-4 {
    order: 6 !important;
    position: relative !important;
    width: min(100%, 520px) !important;
    margin: -70vw auto 0 !important;
    padding: 20px !important;
    text-align: center !important;
    z-index: 2 !important;
  }

  .template-for .copy-3 .text-wrapper-31,
  .template-for-screen .copy-4 .text-wrapper-39 {
    order: 7 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    margin: 40px auto 0 !important;
    text-align: center !important;
  }

  .template-for .button-6,
  .template-for-screen .button-8 {
    order: 8 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: min(100%, 360px) !important;
    margin: 24px auto 60px !important;
  }

  .template-for .navigation-footer-4,
  .template-for-screen .navigation-footer-5 {
    order: 9 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    width: calc(100% + 32px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 20px -16px 0 !important;
  }
}

@media (max-width: 480px) {
  .landing-page-frame .items-4,
  .about-us .items-9,
  .services .items-26,
  .service-landing__nav-items,
  .contact-us .items-25,
  .event-inquiries .items-34,
  .custom-project .items-5,
  .feedback-reviews .items-21,
  .template-for .items-13,
  .template-for-screen .items-17 {
    gap: 8px 12px !important;
  }

  .landing-page-frame .text-wrapper-3,
  .about-us .text-wrapper-19,
  .services .text-wrapper-63,
  .service-landing__nav-items a,
  .contact-us .text-wrapper-52,
  .event-inquiries .text-wrapper-86,
  .custom-project .text-wrapper-9,
  .feedback-reviews .text-wrapper-41,
  .template-for .text-wrapper-24,
  .template-for-screen .text-wrapper-32 {
    font-size: 14px !important;
  }

  .landing-page-frame .slide-show {
    width: 100% !important;
  }

  .contact-us .group .image-6,
  .contact-us .group-2 .image-6,
  .contact-us .group-3 .image-6 {
    height: 210px !important;
  }

  .event-inquiries > .image-17,
  .custom-project > .image-3,
  .feedback-reviews > .image-5 {
    height: 250px !important;
  }
}

@media (max-width: 768px) {
  /* V8 service-page grouping: desktop remains display:contents */
  .services .service-mobile-group {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 42px !important;
    position: relative !important;
  }

  .services .service-mobile-group .copy-7,
  .services .service-mobile-group .copy-8,
  .services .service-mobile-group .copy-9,
  .services .service-mobile-group .copy-10,
  .services .service-mobile-group .copy-11 {
    display: contents !important;
  }

  .services .service-mobile-group .product-name,
  .services .service-mobile-group .product-name-2 {
    order: 1 !important;
    width: 100% !important;
    text-align: left !important;
    margin: 0 !important;
  }

  .services .service-mobile-group .subheading {
    order: 2 !important;
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    margin: 8px 0 0 !important;
  }

  .services .service-mobile-group .image-7,
  .services .service-mobile-group .image-8,
  .services .service-mobile-group .image-9,
  .services .service-mobile-group .image-10,
  .services .service-mobile-group .image-11 {
    order: 3 !important;
    width: min(100%, 520px) !important;
    height: min(65vw, 360px) !important;
    margin: 16px auto !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
  }

  .services .service-mobile-group .description {
    order: 4 !important;
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    margin: 0 !important;
  }

  .services .service-mobile-group .service-explore-link {
    order: 5 !important;
    align-self: center !important;
    margin: 18px auto 0 !important;
  }

  .services .service-mobile-group:nth-of-type(1) { grid-row: 4 !important; }
  .services .service-mobile-group:nth-of-type(2) { grid-row: 5 !important; }
  .services .service-mobile-group:nth-of-type(3) { grid-row: 6 !important; }
  .services .service-mobile-group:nth-of-type(4) { grid-row: 7 !important; }
  .services .service-mobile-group:nth-of-type(5) { grid-row: 8 !important; }

  .services .navigation-footer-7 {
    grid-row: 9 !important;
  }

  /* The five groups are now the complete service sequence. */
  .services .service-mobile-group + .service-mobile-group {
    border-top: 0 !important;
  }
}

@media (max-width: 768px) {
  .service-landing__card h2 { text-align: left !important; }
  .service-landing__card p,
  .service-landing__card li,
  .service-landing__tagline,
  .service-landing__intro { text-align: center !important; }
}

/* =========================================================
   V9 TARGETED MOBILE POLISH
   Built on V8. Desktop rules remain untouched.
   ========================================================= */
@media (max-width: 768px) {
  /* ---------- Shared footer: center every footer element ---------- */
  .site-footer,
  .navigation-footer,
  [class*="navigation-footer-"] {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
  }

  .site-footer-inner {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 28px !important;
    padding: 34px 18px !important;
    text-align: center !important;
  }

  .site-footer-brand,
  .site-footer-column {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    text-align: center !important;
  }

  .site-footer-brand__name,
  .site-footer-brand__text,
  .site-footer-column__title,
  .site-footer-column a {
    width: 100% !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .site-footer-column a {
    display: block !important;
  }

  /* ---------- Shared mobile logo sizing: match About Us reference ---------- */
  .about-us .engraved-company-3,
  .services .engraved-company-8,
  .contact-us .engraved-company-7,
  .event-inquiries > .engraved-company-9,
  .custom-project > .engraved-company-2,
  .feedback-reviews > .engraved-company-6,
  .template-for .engraved-company-4,
  .template-for-screen .engraved-company-5,
  .service-landing__logo {
    width: min(78vw, 300px) !important;
    max-width: 300px !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* ---------- Shared navigation style: match About Us / Services ---------- */
  .about-us .navigation-2,
  .services .navigation-7,
  .contact-us > .navigation-6,
  .event-inquiries > .navigation-9,
  .custom-project > .items-wrapper,
  .feedback-reviews > .navigation-5,
  .template-for .navigation-3,
  .template-for-screen .navigation-4,
  .service-landing__nav {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 8px auto 0 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
  }

  .about-us .items-9,
  .services .items-26,
  .contact-us .items-25,
  .event-inquiries .items-34,
  .custom-project .items-5,
  .feedback-reviews .items-21,
  .template-for .items-13,
  .template-for-screen .items-17,
  .service-landing__nav-items {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px 18px !important;
    margin: 0 auto !important;
  }

  /* Keep the Order button visually consistent with the reference nav. */
  .service-landing__order,
  .services .button-13,
  .contact-us .button-11,
  .event-inquiries button,
  .custom-project button,
  .feedback-reviews button,
  .template-for button,
  .template-for-screen button {
    margin: 0 !important;
  }

  /* ---------- Shared black divider ---------- */
  .about-us .rectangle-3,
  .services .rectangle-8,
  .contact-us > .rectangle-7,
  .event-inquiries > .rectangle-9,
  .custom-project > .rectangle-2,
  .feedback-reviews > .rectangle-6,
  .template-for .rectangle-4,
  .template-for-screen .rectangle-5 {
    width: 92% !important;
    height: 6px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* ---------- HOME ---------- */
  .landing-page-frame .div-wrapper {
    order: 5 !important;
    align-self: center !important;
    margin: 18px auto 0 !important;
  }

  .landing-page-frame .text-wrapper-5 {
    order: 6 !important;
    text-align: center !important;
  }

  .landing-page-frame .slide-show {
    order: 7 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Slide 1: keep the logo centered inside the frame. */
  .landing-page-frame .slide .logo-image {
    top: 50% !important;
    left: 50% !important;
    width: 70% !important;
    height: auto !important;
    max-width: 70% !important;
    max-height: 70% !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: translate(-50%, -50%) !important;
  }

  /* Slides 2 and 3 use the same headline treatment. */
  .landing-page-frame .slide .your-signature-scent,
  .landing-page-frame .slide .your-private-events {
    top: 50% !important;
    left: 5% !important;
    width: 90% !important;
    max-width: 90% !important;
    margin: 0 !important;
    font-family: "Inter", Helvetica, sans-serif !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    font-size: clamp(28px, 7vw, 54px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.5px !important;
    text-align: center !important;
    transform: translateY(-50%) !important;
  }

  /* Center the dot group itself, not just its fieldset box. */
  .landing-page-frame .black-dot {
    left: 50% !important;
    right: auto !important;
    bottom: 16px !important;
    width: 130px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transform: translateX(-50%) !important;
  }

  /* ---------- SERVICES ---------- */
  .services .engraved-company-8 {
    margin-top: 12px !important;
  }

  .services .navigation-7 {
    margin-top: 8px !important;
  }

  .services .service-mobile-group .product-name,
  .services .service-mobile-group .product-name-2 {
    width: 100% !important;
    text-align: center !important;
  }

  .services .service-mobile-group .subheading,
  .services .service-mobile-group .description {
    width: 100% !important;
    text-align: center !important;
  }

  .services .service-mobile-group .service-explore-link {
    align-self: center !important;
  }

  /* ---------- SERVICE DETAIL PAGES ---------- */
  .service-landing {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .service-landing__header {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 12px 16px 0 !important;
    border-bottom: 0 !important;
  }

  .service-landing__header::after {
    content: "" !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 92% !important;
    height: 6px !important;
    margin: 12px auto 0 !important;
    background: #000000 !important;
    z-index: 3 !important;
    flex: 0 0 auto !important;
  }

  .service-landing__logo {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: block !important;
  }

  .service-landing__nav {
    margin-top: 8px !important;
  }

  .service-landing__hero {
    width: 100% !important;
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .service-landing__hero-copy {
    display: contents !important;
  }

  .service-landing__hero-copy h1 {
    order: 3 !important;
    width: calc(100% - 32px) !important;
    margin: 28px auto 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .service-landing__tagline {
    order: 4 !important;
    width: calc(100% - 32px) !important;
    margin: 8px auto 0 !important;
    text-align: center !important;
  }

  .service-landing__hero-image {
    order: 5 !important;
    width: min(calc(100% - 32px), 520px) !important;
    height: auto !important;
    max-height: 420px !important;
    margin: 18px auto 20px !important;
    object-fit: contain !important;
  }

  .service-landing__intro {
    order: 6 !important;
    width: calc(100% - 32px) !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  .service-landing__content {
    order: 7 !important;
    width: calc(100% - 32px) !important;
    margin: 28px auto 0 !important;
    padding: 0 0 20px !important;
  }

  .service-landing__grid {
    width: 100% !important;
    gap: 20px !important;
  }

  .service-landing__card h2,
  .service-landing__card p,
  .service-landing__card li {
    text-align: center !important;
  }

  .service-landing__cta {
    order: 8 !important;
    align-self: center !important;
    margin: 8px auto 24px !important;
  }

  .service-landing .site-footer,
  .service-landing__site-footer {
    order: 9 !important;
    margin-top: 0 !important;
  }

  /* ---------- CONTACT US ---------- */
  .contact-us .article-title .text-wrapper-51 {
    text-align: center !important;
  }

  .contact-us > .group-3,
  .contact-us > .group-2,
  .contact-us > .group {
    align-items: center !important;
    text-align: center !important;
  }

  .contact-us > .group-3 .image-6,
  .contact-us > .group-2 .image-6,
  .contact-us > .group .image-6 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .contact-us > .group-3 .image-6 > div,
  .contact-us > .group-2 .image-6 > div,
  .contact-us > .group .image-6 > div {
    position: static !important;
    width: 90% !important;
    margin: 0 auto !important;
    transform: none !important;
    text-align: center !important;
  }

  .contact-us > .text-wrapper-56,
  .contact-us > .group-4 .text-wrapper-54 {
    text-align: center !important;
  }

  /* Strong centering for the actual social/shop links. */
  .contact-us .copy-6,
  .contact-us .copy-6 > a,
  .contact-us .copy-6 .text-wrapper-55 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .contact-us .copy-6 .text-wrapper-55 {
    width: fit-content !important;
    max-width: none !important;
  }

  /* ---------- INQUIRY PAGES ---------- */
  .event-inquiries .copy-18 .text-wrapper-85,
  .custom-project .copy .text-wrapper-8,
  .feedback-reviews .copy-5 .text-wrapper-40,
  .event-inquiries > .heading-3,
  .custom-project > .heading,
  .feedback-reviews > .heading-2 {
    text-align: center !important;
  }

  /* ---------- THANK-YOU PAGES ---------- */
  .template-for .e-c-logo-corrected,
  .template-for-screen .e-c-logo-corrected-2 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: min(100%, 520px) !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    z-index: 0 !important;
  }

  .template-for .copy-3 .paragraph-3,
  .template-for-screen .copy-4 .paragraph-4 {
    text-align: center !important;
    z-index: 2 !important;
  }

  .template-for .copy-3 .text-wrapper-31,
  .template-for-screen .copy-4 .text-wrapper-39 {
    text-align: center !important;
  }

  .template-for .button-6,
  .template-for-screen .button-8 {
    align-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


@media (max-width: 768px) {
  /* =======================================================
     V9 STRUCTURAL FIXES FOR WRAPPED LOGOS / ORDERING
     The exported markup wraps several logos in anchors. The
     anchor is the flex/grid item, so its order must be set too.
     ======================================================= */

  .landing-page-frame .landing-page > a:has(> .engraved-company) {
    order: 1 !important;
    display: block !important;
    width: fit-content !important;
    margin: 12px auto 0 !important;
  }

  .landing-page-frame .landing-page > .navigation { order: 2 !important; }
  .landing-page-frame .landing-page > .text-wrapper-6 { order: 3 !important; }
  .landing-page-frame .landing-page > .page-title { order: 4 !important; }
  .landing-page-frame .landing-page > a:has(> .div-wrapper) { order: 5 !important; }
  .landing-page-frame .landing-page > .text-wrapper-5 { order: 6 !important; }
  .landing-page-frame .landing-page > .slide-show { order: 7 !important; }
  .landing-page-frame .landing-page > .navigation-footer { order: 8 !important; }

  .landing-page-frame .landing-page > a:has(> .engraved-company) .engraved-company {
    display: block !important;
    width: min(78vw, 300px) !important;
    max-width: 300px !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  .about-us > a:has(> .engraved-company-3),
  .services > a:has(> .engraved-company-8),
  .contact-us > a:has(> .engraved-company-7),
  .event-inquiries > a:has(> .engraved-company-9),
  .custom-project > a:has(> .engraved-company-2),
  .feedback-reviews > a:has(> .engraved-company-6),
  .template-for > a:has(> .engraved-company-4),
  .template-for-screen > a:has(> .engraved-company-5) {
    order: 1 !important;
    display: block !important;
    width: fit-content !important;
    margin: 12px auto 0 !important;
  }

  .about-us > .navigation-2,
  .services > .navigation-7,
  .contact-us > .navigation-6,
  .event-inquiries > .navigation-9,
  .custom-project > .items-wrapper,
  .feedback-reviews > .navigation-5,
  .template-for > .navigation-3,
  .template-for-screen > .navigation-4 {
    order: 2 !important;
  }

  .about-us > .rectangle-3,
  .services > .rectangle-8,
  .contact-us > .rectangle-7,
  .event-inquiries > .rectangle-9,
  .custom-project > .rectangle-2,
  .feedback-reviews > .rectangle-6,
  .template-for > .rectangle-4,
  .template-for-screen > .rectangle-5 {
    order: 3 !important;
  }

  .about-us > a:has(> .engraved-company-3) .engraved-company-3,
  .services > a:has(> .engraved-company-8) .engraved-company-8,
  .contact-us > a:has(> .engraved-company-7) .engraved-company-7,
  .event-inquiries > a:has(> .engraved-company-9) .engraved-company-9,
  .custom-project > a:has(> .engraved-company-2) .engraved-company-2,
  .feedback-reviews > a:has(> .engraved-company-6) .engraved-company-6,
  .template-for > a:has(> .engraved-company-4) .engraved-company-4,
  .template-for-screen > a:has(> .engraved-company-5) .engraved-company-5 {
    display: block !important;
    width: min(78vw, 300px) !important;
    max-width: 300px !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  /* Service-detail logo anchor is inside the header rather than the page root. */
  .service-landing__header > a:has(> .service-landing__logo) {
    order: 1 !important;
    display: block !important;
    width: fit-content !important;
    margin: 0 auto !important;
  }
  .service-landing__header > .service-landing__nav { order: 2 !important; }
  .service-landing__header::after { order: 3 !important; }

  /* =======================================================
     Template pages: use one explicit mobile grid so the
     watermark and message share the same centered visual area.
     ======================================================= */
  .template-for,
  .template-for-screen {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    align-content: start !important;
    justify-items: center !important;
  }

  .template-for > a:has(> .engraved-company-4),
  .template-for-screen > a:has(> .engraved-company-5) { grid-row: 1 !important; }
  .template-for > .navigation-3,
  .template-for-screen > .navigation-4 { grid-row: 2 !important; }
  .template-for > .rectangle-4,
  .template-for-screen > .rectangle-5 { grid-row: 3 !important; }

  .template-for > .copy-3,
  .template-for-screen > .copy-4 {
    display: contents !important;
  }

  .template-for > .copy-3 .text-wrapper-29,
  .template-for-screen > .copy-4 .text-wrapper-37 {
    grid-row: 4 !important;
    width: 100% !important;
    margin: 0 auto 18px !important;
    text-align: center !important;
  }

  .template-for > a:has(> .e-c-logo-corrected),
  .template-for-screen > a:has(> .e-c-logo-corrected-2) {
    grid-row: 5 !important;
    position: relative !important;
    display: block !important;
    width: min(100%, 520px) !important;
    margin: 0 auto !important;
    z-index: 0 !important;
  }

  .template-for > a:has(> .e-c-logo-corrected) .e-c-logo-corrected,
  .template-for-screen > a:has(> .e-c-logo-corrected-2) .e-c-logo-corrected-2 {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  .template-for > .copy-3 .paragraph-3,
  .template-for-screen > .copy-4 .paragraph-4 {
    grid-row: 5 !important;
    align-self: center !important;
    justify-self: center !important;
    width: min(88%, 430px) !important;
    margin: 0 auto !important;
    padding: 20px !important;
    text-align: center !important;
    z-index: 2 !important;
  }

  .template-for > .text-wrapper-31,
  .template-for-screen > .text-wrapper-39 {
    grid-row: 6 !important;
    width: 100% !important;
    margin: 24px auto 0 !important;
    text-align: center !important;
  }

  .template-for > .button-6,
  .template-for-screen > .button-8 {
    grid-row: 7 !important;
    justify-self: center !important;
    margin: 18px auto 44px !important;
  }

  .template-for > .navigation-footer-4,
  .template-for-screen > .navigation-footer-5 {
    grid-row: 8 !important;
    width: 100% !important;
    margin: 0 !important;
  }
}

/* =========================================================
   V10 MOBILE POLISH
   Desktop is intentionally untouched.
   ========================================================= */
@media (max-width: 768px) {
  /* Shared navigation: match the approved About Us mobile treatment. */
  .about-us > .navigation-2,
  .services > .navigation-7,
  .contact-us > .navigation-6,
  .event-inquiries > .navigation-9,
  .custom-project > .items-wrapper,
  .feedback-reviews > .navigation-5,
  .template-for > .navigation-3,
  .template-for-screen > .navigation-4,
  .service-landing__nav {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 8px auto 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    background: #fff !important;
  }

  .about-us .items-9,
  .services .items-26,
  .contact-us .items-25,
  .event-inquiries .items-34,
  .custom-project .items-5,
  .feedback-reviews .items-21,
  .template-for .items-13,
  .template-for-screen .items-17,
  .service-landing__nav-items {
    width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px 18px !important;
  }

  .about-us .text-wrapper-19,
  .services .text-wrapper-63,
  .contact-us .text-wrapper-52,
  .event-inquiries .text-wrapper-86,
  .custom-project .text-wrapper-9,
  .feedback-reviews .text-wrapper-41,
  .template-for .text-wrapper-24,
  .template-for-screen .text-wrapper-32,
  .service-landing__nav a {
    text-align: center !important;
    white-space: nowrap !important;
  }

  /* Center every footer element, including all links. */
  .site-footer,
  .site-footer-inner,
  .site-footer-brand,
  .site-footer-column {
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .site-footer-inner {
    width: 100% !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 28px !important;
    padding: 32px 18px !important;
  }

  .site-footer-brand,
  .site-footer-column {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .site-footer-column a {
    width: fit-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Keep the approved slideshow positioning and center the dots. */
  .landing-page-frame .black-dot {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    justify-content: center !important;
  }

  /* Services list: logo first, nav second, divider third. */
  .services > a:has(> .engraved-company-8) {
    order: 1 !important;
    display: block !important;
    width: fit-content !important;
    margin: 12px auto 0 !important;
  }
  .services > a:has(> .engraved-company-8) .engraved-company-8 {
    display: block !important;
    width: min(78vw, 300px) !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }
  .services > .navigation-7 { order: 2 !important; }
  .services > .rectangle-8 {
    order: 3 !important;
    width: 92% !important;
    height: 6px !important;
    margin: 12px auto 28px !important;
  }

  /* Service detail pages: use the same centered nav treatment. */
  .service-landing__header {
    padding: 12px 16px 0 !important;
    align-items: center !important;
  }
  .service-landing__logo {
    width: min(78vw, 300px) !important;
    height: auto !important;
    margin: 0 auto !important;
  }
  .service-landing__header::after {
    width: 92% !important;
    height: 6px !important;
    margin: 12px auto 0 !important;
  }

  /* CONTACT US: exact requested mobile sequence. */
  .contact-us {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: start !important;
    justify-items: center !important;
    padding: 0 16px !important;
  }

  .contact-us > a:has(> .engraved-company-7) {
    order: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    width: fit-content !important;
    margin: 12px auto 0 !important;
  }
  .contact-us > a:has(> .engraved-company-7) .engraved-company-7 {
    display: block !important;
    width: min(78vw, 300px) !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }
  .contact-us > .navigation-6 { order: 2 !important; grid-row: 2 !important; }
  .contact-us > .rectangle-7 {
    order: 3 !important;
    grid-row: 3 !important;
    width: 92% !important;
    height: 6px !important;
    margin: 12px auto 22px !important;
  }
  .contact-us > .article-title {
    order: 4 !important;
    grid-row: 4 !important;
    width: 100% !important;
    margin: 0 auto 24px !important;
    text-align: center !important;
  }
  .contact-us > .article-title .text-wrapper-51 {
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  .contact-us > .article-title .your-doorway-into {
    text-align: center !important;
    margin: 0 auto !important;
  }

  .contact-us > .group-3 {
    order: 5 !important; grid-row: 5 !important;
    width: 100% !important; margin: 0 auto 32px !important;
  }
  .contact-us > .group-2 {
    order: 6 !important; grid-row: 6 !important;
    width: 100% !important; margin: 0 auto 32px !important;
  }
  .contact-us > .group {
    order: 7 !important; grid-row: 7 !important;
    width: 100% !important; margin: 0 auto 32px !important;
  }

  .contact-us > .group-3 .image-6,
  .contact-us > .group-2 .image-6,
  .contact-us > .group .image-6 {
    width: min(100%, 420px) !important;
    height: 240px !important;
    margin: 0 auto 14px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .contact-us > .group-3 .image-6 > div,
  .contact-us > .group-2 .image-6 > div,
  .contact-us > .group .image-6 > div {
    position: static !important;
    width: 90% !important;
    margin: 0 auto !important;
    transform: none !important;
    text-align: center !important;
  }
  .contact-us > .group-3 p,
  .contact-us > .group-2 p,
  .contact-us > .group p {
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  /* Source order has Shops before Social Media; CSS order makes the visual
     sequence match the requested page flow. */
  .contact-us > .text-wrapper-56 {
    order: 8 !important; grid-row: 8 !important;
    width: 100% !important; margin: 8px auto 14px !important;
    text-align: center !important;
  }
  .contact-us > .cards-2 {
    order: 9 !important; grid-row: 9 !important;
    width: 100% !important; margin: 0 auto 28px !important;
    display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important;
    gap: 24px !important;
  }
  .contact-us > .group-4 .text-wrapper-54 {
    order: 10 !important; grid-row: 10 !important;
    width: 100% !important; margin: 8px auto 14px !important;
    text-align: center !important;
  }
  .contact-us > .group-4 .cards {
    order: 11 !important; grid-row: 11 !important;
    width: 100% !important; margin: 0 auto !important;
    display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important;
    gap: 24px !important;
  }
  .contact-us > .group-4 { display: contents !important; }

  .contact-us > .cards-2 .card-2,
  .contact-us > .group-4 .card,
  .contact-us > .group-4 .card-2 {
    width: 100% !important;
    max-width: 420px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .contact-us > .cards-2 .img-2,
  .contact-us > .group-4 .img-2 {
    width: min(100%, 220px) !important;
    height: 160px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }
  .contact-us > .navigation-footer-contact {
    order: 12 !important; grid-row: 12 !important;
    width: calc(100% + 32px) !important;
    margin: 44px -16px 0 !important;
  }

  /* Inquiry pages: divider under nav; title centered; feedback has no CTA heading. */
  .event-inquiries > .rectangle-9,
  .custom-project > .rectangle-2,
  .feedback-reviews > .rectangle-6 {
    width: 92% !important;
    height: 6px !important;
    margin: 12px auto 24px !important;
  }
  .event-inquiries .copy-18 .text-wrapper-85,
  .custom-project .copy .text-wrapper-8,
  .feedback-reviews .copy-5 .text-wrapper-40 {
    width: 100% !important;
    text-align: center !important;
  }
  .feedback-reviews > .heading-2 { display: none !important; }

  /* THANK-YOU pages: logo -> nav -> divider -> title -> watermark/text -> Thank You -> Home. */
  .template-for,
  .template-for-screen {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: start !important;
    justify-items: center !important;
  }
  .template-for > a:has(> .engraved-company-4),
  .template-for-screen > a:has(> .engraved-company-5) {
    grid-row: 1 !important;
    width: fit-content !important;
    margin: 12px auto 0 !important;
  }
  .template-for > .navigation-3,
  .template-for-screen > .navigation-4 { grid-row: 2 !important; }
  .template-for > .rectangle-4,
  .template-for-screen > .rectangle-5 {
    grid-row: 3 !important;
    width: 92% !important;
    height: 6px !important;
    margin: 12px auto 24px !important;
  }
  .template-for > .copy-3,
  .template-for-screen > .copy-4 { display: contents !important; }
  .template-for > .copy-3 .text-wrapper-29,
  .template-for-screen > .copy-4 .text-wrapper-37 {
    grid-row: 4 !important;
    width: 100% !important;
    margin: 0 auto 18px !important;
    text-align: center !important;
  }
  .template-for > a:has(> .e-c-logo-corrected),
.template-for-screen > a:has(> .e-c-logo-corrected-2) {
  grid-row: 5 !important;

  /*
   * Take the watermark out of the grid's normal positioning.
   * This lets it sit behind the paragraph/Thank You group.
   */
  position: absolute !important;

  top: 455px !important;
  left: 50% !important;
  right: auto !important;

  width: 88vw !important;
  max-width: 380px !important;
  height: 430px !important;

  margin: 0 !important;

  transform: translateX(-50%) !important;

  display: block !important;

  z-index: 1 !important;

  pointer-events: none !important;
}

.template-for .e-c-logo-corrected,
.template-for-screen .e-c-logo-corrected-2 {
  display: block !important;

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

  margin: 0 !important;

  object-fit: contain !important;
  object-position: center center !important;

  opacity: .05 !important;

  pointer-events: none !important;
}
  .template-for > .copy-3 .paragraph-3,
  .template-for-screen > .copy-4 .paragraph-4 {
    grid-row: 5 !important;
    align-self: center !important;
    justify-self: center !important;
    width: min(84%, 430px) !important;
    min-height: 220px !important;
    margin: 0 auto !important;
    padding: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    z-index: 2 !important;
  }
  .template-for > .text-wrapper-31,
  .template-for-screen > .text-wrapper-39 {
    grid-row: 6 !important;
    width: 100% !important;
    margin: 24px auto 0 !important;
    text-align: center !important;
  }
  .template-for > .button-6,
  .template-for-screen > .button-8 {
    grid-row: 7 !important;
    justify-self: center !important;
    margin: 18px auto 44px !important;
  }
  .template-for > .navigation-footer-4,
  .template-for-screen > .navigation-footer-5 {
    grid-row: 8 !important;
    width: 100% !important;
    margin: 0 !important;
  }
}
/* =========================================================
   PRIVATE EVENTS — MOBILE TITLE ONLY
   ONLY affects private-events.html
   Desktop is completely untouched.
   ========================================================= */

@media (max-width: 768px) {

  .private-events-page .service-landing__hero-copy h1 {
    display: block !important;

    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    box-sizing: border-box !important;

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

    margin: 28px 0 0 0 !important;
    padding: 0 16px !important;

    text-align: center !important;

    transform: none !important;
  }

}
/* =========================================================
   ON-SITE RETAIL EVENTS — MOBILE HEADER / NAVIGATION
   Matches the index.html navigation styling/alignment.
   
   Home remains on this non-index page.
   
   Desktop is intentionally untouched.
   ========================================================= */

@media (max-width: 768px) {

  .service-landing > .service-landing__header {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;

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

    z-index: 20 !important;
  }

  .service-landing > .service-landing__header > a {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

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

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

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

    z-index: 21 !important;
  }

  .service-landing > .service-landing__header
  .service-landing__logo {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: block !important;

    width: auto !important;
    max-width: 82% !important;
    height: auto !important;

    margin: 0 auto !important;
  }

  .service-landing > .service-landing__header
  .service-landing__nav {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

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

    background: transparent !important;

    z-index: 20 !important;
  }

  .service-landing > .service-landing__header
  .service-landing__nav-items {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    flex-wrap: wrap !important;

    gap: 10px 18px !important;

    margin: 0 auto !important;
    padding: 0 !important;
  }

  .service-landing > .service-landing__header
  .service-landing__nav-items > a {
    width: auto !important;
    height: auto !important;

    display: flex !important;
    flex: 0 0 auto !important;

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

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

    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .service-landing > .service-landing__header
  .service-landing__nav-items
  .service-landing__order {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
    height: auto !important;

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

    background-color: #000000 !important;
    border-radius: 8px !important;

    color: #ffffff !important;

    white-space: nowrap !important;
  }

  .service-landing > .service-landing__hero {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: 100% !important;

    margin-top: 28px !important;
  }
}

@media (max-width: 480px) {

  .service-landing > .service-landing__header
  .service-landing__nav-items {
    gap: 8px 12px !important;
  }

  .service-landing > .service-landing__header
  .service-landing__nav-items > a {
    font-size: 14px !important;
  }

  .service-landing > .service-landing__header
  .service-landing__nav-items
  .service-landing__order {
    padding: 12px 20px !important;
    font-size: 14px !important;
  }
}
/* =========================================================
   ON-SITE RETAIL EVENTS — MOBILE TITLE ONLY
   Matches the successful Private Events title fix.
   
   ONLY affects on-site-retail-events.html
   Desktop is completely untouched.
   ========================================================= */

@media (max-width: 768px) {

  .on-site-retail-events-page .service-landing__hero-copy h1 {
    display: block !important;

    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    box-sizing: border-box !important;

    align-self: center !important;

    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;

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

    text-align: center !important;

    transform: none !important;
  }

}
/* =========================================================
   CUSTOM PERSONAL CRAFTS — MOBILE TITLE ONLY
   Matches the approved Private Events title treatment.
   ONLY affects custom-personal-crafts.html.
   Desktop is completely untouched.
   ========================================================= */

@media (max-width: 768px) {

  main.custom-personal-crafts-page
  .service-landing__hero-copy h1 {

    display: block !important;

    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    box-sizing: border-box !important;

    width: 100vw !important;
    max-width: 100vw !important;

    margin: 28px 0 0 0 !important;
    padding: 0 !important;

    text-align: center !important;

    transform: none !important;
  }

}
/* =========================================================
   SERVICES MOBILE NAVIGATION — MATCH ABOUT US
   Mobile only. Desktop is untouched.
   ========================================================= */

@media (max-width: 768px) {

  /* Match the About Us navigation container */
  .services > .navigation-7 {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 8px auto 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
  }

  /* Match the About Us navigation items */
  .services .items-26 {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px 18px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* Keep every navigation item on the same horizontal line */
  .services .items-26 > * {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  /* Match About Us text behavior */
  .services .text-wrapper-63 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}

/* Extra protection for small phones.
   services.css currently changes .items-26 to column
   below 480px, so explicitly override that rule. */
@media (max-width: 480px) {

  .services .items-26 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px 12px !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  .services .items-26 > * {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  .services .text-wrapper-63 {
    white-space: nowrap !important;
  }
}