/* Aery's Sweetery — final desktop cascade.
   This file is intentionally desktop-only and is loaded after the legacy
   preview stylesheets. Mobile remains controlled by the existing mobile CSS. */
@media (min-width: 761px) {
  body.page-home main {
    background: #e8d8fb !important;
  }

  /* Keep the hero artwork proportional and mask only its lower edge. */
  body.page-home main .hero {
    display: block !important;
    width: min(100%, 1024px) !important;
    max-width: 1024px !important;
    height: 380px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #d8c1f3 url("brand/reference-hero-only.webp") center top / 100% auto no-repeat !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  body.page-home main .hero > div {
    display: none !important;
  }

  /* The textless cloud is the background; the live copy sits inside it. */
  body.page-home main .about-section {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1024 / 313 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: none !important;
  }
  body.page-home main .about-section::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 52% !important;
    height: 100% !important;
    background: url("brand/reference-family-textless.webp") center / 100% 100% no-repeat !important;
    z-index: 0 !important;
  }
  body.page-home main .about-section::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 0 0 auto !important;
    width: 48% !important;
    height: 100% !important;
    background: url("brand/reference-family-layout.webp") right center / 200% 100% no-repeat !important;
    z-index: 0 !important;
  }
  body.page-home main .about-section > div.reference-family-copy {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    left: 1% !important;
    top: 13% !important;
    width: 45% !important;
    height: auto !important;
    z-index: 4 !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  body.page-home main .reference-family-copy > .eyebrow,
  body.page-home main .reference-family-copy > p {
    visibility: visible !important;
    opacity: 1 !important;
    width: 82% !important;
    max-width: 430px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    font-family: "Segoe Print", "Comic Sans MS", cursive !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: 0 !important;
    color: #5b159d !important;
  }
  body.page-home main .reference-family-copy > .eyebrow {
    font-size: clamp(1.55rem, 2.15vw, 2.25rem) !important;
    line-height: 1.06 !important;
    margin-top: 0 !important;
    margin-bottom: .35em !important;
  }
  body.page-home main .reference-family-copy > p {
    font-size: clamp(1.18rem, 1.3vw, 1.34rem) !important;
    line-height: 1.32 !important;
    margin-top: 0 !important;
  }
  body.page-home main .reference-family-copy > .about-story-button {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-self: center !important;
    pointer-events: auto !important;
  }

  /* Preserve only the pastry-photo banner. The old purple heart strip was
     the lower portion of reference-life-footer.webp and is not used here. */
  body.page-home main .reference-cta {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    height: 112px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #eadcf8 url("brand/reference-life-banner-clean.webp") center top / 100% 100% no-repeat !important;
    border-radius: 0 !important;
  }
  body.page-home main .reference-cta::before,
  body.page-home main .reference-cta::after {
    content: none !important;
    display: none !important;
  }
  body.page-home main .reference-cta > .footer-banner-copy {
    display: none !important;
  }
  body.page-home main .reference-cta > a.cta {
    all: unset !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    right: 150px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    align-items: center !important;
    justify-content: center !important;
    width: 220px !important;
    height: 48px !important;
    box-sizing: border-box !important;
    padding: 0 18px !important;
    border: 2px solid rgba(255, 255, 255, .7) !important;
    border-radius: 999px !important;
    background: #f9e8ff !important;
    color: #5b159d !important;
    font: 700 1.05rem/1 "Segoe Print", "Comic Sans MS", cursive !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;
    box-shadow: 0 2px 8px rgba(58, 29, 88, .18) !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    z-index: 30 !important;
  }

  /* Restore the real footer; the legacy desktop rule hid it. */
  body.page-home footer.footer {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 18px 6vw !important;
    background: #5b2a86 !important;
    color: #fff !important;
    border: 0 !important;
    text-align: center !important;
  }
  body.page-home footer.footer a,
  body.page-home footer.footer strong,
  body.page-home footer.footer small {
    color: #fff !important;
  }

  /* About page: retain the full-width section and its copy, but reduce the
     lower artwork/photo panels to a restrained desktop size. */
  body.page-about main .about-section {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 42vw) !important;
    align-items: center !important;
    width: 100vw !important;
    max-width: none !important;
    min-height: 500px !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 54px 7vw !important;
    overflow: visible !important;
    background: #f5eaff !important;
  }
  body.page-about main .about-section > .about-square-copy {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: auto !important;
    max-width: 620px !important;
  }
  body.page-about main .about-section > .about-photo-stage {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: min(38vw, 480px) !important;
    max-width: 480px !important;
    justify-self: end !important;
    position: relative !important;
  }
  body.page-about main .about-section > .about-photo-stage > .about-juliana {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }
}

/* v22: product additions, image galleries, and final About artwork sizing. */
.product-gallery-modal[hidden]{display:none!important}
.product-gallery-modal{position:fixed!important;inset:0!important;z-index:10000!important;display:grid!important;place-items:center!important;padding:24px!important;background:rgba(43,20,69,.78)!important}
.product-gallery-dialog{position:relative!important;width:min(900px,94vw)!important;max-height:92vh!important;overflow:auto!important;padding:28px!important;border-radius:24px!important;background:#fbf7ff!important;box-shadow:0 24px 80px rgba(27,10,51,.38)!important}
.product-gallery-close{position:absolute!important;right:14px!important;top:10px!important;width:40px!important;height:40px!important;border:0!important;border-radius:50%!important;background:#5b159d!important;color:#fff!important;font-size:28px!important;line-height:1!important;cursor:pointer!important}
.product-gallery-title{padding:0 48px 18px 0!important;color:#5b159d!important;font:700 1.45rem Georgia,serif!important}
.product-gallery-images{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:16px!important}
.product-gallery-images img{display:block!important;width:100%!important;max-height:62vh!important;object-fit:contain!important;border-radius:16px!important;background:#eadcf8!important}
#grid .photo img{cursor:zoom-in!important}
.page-home .treats-section .category-tile:nth-child(2) span:after{content:none!important;display:none!important}

@media (min-width:761px){
  /* The full-width About canvas stays full width, while its lower artwork and
     photo holder are deliberately compact so the copy remains the focus. */
  body.page-about main .about-section{
    height:280px!important;min-height:0!important;box-sizing:border-box!important;
    grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;
    padding:28px 7vw!important;overflow:hidden!important;
  }
  body.page-about main .about-section>.about-photo-stage{
    width:min(32vw,340px)!important;height:210px!important;max-width:340px!important;
    justify-self:end!important;position:relative!important;overflow:hidden!important;
  }
  body.page-about main .about-section>.about-photo-stage>.about-juliana{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    max-width:none!important;margin:0!important;object-fit:cover!important;object-position:center 32%!important;
    border-radius:0!important;z-index:1!important;
  }
  body.page-about main .about-section>.about-photo-stage>.about-chinchilla{
    display:block!important;position:absolute!important;right:4%!important;bottom:3%!important;
    width:34%!important;height:auto!important;max-width:none!important;z-index:2!important;
  }
  body.page-home main .about-section>img.about-juliana{
    left:52%!important;top:0!important;width:48%!important;height:100%!important;
    max-width:none!important;transform:none!important;object-fit:cover!important;object-position:center 32%!important;
    border-radius:0!important;z-index:2!important;
  }
  body.page-home main .about-section>img.about-chinchilla{
    display:block!important;position:absolute!important;left:79%!important;top:53%!important;
    width:16%!important;height:auto!important;max-width:none!important;z-index:5!important;
  }
}

@media (max-width:760px){
  .product-gallery-dialog{padding:22px 16px!important}
  .product-gallery-images{grid-template-columns:1fr!important}
  body.page-about main .about-photo-stage{
    position:relative!important;width:100%!important;height:260px!important;overflow:hidden!important;
  }
  body.page-about main .about-photo-stage>.about-juliana{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    max-width:none!important;margin:0!important;object-fit:cover!important;object-position:center 30%!important;
    border-radius:0!important;z-index:1!important;
  }
  body.page-about main .about-photo-stage>.about-chinchilla{
    display:block!important;position:absolute!important;right:5%!important;bottom:3%!important;
    width:30%!important;height:auto!important;z-index:2!important;
  }
  body.page-home main .about-section>img.about-juliana{
    left:0!important;top:61.13vw!important;width:100%!important;height:62.07vw!important;
    max-width:none!important;transform:none!important;object-fit:cover!important;object-position:center 32%!important;
    border-radius:0!important;z-index:3!important;
  }
  body.page-home main .about-section>img.about-chinchilla{
    display:block!important;position:absolute!important;left:auto!important;right:7%!important;
    top:82vw!important;width:24vw!important;height:auto!important;max-width:none!important;z-index:5!important;
  }
}

/* v23: uncropped category art, grouped photo galleries, and final artwork fit. */
.category-tile,
.category-tile img{
  background:#f5eaff!important;
}
.category-tile img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center!important;
}
.treats-photo-groups{width:100%!important;max-width:none!important;padding-left:clamp(28px,4vw,72px)!important;padding-right:clamp(28px,4vw,72px)!important}
.treats-photo-group-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:clamp(14px,1.5vw,28px)!important}
.treats-photo-group{display:flex!important;flex-direction:column!important;gap:10px!important;padding:0!important;border:0!important;border-radius:20px!important;background:#f5eaff!important;color:#5b159d!important;font:700 1rem/1.15 Georgia,serif!important;cursor:pointer!important;text-align:center!important;overflow:hidden!important;box-shadow:0 8px 18px rgba(65,25,107,.1)!important}
.treats-photo-group img{display:block!important;width:100%!important;height:260px!important;object-fit:contain!important;background:#eadcf8!important}
.treats-photo-group span{display:block!important;padding:0 12px 15px!important}
.product-image-lightbox[hidden]{display:none!important}
.product-image-lightbox{position:fixed!important;inset:0!important;z-index:11000!important;display:grid!important;place-items:center!important;padding:24px!important;background:rgba(28,12,45,.9)!important}
.product-image-lightbox img{display:block!important;max-width:94vw!important;max-height:92vh!important;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:12px!important}
.product-image-lightbox-close{position:absolute!important;right:max(18px,env(safe-area-inset-right))!important;top:max(14px,env(safe-area-inset-top))!important;z-index:2!important;display:grid!important;place-items:center!important;width:48px!important;height:48px!important;padding:0!important;border:2px solid #5b159d!important;border-radius:50%!important;background:#fff!important;color:#5b159d!important;font:900 32px/1 Arial,sans-serif!important;cursor:pointer!important;box-shadow:0 3px 14px rgba(0,0,0,.35)!important}

/* The supplied banner is already proportioned for this hero; keep it intact
   instead of cropping or stretching the old split artwork. */
body.page-home main .hero{
  background-image:url("brand/reference-hero-aery.webp")!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:cover!important;
}

@media(min-width:761px){
  body.page-home main .hero{height:auto!important;aspect-ratio:851/315!important;min-height:0!important}
  body.page-about main .about-section{
    height:230px!important;min-height:0!important;padding:20px 7vw!important;
    grid-template-columns:minmax(0,1fr) minmax(260px,300px)!important;
  }
  body.page-about main .about-section>.about-photo-stage{
    width:min(27vw,280px)!important;height:170px!important;max-width:280px!important;
  }
  body.page-about main .about-section>.about-photo-stage>.about-juliana{
    inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;
  }
  body.page-about main .about-section>.about-photo-stage>.about-chinchilla{
    right:3%!important;bottom:2%!important;width:32%!important;
  }
}

/* v34: Contact keeps its centered content, but uses the same wide header
   artwork band and lavender side fill as the other pages. */
@media(min-width:761px){
  body.page-contact main .shared-home-artwork{
    width:100%!important;
    max-width:none!important;
    height:315px!important;
    margin:0 0 20px!important;
    background:#d8c1f3!important;
  }
  body.page-contact main .shared-home-artwork img{
    width:min(1024px,100%)!important;
    max-width:1024px!important;
    margin:0 auto!important;
    background:#d8c1f3!important;
  }
  body.page-contact main .contact-section,
  body.page-contact main .contact-card{
    width:min(1136px,calc(100% - 32px))!important;
    max-width:1136px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* v37: actual last desktop cascade for all page headers and artwork bands. */
@media(min-width:761px){
  body.page-home header .nav,body.page-our-treats header .nav,body.page-about header .nav,body.page-gallery header .nav,body.page-events header .nav,body.page-contact header .nav,body.page-cart header .nav{width:100%!important;max-width:none!important;padding-inline:clamp(24px,4vw,72px)!important}
  body:not(.page-home) main .shared-home-artwork{width:100vw!important;max-width:none!important;height:315px!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;background:#d8c1f3!important}
  body:not(.page-home) main .shared-home-artwork img{display:block!important;width:min(1024px,100%)!important;max-width:1024px!important;height:100%!important;margin-left:auto!important;margin-right:auto!important;object-fit:contain!important;background:#d8c1f3!important}
}

/* v35: every secondary-page hero uses the full-width homepage band. */
@media(min-width:761px){
  body:not(.page-home) main .shared-home-artwork{
    width:100vw!important;
    max-width:none!important;
    height:315px!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    background:#d8c1f3!important;
  }
  body:not(.page-home) main .shared-home-artwork img{
    width:min(1024px,100%)!important;
    max-width:1024px!important;
    height:100%!important;
    margin:0 auto!important;
    object-fit:contain!important;
    background:#d8c1f3!important;
  }

  /* Remove all legacy About-page background artwork while preserving the
     centered supplied Juliana/chinchilla image at its existing size. */
  body.page-about main .about-section,
  body.page-about main .about-section::before,
  body.page-about main .about-section::after,
  body.page-about main .about-photo-stage{
    background-image:none!important;
  }
  body.page-about main .about-section::before,
  body.page-about main .about-section::after{
    display:none!important;
    content:none!important;
  }
  body.page-about main .about-section>.about-photo-stage{
    justify-self:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Give product photos more vertical room after compacting the cards. */
  body.page-our-treats main #shop .card .photo,
  body.page-our-treats main #cookie-grid .card .photo{
    height:230px!important;
    max-height:230px!important;
    min-height:230px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
  }
  body.page-our-treats main #shop .card .photo img,
  body.page-our-treats main #cookie-grid .card .photo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  body.page-our-treats main #shop .card:has(img[src*="dubai-chocolate-loaf"]) .photo img{
    transform:rotate(90deg)!important;
  }

  /* Pre-orders, Featured Treats, category panels, and the real menu share
     the same outer width and margins. */
  body.page-our-treats main #treats-page-categories,
  body.page-our-treats main .ordering-banner,
  body.page-our-treats main .treats-photo-groups,
  body.page-our-treats main .treats-category-section,
  body.page-our-treats main .treats-cake-samples,
  body.page-our-treats main #shop{
    width:min(1240px,calc(100% - 32px))!important;
    max-width:1240px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.page-contact header .nav{
    width:100%!important;
    max-width:none!important;
    padding-inline:clamp(24px,4vw,72px)!important;
  }
}

/* v36: final cascade winner for consistent desktop header/artwork width. */
@media(min-width:761px){
  body.page-home header .nav,
  body.page-our-treats header .nav,
  body.page-about header .nav,
  body.page-gallery header .nav,
  body.page-events header .nav,
  body.page-contact header .nav,
  body.page-cart header .nav{
    width:100%!important;
    max-width:none!important;
    padding-inline:clamp(24px,4vw,72px)!important;
  }
  body:not(.page-home) main .shared-home-artwork{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    background:#d8c1f3!important;
  }
  body:not(.page-home) main .shared-home-artwork img{
    width:min(1024px,100%)!important;
    max-width:1024px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    background:#d8c1f3!important;
  }
}

/* v33: final desktop corrections. These rules intentionally come last so
   they override the older layout-refresh background and full-width rules. */
@media(min-width:761px){
  /* Match the homepage's lavender surround on every shared hero artwork. */
  body:not(.page-home) main .shared-home-artwork,
  body.page-home main .hero{
    background-color:#d8c1f3!important;
  }
  body:not(.page-home) main .shared-home-artwork{
    width:min(1024px,calc(100% - 32px))!important;
    max-width:1024px!important;
    height:315px!important;
    min-height:315px!important;
    margin:0 auto 20px!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:0!important;
  }
  body:not(.page-home) main .shared-home-artwork img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#d8c1f3!important;
  }

  /* Remove the legacy illustrated About background at every possible level. */
  body.page-about,
  body.page-about main,
  body.page-about main .about-section,
  body.page-about main .about-section::before,
  body.page-about main .about-section::after{
    background-image:none!important;
  }
  body.page-about main .about-section{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(420px,560px)!important;
    width:min(100%,1136px)!important;
    height:310px!important;
    min-height:310px!important;
    margin:18px auto 28px!important;
    padding:22px 30px!important;
    background:#f5eaff!important;
    overflow:hidden!important;
  }
  body.page-about main .about-section>.about-photo-stage{
    width:min(52vw,520px)!important;
    height:266px!important;
    margin:0 auto!important;
    justify-self:center!important;
    align-self:center!important;
    background:#f5eaff!important;
  }
  body.page-about main .about-section>.about-photo-stage>.about-juliana{
    display:block!important;
    visibility:visible!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    transform:none!important;
    border-radius:0!important;
  }

  /* Treats panels share one compact desktop canvas. */
  body.page-our-treats main .treats-category-section,
  body.page-our-treats main .treats-cake-samples,
  body.page-our-treats main #shop,
  body.page-our-treats main .ordering-banner,
  body.page-our-treats main .treats-photo-groups{
    width:min(1240px,calc(100% - 32px))!important;
    max-width:1240px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  body.page-our-treats main .treats-category-section,
  body.page-our-treats main .treats-cake-samples{
    margin-bottom:22px!important;
    padding:22px 26px!important;
    border-radius:22px!important;
  }
  body.page-our-treats main #shop{
    margin-top:0!important;
    margin-bottom:22px!important;
    padding:20px 26px!important;
    border-radius:22px!important;
    background:#f5eaff!important;
  }
  body.page-our-treats main .ordering-banner,
  body.page-our-treats main .treats-photo-groups{
    padding:22px 26px!important;
    border-radius:22px!important;
    margin-bottom:22px!important;
  }
  body.page-our-treats main .treats-category-section #shop{
    width:100%!important;
    max-width:none!important;
    margin:14px 0 0!important;
    padding:0!important;
    background:transparent!important;
  }
  body.page-our-treats main #shop .grid,
  body.page-our-treats main #cookie-grid{
    gap:14px!important;
  }
  body.page-our-treats main #shop .card,
  body.page-our-treats main #cookie-grid .card{
    border-radius:16px!important;
  }
  body.page-our-treats main #shop .card .photo,
  body.page-our-treats main #cookie-grid .card .photo{
    max-height:170px!important;
  }
  body.page-our-treats main #shop .card .info,
  body.page-our-treats main #cookie-grid .card .info{
    padding:13px!important;
  }
  body.page-our-treats main #shop .card h3,
  body.page-our-treats main #cookie-grid .card h3{
    font-size:1.15rem!important;
  }
  body.page-our-treats main #shop .card p,
  body.page-our-treats main #cookie-grid .card p{
    font-size:.84rem!important;
    margin-bottom:12px!important;
  }
  body.page-our-treats main #shop .card .add,
  body.page-our-treats main #cookie-grid .card .add{
    padding:8px 11px!important;
    font-size:.84rem!important;
  }
}

/* v32: compact, consistently sized Treats panels and shared homepage art. */
.shared-home-artwork{
  width:min(1024px,calc(100% - 32px))!important;
  aspect-ratio:851/315!important;
  margin:0 auto 22px!important;
  overflow:hidden!important;
  background:#d8c1f3!important;
  border-radius:0!important;
}
.shared-home-artwork img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center top!important;background:#d8c1f3!important}
.page-our-treats .category-subhead{width:min(1240px,calc(100% - 32px))!important;margin:0 auto 14px!important}
.page-our-treats .category-subhead h3{margin:0!important;color:#5b159d!important;font:700 clamp(1.6rem,3vw,2.35rem) Georgia,serif!important}
.page-our-treats .category-subhead p{margin:4px 0 0!important;color:#68527a!important}
.page-our-treats .treats-category-section,
.page-our-treats .treats-cake-samples{
  width:min(1240px,calc(100% - 32px))!important;
  max-width:1240px!important;
  margin:0 auto 22px!important;
  padding:22px 26px!important;
  border-radius:22px!important;
  box-sizing:border-box!important;
}
.page-our-treats .treats-category-section #shop{width:100%!important;max-width:none!important;margin:14px 0 0!important;padding:0!important}
.page-our-treats .treats-category-section .grid{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.page-our-treats .treats-category-section .section-head{margin-bottom:14px!important}
.page-our-treats .treats-category-section .section-head h2{font-size:clamp(1.8rem,3vw,2.45rem)!important}
.page-our-treats .treats-cake-samples .custom-cake-grid{width:100%!important}
.page-about main .about-section{background:#f5eaff!important;background-image:none!important}
.page-about main .about-section::before,.page-about main .about-section::after{display:none!important;content:none!important;background:none!important}
.page-about main .about-section{grid-template-columns:minmax(0,1fr) minmax(380px,520px)!important;height:310px!important;min-height:310px!important}
.page-about main .about-section>.about-photo-stage{width:min(52vw,500px)!important;height:260px!important;justify-self:center!important;align-self:center!important}
body.page-home main .about-section::after{display:none!important;background:none!important}
body.page-home main .about-section>img.about-juliana{left:48%!important;width:52%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:#fff!important}

@media(max-width:760px){
  .shared-home-artwork{width:calc(100% - 32px)!important;margin:0 16px 18px!important}
  .page-our-treats .category-subhead{width:calc(100% - 32px)!important}
  .page-our-treats .treats-category-section,
  .page-our-treats .treats-cake-samples{width:calc(100% - 32px)!important;margin-left:16px!important;margin-right:16px!important;padding:18px!important}
  .page-our-treats .treats-category-section #shop{width:100%!important;padding:0!important}
  .page-our-treats .treats-category-section .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-about main .about-section{height:auto!important;min-height:0!important;grid-template-columns:1fr!important}
  .page-about main .about-section>.about-photo-stage{width:100%!important;height:230px!important;justify-self:center!important}
  body.page-home main .about-section>img.about-juliana{left:0!important;width:100%!important;object-fit:contain!important}
}

@media(max-width:760px){
  .treats-photo-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .treats-photo-group img{height:190px!important}
  body.page-home main .hero{
    height:auto!important;min-height:0!important;aspect-ratio:851/315!important;
    background-size:cover!important;
  }
  body.page-home main .hero:before,
  body.page-home main .hero:after{display:none!important;content:none!important}
  body.page-about main .about-photo-stage{height:210px!important}
}

/* v29: category structure and shared featured image strip. */
.page-home .treats-section .category-tile span{
  font-size:1rem!important;
  white-space:nowrap!important;
}
.page-home .treats-section .category-tile span:after{content:none!important;display:none!important}
.treats-page-categories .category-gallery{order:0!important}
.treats-page-categories .category-tile img{object-fit:contain!important;background:#f5eaff!important}
.treats-category-section,
.treats-cake-samples,
.page-our-treats #shop{
  width:min(100%,1136px)!important;
  max-width:1136px!important;
  box-sizing:border-box!important;
  margin:0 auto 28px!important;
  padding:28px 30px!important;
  border-radius:28px!important;
  background:#f5eaff!important;
}
.treats-category-section .category-section-heading h2,
.treats-cake-samples h2{margin:0 0 8px!important;color:#5b159d!important;font:700 2.2rem Georgia,serif!important}
.treats-category-section .category-section-heading p,
.treats-cake-samples>p{margin:0 0 18px!important;color:#68527a!important;line-height:1.55!important}
.page-our-treats #shop{margin-top:18px!important;margin-bottom:0!important;padding:0!important;background:transparent!important}
.page-our-treats #shop .section-head{margin-bottom:18px!important}
.page-our-treats #shop .filters{margin-bottom:18px!important}
.page-our-treats #shop .grid{margin:0!important}
.page-our-treats #cookie-grid{margin:0!important}
.page-our-treats .treats-photo-groups{width:min(100%,1136px)!important;max-width:1136px!important;margin:0 auto 28px!important;padding-left:30px!important;padding-right:30px!important;box-sizing:border-box!important}
.page-our-treats .treats-photo-group-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.page-our-treats .treats-photo-group img{height:220px!important}
.page-our-treats .cake-rotator,
.page-about .cake-rotator,
.page-gallery .cake-rotator,
.page-contact .cake-rotator,
.page-cart .cake-rotator,
.page-events .cake-rotator{width:min(100%,1136px)!important;max-width:1136px!important;margin:0 auto 20px!important}
body.page-about main .about-photo-stage>.about-juliana{object-fit:cover!important;width:100%!important;height:100%!important}
body.page-about main .about-photo-stage>.about-chinchilla{object-fit:contain!important;object-position:right bottom!important}

@media(max-width:760px){
  .treats-category-section,
  .treats-cake-samples,
  .page-our-treats #shop{width:calc(100% - 32px)!important;padding:22px 18px!important;margin-left:16px!important;margin-right:16px!important}
  .page-our-treats #shop{padding:0!important;width:calc(100% - 32px)!important}
  .page-our-treats .treats-photo-groups{width:calc(100% - 32px)!important;padding-left:18px!important;padding-right:18px!important}
  .page-our-treats .treats-photo-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-our-treats .treats-photo-group img{height:190px!important}
}

/* v30: use the supplied Juliana/chinchilla composition as one complete
   artwork. This intentionally overrides every legacy split-background rule. */
.about-section .about-chinchilla{display:none!important}
.about-section .about-juliana{
  content:url("brand/juliana-chinchilla-final.webp")!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#f5eaff!important;
}
body.page-home main .about-section::after{display:none!important;content:none!important;background:none!important}
body.page-home main .about-section>img.about-chinchilla{display:none!important}
body.page-home main .about-section>img.about-juliana{
  display:block!important;
  left:52%!important;
  top:0!important;
  width:48%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  transform:none!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:0!important;
  z-index:3!important;
}
body.page-about main .about-photo-stage{
  background:#f5eaff!important;
}
body.page-about main .about-photo-stage>.about-juliana{
  content:url("brand/juliana-chinchilla-final.webp")!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  border-radius:0!important;
  z-index:3!important;
}

@media(max-width:760px){
  body.page-home main .about-section>img.about-juliana{
    left:0!important;
    top:61.13vw!important;
    width:100%!important;
    height:62.07vw!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  body.page-about main .about-photo-stage>.about-juliana{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
}

/* Never allow the retired split artwork to show through on secondary pages. */
body:not(.page-home) main .about-section{
  background-color:#f5eaff!important;
  background-image:none!important;
}
body:not(.page-home) main .about-section::before,
body:not(.page-home) main .about-section::after{
  display:none!important;
  content:none!important;
  background:none!important;
}

/* v31: all Treats category panels share the Cakes panel's full-width canvas. */
@media(min-width:761px){
  body.page-our-treats main .treats-category-section,
  body.page-our-treats main .treats-cake-samples{
    width:100vw!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:28px clamp(30px,4vw,68px)!important;
    box-sizing:border-box!important;
  }
  body.page-our-treats main .treats-category-section #shop{
    width:100%!important;
    max-width:none!important;
    margin:18px 0 0!important;
    padding:0!important;
  }
  body.page-our-treats main .treats-category-section .grid{
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* v34: Contact keeps its centered content, but uses the same wide header
   artwork band and lavender side fill as the other pages. */
@media(min-width:761px){
  body.page-contact main .shared-home-artwork{
    width:100%!important;
    max-width:none!important;
    height:315px!important;
    margin:0 0 20px!important;
    background:#d8c1f3!important;
  }
  body.page-contact main .shared-home-artwork img{
    width:min(1024px,100%)!important;
    max-width:1024px!important;
    margin:0 auto!important;
    background:#d8c1f3!important;
  }
  body.page-contact main .contact-section,
  body.page-contact main .contact-card{
    width:min(1136px,calc(100% - 32px))!important;
    max-width:1136px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* v38: definitive final desktop cascade for every page. */
@media(min-width:761px){
  body.page-home header .nav,body.page-our-treats header .nav,body.page-about header .nav,body.page-gallery header .nav,body.page-events header .nav,body.page-contact header .nav,body.page-cart header .nav{width:100%!important;max-width:none!important;padding-inline:clamp(24px,4vw,72px)!important}
  body:not(.page-home) main .shared-home-artwork{width:100vw!important;max-width:none!important;height:315px!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;background:#d8c1f3!important}
  body:not(.page-home) main .shared-home-artwork img{display:block!important;width:min(1024px,100%)!important;max-width:1024px!important;height:100%!important;margin:0 auto!important;object-fit:contain!important;background:#d8c1f3!important}
}

/* v229: give the homepage family artwork a deliberate desktop separation.
   Keep the cloud/story panel left, scale the Juliana panel down, and leave
   a clean lavender gap between the two panels. Mobile keeps its approved
   stacked composition. */
@media(min-width:761px){
  body.page-home main .about-section::before{
    display:block!important;
    left:0!important;right:auto!important;
    width:47%!important;height:100%!important;
    background:url('brand/reference-family-textless.webp') center/100% 100% no-repeat!important;
  }
  body.page-home main .about-section>div.reference-family-copy{
    left:0!important;width:44%!important;
  }
  body.page-home main .about-section>img.about-juliana{
    left:56%!important;width:38%!important;height:92%!important;top:4%!important;
    object-fit:contain!important;object-position:center!important;
    background:#f5eaff!important;
  }
}

/* v232: make Juliana's photo a full-bleed artwork layer, not a rounded box. */
@media(min-width:761px){
  body.page-home main .about-section>img.about-juliana{
    left:49%!important;top:0!important;width:38%!important;height:100%!important;
    object-fit:cover!important;object-position:center!important;
    background:transparent!important;border-radius:0!important;
    transform:scale(1.08)!important;
  }
}

/* v235: use the complete right-side composite at a larger, uncropped size. */
@media(min-width:761px){
  body.page-home main .about-section>div.reference-family-copy{
    left:-21%!important;width:58%!important;
  }
  body.page-home main .about-section>img.about-juliana{
    left:auto!important;right:0!important;width:50%!important;height:100%!important;
    top:0!important;object-fit:contain!important;object-position:center right!important;
    background:transparent!important;border-radius:0!important;transform:none!important;
  }
}

/* v234: preserve the complete Juliana composite, including its right-side
   “Good Things Are Baked Here” artwork, while keeping it right-aligned. */
@media(min-width:761px){
  body.page-home main .about-section>img.about-juliana{
    left:auto!important;right:0!important;width:40%!important;height:100%!important;
    top:0!important;object-fit:contain!important;object-position:center!important;
    background:transparent!important;border-radius:0!important;transform:none!important;
  }
}

/* v233: center the story copy in the cloud and right-align Juliana's layer. */
@media(min-width:761px){
  body.page-home main .about-section>div.reference-family-copy{
    left:-14%!important;width:58%!important;
  }
  body.page-home main .about-section>img.about-juliana{
    left:auto!important;right:0!important;width:40%!important;height:100%!important;
    top:0!important;object-fit:cover!important;object-position:center!important;
    background:transparent!important;border-radius:0!important;transform:scale(1.08)!important;
  }
}