/* Compact, readable wedding collection */
#mauthiep .tpl-grid{gap:18px;align-items:stretch}
#mauthiep .tplcard{border-radius:12px;border:1px solid #e9e2d6;box-shadow:0 8px 25px #493c2910;transition:transform .3s,box-shadow .3s}
#mauthiep .tplcard:hover{transform:translateY(-5px);box-shadow:0 15px 35px #493c291c}
.collection-preview{--preview-ink:#765b38;--preview-paper:#fffaf0;--preview-bg:#e9decc;position:relative;padding:27px 21px 19px;background:var(--preview-bg);overflow:hidden;isolation:isolate;aspect-ratio:4/5.1;display:flex;align-items:center;justify-content:center}
.collection-label{position:absolute;right:11px;top:10px;font:600 7px/1.5 "Be Vietnam Pro",sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--preview-ink);z-index:2}
.preview-sheet{width:100%;height:100%;position:relative;background:var(--preview-paper);padding:18px 12px 13px;display:flex;flex-direction:column;align-items:center;color:var(--preview-ink);box-shadow:0 7px 18px #3c302418;border-radius:2px;text-align:center}
.preview-heading{width:100%;flex:none;position:relative;z-index:1;margin-bottom:13px}
.preview-eyebrow{display:block;font:400 5px/1.7 "Be Vietnam Pro",sans-serif;letter-spacing:1.8px;opacity:.75}
.preview-heading strong{display:block;font:400 clamp(21px,1.8vw,29px)/1.5 "Great Vibes",cursive;letter-spacing:0;margin:3px 0 0;white-space:nowrap;text-decoration:none}
.preview-edition{display:block;font:400 5px/1.6 "Be Vietnam Pro",sans-serif;letter-spacing:1.15px;text-transform:uppercase;opacity:.7}
.preview-photo{width:100%;flex:1;min-height:0;overflow:hidden;border-radius:2px;position:relative}
.preview-photo img{width:100%;height:100%;object-fit:cover;object-position:center 38%;display:block;transition:transform .7s}
.tplcard:hover .preview-photo img{transform:scale(1.035)}
.preview-names{flex:none;width:100%;font:400 clamp(13px,1.2vw,19px)/1.5 "Great Vibes",cursive;margin-top:10px;white-space:nowrap}
.preview-names span{font-size:.8em;margin:0 3px}
.preview-note{font:400 5px/1.8 "Be Vietnam Pro",sans-serif;letter-spacing:.5px;margin-top:3px;opacity:.7}
.theme-vintage{--preview-ink:#795e3b;--preview-paper:#fff9ee;--preview-bg:#e7ddcd}.theme-vintage .preview-sheet{outline:1px solid #b49a6c55;outline-offset:-6px}.theme-vintage .preview-photo{border-radius:90px 90px 2px 2px}
.theme-romany{--preview-ink:#e9cc92;--preview-paper:#6a1e2a;--preview-bg:#e9d9d2}.theme-romany .preview-sheet{outline:1px solid #e4c88d50;outline-offset:-6px}.theme-romany .preview-photo{border-radius:80px 80px 0 0}.theme-romany .preview-photo img{object-position:center 28%}
.theme-floral{--preview-ink:#985e61;--preview-paper:#fff8f5;--preview-bg:#edddda}.theme-floral .preview-photo{border-radius:80px 80px 4px 4px}.theme-floral .preview-sheet{border:1px solid #c9909230}
.theme-modern{--preview-ink:#f2e8d1;--preview-paper:#254e46;--preview-bg:#d7e0da}.theme-modern .preview-sheet{padding:18px 12px 13px}.theme-modern .preview-photo{border-radius:80px 80px 0 0}.theme-modern .preview-heading strong{font-family:"Be Vietnam Pro",sans-serif;font-size:16px;letter-spacing:-.6px;line-height:1.8}
.theme-suongxanh{--preview-ink:#3f7163;--preview-paper:#f8fcf6;--preview-bg:#dce9df}.theme-suongxanh .preview-photo{border-radius:100px 100px 3px 3px}.theme-suongxanh .preview-sheet{outline:1px solid #7cae9e50;outline-offset:-6px}
#mauthiep .tplcard .bd{padding:17px 17px 18px;display:flex;flex-direction:column;flex:1}
#mauthiep .tplcard .t{font-family:"Be Vietnam Pro",sans-serif;font-size:14px;font-weight:600;line-height:1.55;color:#463c30;margin:0 0 7px}
#mauthiep .tplcard .ds{font-family:"Be Vietnam Pro",sans-serif;font-size:11px;line-height:1.8;color:#827360;margin:0 0 16px;flex:1}
#mauthiep .tplcard .acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
#mauthiep .tplcard .acts .btn{min-width:0;width:100%;font-family:"Be Vietnam Pro",sans-serif;font-size:10px;padding:10px 4px;min-height:39px;border-radius:7px;white-space:nowrap}
#mauthiep .tplcard .acts .btn:first-child{background:#6d543a;color:#fff;border:1px solid #6d543a}
#mauthiep .tplcard .acts .btn:last-child{background:#fff;color:#6d543a;border:1px solid #c2af95}
@media(min-width:1700px){.preview-heading strong{font-size:29px}}
@media(max-width:1200px){#mauthiep .tpl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-heading strong{font-size:29px}.preview-names{font-size:19px}}
@media(max-width:760px){#mauthiep .tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.collection-preview{padding:26px 14px 16px}.preview-sheet{padding:15px 10px 12px}.preview-heading strong{font-size:26px}.preview-names{font-size:17px}}
@media(max-width:520px){#mauthiep .tpl-grid{grid-template-columns:1fr;max-width:370px;margin-inline:auto;gap:22px}.collection-preview{aspect-ratio:4/4.5;padding:28px 38px 22px}.preview-sheet{padding:18px 16px 14px}.preview-heading strong{font-size:32px}.preview-eyebrow,.preview-edition,.preview-note{font-size:6px}.preview-names{font-size:21px}.collection-label{right:15px;font-size:8px}#mauthiep .tplcard .t{font-size:15px}#mauthiep .tplcard .ds{font-size:12px}#mauthiep .tplcard .acts .btn{font-size:11px;min-height:42px}}
@media(prefers-reduced-motion:reduce){#mauthiep .tplcard,.preview-photo img{transition:none}}
.theme-suongxanh .preview-photo img{object-position:center 18%}.theme-modern .collection-label{color:#365c51}.theme-romany .collection-label{color:#782d3a}

/* Complete catalog: additional thumbnail palettes */
.theme-pearl,.theme-classic,.theme-na01,.theme-na02{--preview-ink:#86683d;--preview-paper:#fff9ed;--preview-bg:#302c24}.theme-pearl .preview-photo,.theme-na01 .preview-photo{border-radius:100px 100px 3px 3px}.theme-na02 .preview-sheet{outline:1px solid #b59a6355;outline-offset:-6px}
.theme-hysac{--preview-ink:#efd9ac;--preview-paper:#6f2330;--preview-bg:#302329}.theme-hysac .preview-photo{border-radius:90px 90px 0 0}.theme-hysac .preview-sheet{outline:1px solid #e3bf7755;outline-offset:-6px}
.theme-vuony,.theme-garden{--preview-ink:#53654c;--preview-paper:#f7f8ed;--preview-bg:#263029}.theme-vuony .preview-photo,.theme-garden .preview-photo{border-radius:90px 90px 3px 3px}
.theme-datiec,.theme-elegant,.theme-cinema{--preview-ink:#e7ca95;--preview-paper:#1a2936;--preview-bg:#20282e}.theme-datiec .preview-sheet,.theme-elegant .preview-sheet{outline:1px solid #c4a77555;outline-offset:-6px}.theme-cinema .preview-photo{border-radius:0}.theme-cinema .preview-sheet{background:#1b1d1f}
.theme-hongtho,.theme-blush,.theme-animated{--preview-ink:#a06570;--preview-paper:#fff4f4;--preview-bg:#30272c}.theme-hongtho .preview-photo,.theme-blush .preview-photo{border-radius:100px 100px 3px 3px}.theme-animated .preview-sheet{outline:1px solid #c98e9b44;outline-offset:-6px}
.theme-watercolor{--preview-ink:#617b92;--preview-paper:#f3f8fb;--preview-bg:#263039}.theme-watercolor .preview-photo{border-radius:80px 80px 2px 2px}.theme-coral{--preview-ink:#a85c43;--preview-paper:#fff3e7;--preview-bg:#352b26}.theme-coral .preview-photo{border-radius:100px 100px 2px 2px}

/* Preserve portrait invitation proportions on wide and 16:9 screens */
#mauthiep .tpl-grid{max-width:1600px;margin-left:auto;margin-right:auto}
.collection-preview{aspect-ratio:4/5.1;height:auto;max-height:none;min-width:0}
.preview-sheet{min-height:0}
@media(max-width:520px){.collection-preview{aspect-ratio:4/5.1}}

/* Shared collection, faithful to the selected portrait card design */
#mauthiep .tpl-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-width:1600px;gap:20px;margin-inline:auto}
#mauthiep .collection-preview{aspect-ratio:4/5.3;height:auto;max-height:none;padding:28px 22px 20px}
#mauthiep .preview-sheet{height:100%;min-height:0;padding:18px 12px 13px}
#mauthiep .preview-photo{border-radius:95px 95px 2px 2px}
#mauthiep .preview-heading strong{font-size:29px;line-height:1.5}
#mauthiep .preview-names{font-size:19px;line-height:1.5}
.theme-dodam,.theme-999{--preview-bg:#302327;--preview-paper:#6a1e2a;--preview-ink:#e9cc92}.theme-45,.theme-46{--preview-bg:#24312b;--preview-paper:#24483b;--preview-ink:#f1e8ce}
.khead{background:#121519}.home-champagne .khead{background:#121519}.home-champagne .khead h1{color:#f4ecdc}.home-champagne .khead .kicker{color:#e2c58c}
@media(max-width:1200px){#mauthiep .tpl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#mauthiep .tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#mauthiep .collection-preview{padding:25px 14px 17px}#mauthiep .preview-heading strong{font-size:25px}#mauthiep .preview-names{font-size:17px}}
@media(max-width:520px){#mauthiep .tpl-grid{grid-template-columns:1fr;max-width:370px}#mauthiep .collection-preview{padding:28px 30px 22px}#mauthiep .preview-heading strong{font-size:32px}#mauthiep .preview-names{font-size:21px}}
/* Flexible rows fill the viewport and center the final row. */
#mauthiep .tpl-grid{display:flex;flex-wrap:wrap;justify-content:center;max-width:none;width:100%;gap:clamp(18px,1.5vw,48px)}
#mauthiep .tplcard{flex:0 0 calc((100% - clamp(18px,1.5vw,48px)*4)/5);min-width:0;container-type:inline-size}
#mauthiep .collection-preview{padding:9% 7% 6%;aspect-ratio:4/5.3}
#mauthiep .preview-sheet{padding:6% 4% 4%}
#mauthiep .preview-heading strong{font-size:clamp(25px,10.5cqi,65px)}
#mauthiep .preview-names{font-size:clamp(17px,6.7cqi,40px)}
#mauthiep .preview-eyebrow,#mauthiep .preview-edition,#mauthiep .preview-note{font-size:clamp(5px,1.9cqi,12px)}
#mauthiep .preview-photo{border-radius:50% 50% 2px 2px}
#mauthiep .tplcard .bd{padding:clamp(17px,6cqi,36px)}
#mauthiep .tplcard .t{font-size:clamp(14px,4.8cqi,28px)}
#mauthiep .tplcard .ds{font-size:clamp(12px,3.7cqi,22px)}
#mauthiep .tplcard .acts .btn{font-size:clamp(11px,3.5cqi,20px);min-height:clamp(42px,13cqi,72px)}
#mauthiep .collection-label{font-size:clamp(7px,2.3cqi,13px)}
body.home-champagne .section>.wrap,body.home-champagne #mauthiep.wrap{width:92%;max-width:none;padding-inline:0;margin-inline:auto}
@media(max-width:1250px){#mauthiep .tplcard{flex-basis:calc((100% - 2 * clamp(18px,1.5vw,48px))/3)}}
@media(max-width:760px){#mauthiep .tplcard{flex-basis:calc((100% - 18px)/2)}#mauthiep .tpl-grid{gap:18px}}
@media(max-width:520px){#mauthiep .tpl-grid{max-width:none;gap:24px}#mauthiep .tplcard{flex-basis:100%;max-width:420px}}