/* Mobile presentation fixes. Keep invitation artwork proportions and controls readable. */
.site .tcard img,.site .mk-poster img{height:auto}
.site .mk-poster{width:100%;min-width:0}
.site .mk-tpl{grid-template-columns:minmax(0,1fr)}
.site .mk-tpl>div{min-width:0}
@media(min-width:48rem){.site .mk-tpl{grid-template-columns:minmax(0,22rem) minmax(0,1fr)}}
@media(max-width:56rem){
 .site .nav-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem 1rem;padding-block:.6rem}
 .site .nav-in .links{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:0 1rem;order:initial;min-width:0}
 .site .links a{display:inline-flex;align-items:center;min-height:2.75rem;white-space:nowrap}
 .site .nav-in .acct{width:auto;max-width:100%;margin-left:auto;display:flex;gap:.5rem}
 .site .acct>a{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;line-height:1.2;text-align:center}
 .site .foot nav{flex-wrap:wrap}
}
@media(max-width:30rem){
 .site .nav-in{gap:.25rem .6rem}
 .site .nav-in .acct{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;min-width:0}
 .site .nav-in .acct>a{padding:.7rem .6rem;letter-spacing:.04em;font-size:.65rem}
 .site .links{font-size:.8rem}
 .site .nav-in .links{gap:0 .9rem}
 .site main>section{padding-block:2rem}
 .site .mk-poster{max-width:18rem}
 .site .mk-tpl{gap:1.5rem}
 .site .mk-actions>a{width:100%;min-height:2.75rem;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.3}
}
/* Give every phone-sized template a full card and its own action row. */
@media(max-width:600px){
 .iv-home .iv-design-grid{grid-template-columns:minmax(0,1fr);gap:36px;max-width:410px;margin-inline:auto}
 .iv-home .iv-design-art{height:405px}
 .iv-home .iv-design-meta{display:flex;align-items:start;gap:16px;padding-top:16px}
 .iv-home .iv-design-meta h3{font-size:1.8rem}
 .iv-home .iv-design-meta p{font-size:.875rem}
 .iv-home .iv-select{font-size:.875rem;min-height:44px;flex-shrink:0;padding:8px 0;gap:8px}
 .iv-home .iv-preview-action{bottom:0;font-size:.875rem;min-height:48px;padding:10px 20px}
.iv-home .iv-mini{position:relative;top:28px;margin:auto;width:212px;height:323px;overflow:hidden;box-shadow:0 19px 32px -14px #27201965,0 2px 4px #27201924;transform:rotateX(var(--card-x,3deg)) rotateY(var(--card-y,-7deg)) rotateZ(-3deg);transition:transform .6s cubic-bezier(.2,.7,.3,1);border-radius:2px;text-align:center}
.iv-home .iv-design:nth-child(2n) .iv-mini{transform:rotateX(var(--card-x,3deg)) rotateY(var(--card-y,7deg)) rotateZ(3deg)}
.iv-home .iv-design-art:hover .iv-mini{transform:rotateX(var(--card-x,0deg)) rotateY(var(--card-y,0deg)) rotateZ(0deg) translateY(-5px)}
.iv-home .iv-mini>img{height:100%;width:100%;object-fit:cover}
.iv-home .iv-mini-shade{position:absolute;inset:0;background:linear-gradient(#17201830,#17201810 25%,#14211ca1 70%,#091d1be8)}
.iv-home .iv-mini-garden,.iv-home .iv-mini-lacquer{color:#fff6e5}
.iv-home .iv-mini-garden>img{object-position:50% 30%}
.iv-home .iv-mini-eyebrow{position:absolute;top:26px;left:10px;right:10px;text-align:center;font-size:6px;letter-spacing:.15em;z-index:1}
.iv-home .iv-mini-garden>b,.iv-home .iv-mini-lacquer>b{position:absolute;top:165px;left:0;width:100%;font-family:var(--iv-serif);font-size:28px;line-height:.7;font-weight:400}
.iv-home .iv-mini b i{font-weight:400;font-size:20px;line-height:1.3}
.iv-home .iv-mini-date{position:absolute;bottom:26px;left:0;width:100%;font-size:6px;letter-spacing:.16em;z-index:1}
.iv-home .iv-mini-lacquer{border:4px solid #682029;color:#ffe9b0}
.iv-home .iv-mini-lacquer>img{object-position:50% 50%}
.iv-home .iv-mini-lacquer .iv-mini-shade{background:linear-gradient(#591d3e20,transparent,#510d219c 70%,#3c0612)}
.iv-home .iv-mini-modern{background:#f7f5f0;color:#2c2925;padding:24px 20px}
.iv-home .iv-mini-modern .iv-mini-eyebrow{position:static;font-size:5px;display:block;letter-spacing:.3em}
.iv-home .iv-mini-modern>b{display:block;margin:21px 0 15px;font-family:var(--iv-serif);font-size:35px;line-height:.86;font-weight:400;letter-spacing:-.05em;text-align:left}
.iv-home .iv-mini-modern>b i{font-size:31px}
.iv-home .iv-mini-modern>img{height:137px;filter:grayscale(1);object-position:center 35%}
.iv-home .iv-mini-modern .iv-mini-date{bottom:20px;font-size:5px}
.iv-home .iv-mini-porcelain{background:#f7f8f0;color:#526a53;padding:26px 24px}
.iv-home .iv-mini-porcelain .iv-mini-eyebrow{position:static;display:block;font-size:5px}
.iv-home .iv-mini-porcelain>img{height:148px;width:133px;border-radius:80px 80px 0 0;margin:19px auto 18px;object-position:center 35%;padding:4px;border:1px solid #a2b096}
.iv-home .iv-mini-porcelain>b{font-size:24px;font-family:var(--iv-serif);line-height:1;font-weight:400;display:block}
.iv-home .iv-mini-porcelain b i{font-size:15px}
.iv-home .iv-mini-porcelain .iv-mini-date{bottom:21px;font-size:5px}
.iv-home .iv-mini-save{background:#f5eee4;color:#38271d;padding:30px}
.iv-home .iv-mini-save .iv-mini-eyebrow{font-size:5px;top:29px}
.iv-home .iv-mini-save>b{font-family:var(--iv-serif);font-size:53px;line-height:.74;letter-spacing:-.05em;font-weight:400;display:block;margin-top:48px;text-align:left}
.iv-home .iv-mini-save>b i{font-size:47px;line-height:.9}
.iv-home .iv-save-names{font-family:var(--iv-serif);display:block;font-size:17px;margin-top:22px}
.iv-home .iv-mini-baby{background:#f5eff7;color:#8065a4;padding-top:46px}
.iv-home .iv-mini-baby .iv-mini-eyebrow{font-size:5px;top:27px}
.iv-home .iv-baby-one{font-family:var(--iv-serif);font-size:102px;line-height:1.4;color:#8974ad;display:block;font-style:italic;letter-spacing:-.08em}
.iv-home .iv-mini-baby>b{font-family:var(--iv-serif);display:block;font-weight:500;font-size:25px;line-height:1.1}
.iv-home .iv-baby-name{font-family:var(--iv-serif);font-size:18px;display:block;margin-top:12px}
.iv-home .iv-mini-baby .iv-mini-date{font-size:5px}
}
.iv-home .iv-design-art{height:auto}
.iv-home .iv-preview-action{position:relative;bottom:auto;margin-top:48px;min-height:48px}