/* PORTRAIT: local OFL script name, lining dates, approved left/right composition.
   Sizes scale from a 540 px design canvas; physical plaque stays 50 × 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-portrait"] [hidden]{display:none!important}
#so-config[data-model="pet-portrait"] .sc-stage{background:#dfd1bc url('../pure-backdrop.webp') center/cover no-repeat;min-height:0;padding:32px 24px}
#so-config[data-model="pet-portrait"] .sc-monument{max-width:540px;padding:0}
#so-config[data-model="pet-portrait"] .sc-plaque{aspect-ratio:5/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-portrait"] .sc-plaque:after{display:none}
#so-config[data-model="pet-portrait"] .sc-name{position:absolute;left:54%;top:43%;width:42%;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-portrait"] .sc-dates{position:absolute;left:54%;top:75%;width:42%;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-portrait"] .sc-dates.sc-stack #sc-date-join{display:none}
#so-config[data-model="pet-portrait"] .sc-dates.sc-stack #sc-birth-preview,#so-config[data-model="pet-portrait"] .sc-dates.sc-stack #sc-death-preview{width:max-content;margin-inline:auto}
#so-config[data-model="pet-portrait"] .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-portrait"] .sc-stage{padding:22px 12px}}

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

/* Customer-uploaded portrait is always a transparent cutout in the left half. */
#so-config[data-model="pet-portrait"] .sc-photo-frame,
#so-config[data-model="pet-portrait"] .sc-photo-frame.sc-landscape{position:absolute;left:3%;right:auto;top:6%;width:49%;height:92%;aspect-ratio:auto;transform:none;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;mix-blend-mode:screen;opacity:.94}
#so-config[data-model="pet-portrait"] .sc-photo-frame .sc-photo{object-fit:contain;object-position:center bottom;filter:grayscale(1) contrast(1.18) brightness(.95)}
#so-config[data-model="pet-portrait"] .sc-plaque:has(.sc-photo-frame:not([hidden])) .sc-name{left:54%;width:42%}
#so-config[data-model="pet-portrait"] .sc-plaque:has(.sc-photo-frame:not([hidden])) .sc-dates{left:54%;width:42%}
/* Neutral empty area, never a stock animal presented as the customer's photograph. */
#so-config[data-model="pet-portrait"] .sc-photo-placeholder{inset:12% 8%;background:transparent;border:1px dashed #8d888166;border-radius:0}
#so-config[data-model="pet-portrait"] .sc-photo-placeholder:after{content:'Vaša fotografia';font:clamp(10px,1.1vw,14px) Arial,sans-serif;color:#bdb8ad;letter-spacing:.04em}
#so-config[data-model="pet-portrait"] .sc-photo-placeholder:before,#so-config[data-model="pet-portrait"] .sc-photo-placeholder span{display:none}
/* A fixed print area needs no orientation choice; contain preserves any uploaded aspect ratio. */
#so-config[data-model="pet-portrait"] label:has(#sc-photo-orientation){display:none}
#so-config[data-model="pet-portrait"] #sc-file{width:100%;max-width:100%;box-sizing:border-box;font-size:14px}
#so-config[data-model="pet-portrait"] .sc-cutout-actions button{min-height:44px;white-space:normal}

/* Two date rows sit below the paw, with the same safe bottom margin on phones. */
#so-config[data-model="pet-portrait"] .sc-dates.sc-stack{top:83%}