*{box-sizing:border-box}
body{margin:0;font:21px/1.5 Arial,sans-serif;background:#fff8ec;color:#4a2c1d;padding-bottom:90px}
header{background:linear-gradient(135deg,#ffc8d8,#ffe9a8);padding:18px;border-bottom:3px solid #d4af37}
h1{font-size:32px;margin:0;color:#c2185b}h2{font-size:26px;color:#c2185b;margin:12px 0}
.s,small{font-size:19px}main{padding:14px;max-width:900px;margin:auto}
.card{background:#fff;border-radius:20px;padding:16px;margin:12px 0;box-shadow:0 3px 10px #0002;border-left:8px solid #f48fb1}
.card:nth-child(3n){border-color:#a5d6a7}.card:nth-child(3n+1){border-color:#ffcc80}
.big{font-size:56px}
input,select,textarea{width:100%;font-size:21px;height:58px;padding:8px 12px;border:2px solid #f48fb1;border-radius:14px;margin:6px 0;background:#fff;color:#4a2c1d}
textarea{height:120px}
button{font-size:20px;height:56px;padding:0 16px;border:0;border-radius:14px;background:#e91e63;color:#fff;margin:4px 4px 4px 0;cursor:pointer}
button.g{background:#43a047}button.w{background:#25d366}button.c{background:#8d6e63}
button.p{font-size:23px;height:64px;width:100%}
nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:3px solid #d4af37;overflow-x:auto}
nav button{font-size:19px;height:56px;flex:1 0 auto;background:#ffe0eb;color:#4a2c1d;border-radius:0;margin:0}
nav button.on{background:#e91e63;color:#fff}
.row{display:flex;gap:8px;flex-wrap:wrap}.row>*{flex:1 1 120px}
.t{font-size:64px;text-align:center;color:#c2185b;font-weight:bold}
li{margin:6px 0}
@media print{header,nav,button,input,select,textarea.no{display:none!important}body{background:#fff}}
.hw{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 3px 12px #0003;background:#ffe0eb}
.hero{display:block;width:100%;height:260px;object-fit:cover}
.ht{padding:14px 16px;background:linear-gradient(135deg,#fff,#ffe9a8);font-size:23px}
.ri{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;margin-bottom:10px;background:#ffe0eb}
.ph{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/3;font-size:64px;border-radius:14px;margin-bottom:10px;background:linear-gradient(135deg,#ffc8d8,#ffe9a8)}
.cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.ct{position:relative;border-radius:18px;overflow:hidden;cursor:pointer;border:4px solid transparent;background:#ffc8d8;min-height:140px}
.ct.on{border-color:#e91e63}
.ct img{display:block;width:100%;height:140px;object-fit:cover}
.ct span{display:block;padding:8px;font-size:19px;font-weight:bold;text-align:center;background:#fff}
@media print{.ri{max-height:300px;width:auto}.hw,.cg{display:none}}