.template-shell{max-width:1100px;margin:auto;padding:25px 24px 50px}.template-shell h1{font-size:42px;margin:22px 0 16px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.template-card{padding:25px;border:1px solid #eadfe2;border-radius:24px;background:#fff;display:flex;flex-direction:column}.template-card.cleaning{background:#e8f6ed;border-color:#cce6d9}.template-card.aircon{background:#e8f3fb;border-color:#caddf0}.template-card h2{font-size:24px}.template-card p{font-size:15px;color:#536176;flex:1;line-height:1.6;margin-bottom:22px}.template-art{font-size:42px;color:#ed2872;margin-bottom:18px}.cleaning .template-art{color:#176953}.aircon .template-art{color:#176c9c}.template-card .button{font-size:14px;padding:12px 10px}.template-note{font-size:13px;color:#617184;margin-top:25px}.template-choices{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:22px}.template-choice{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #dfdee2;border-radius:12px;background:#fff;cursor:pointer}.template-choice:has(input:checked){border-color:#ed2872;background:#fff1f5}.template-choice input{width:18px!important;min-height:18px!important;accent-color:#ed2872}.template-choice strong{display:block}.template-choice small{display:block;font-size:12px;line-height:1.6;color:#687786}.template-choice>span{flex:1}.template-choice a{font-size:12px;color:#da2469;padding:8px}.template-choice a:focus-visible{outline:2px solid #ed2872}@media(max-width:800px){.template-grid{grid-template-columns:1fr}.template-shell h1{font-size:34px}.template-card{padding:22px}.template-card p{margin-bottom:18px}.template-choice{padding:12px}.template-choice a{padding:5px}}.demo-selector-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-option.aircon-demo{background:#e8f3fb;border-color:#caddf0}.aircon-demo .demo-mark,.aircon-demo b{color:#176c9c}@media(max-width:800px){.demo-selector-grid{grid-template-columns:1fr}}

/* QuickOrder visual starter templates — image-backed cards */
.template-card{background:#fff!important;border-color:#e1e8eb;overflow:hidden;padding:16px;min-width:0}
.template-card .qo-template-photo{width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:14px;background:#f6f1f2;margin:0 0 20px}
.template-card .qo-template-photo img{display:block;width:100%;height:100%;object-fit:cover}
.template-card h2{font-size:clamp(19px,1.5vw,24px);line-height:1.2;margin:0 0 12px}
.template-card p{margin:0 0 18px;line-height:1.55}
.template-card>a{margin-top:auto;font-weight:650;color:#b71558;text-underline-offset:3px}
.template-grid{align-items:stretch}
@media(max-width:800px){.template-card{padding:14px}.template-card .qo-template-photo{margin-bottom:15px}.template-grid{gap:14px}}