/* CAT MOON: local OFL script name, lining dates, approved left/right composition.
   Sizes scale from a 540 px design canvas; physical plaque stays 40 × 30 cm. */
@font-face{font-family:"Stoneora Pet Script";src:url("../fonts/great-vibes-regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Stoneora Pet Dates";src:url("../fonts/pet-pure-cormorant-medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}
#so-config[data-model="pet-cat-moon"] [hidden]{display:none!important}
#so-config[data-model="pet-cat-moon"] .sc-stage{background:#dfd1bc url('../pure-backdrop.webp') center/cover no-repeat;min-height:0;padding:32px 24px}
#so-config[data-model="pet-cat-moon"] .sc-monument{max-width:540px;padding:0}
#so-config[data-model="pet-cat-moon"] .sc-plaque{aspect-ratio:4/3;padding:0;min-height:0;border-radius:1px;background:#11110f url('../pure-stone.svg') center/cover;box-shadow:3px 4px 0 #141310,10px 12px 20px #0003}
#so-config[data-model="pet-cat-moon"] .sc-plaque:after{display:none}
#so-config[data-model="pet-cat-moon"] .sc-name{position:absolute;left:48%;top:34%;width:45%;margin:0;transform:translateY(-50%);font-family:"Stoneora Pet Script",cursive;font-weight:400;font-synthesis:none;line-height:1.25!important;letter-spacing:0!important;color:inherit}
#so-config[data-model="pet-cat-moon"] .sc-dates{position:absolute;left:48%;top:73%;width:45%;margin:0;transform:translateY(-50%);font-family:"Stoneora Pet Dates",Georgia,serif;font-weight:500;font-synthesis:none;line-height:1.15;letter-spacing:.01em;font-variant-numeric:lining-nums proportional-nums;font-feature-settings:"lnum" 1,"onum" 0;white-space:nowrap;color:inherit}
#so-config[data-model="pet-cat-moon"] .sc-dates.sc-stack #sc-date-join{display:none}
#so-config[data-model="pet-cat-moon"] .sc-dates.sc-stack #sc-birth-preview,#so-config[data-model="pet-cat-moon"] .sc-dates.sc-stack #sc-death-preview{width:max-content;margin-inline:auto}
#so-config[data-model="pet-cat-moon"] .sc-cat-moon-motif{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:inherit}
@media(max-width:520px){#so-config[data-model="pet-cat-moon"] .sc-stage{padding:22px 12px}}

/* Keep mobile typography proportional and use the available product width. */
#so-config[data-model="pet-cat-moon"]{-webkit-text-size-adjust:100%;text-size-adjust:100%}
#so-config[data-model="pet-cat-moon"] .sc-text{display:none!important}
#so-config[data-model="pet-cat-moon"] .sc-grid>div{min-width:0}
@media(max-width:760px){
 #so-config[data-model="pet-cat-moon"]{padding:24px 12px}
 #so-config[data-model="pet-cat-moon"] .sc-stage{margin-inline:-12px;width:calc(100% + 24px);padding:20px 10px}
 #so-config[data-model="pet-cat-moon"] .sc-controls input:not([type="range"]):not([type="hidden"]),#so-config[data-model="pet-cat-moon"] .sc-controls select{font-size:16px;min-height:44px}
 #so-config[data-model="pet-cat-moon"] .sc-controls input[type="range"]{min-height:32px}
}

/* Reference-derived engraved artwork replaces the simplified line drawing.
   A separate cached WebP keeps the live HTML and name/date controls lightweight. */
#so-config[data-model="pet-cat-moon"] .sc-plaque::before{
 content:"";position:absolute;left:3.4%;top:8%;width:44%;height:80%;
 background:url('../motifs/pet-cat-moon-engraving.webp') center/contain no-repeat;
 filter:grayscale(1) brightness(.9);pointer-events:none;
}