.template-collection main .mosha .wrap{max-width:95%}
.mosha.cc .cc-head{margin-bottom:36px}
.mosha.cc .cc-head h1{font-size:clamp(34px,4.4vw,62px);line-height:1.08;margin:10px 0 12px}
.mosha.cc .cc-head p{font-size:clamp(15px,1.4vw,19px);line-height:1.5;color:#5A4A4E;max-width:900px}
.mosha.cc .cc-grid{display:grid;gap:18px}
.mosha.cc .cc-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s}
.mosha.cc .cc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.mosha.cc .cc-ph{display:block;background:#F7EFEA;overflow:hidden}
.mosha.cc .cc-ph img,.mosha.cc .cc-ph svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.mosha.cc .cc-card:hover .cc-ph img{transform:scale(1.03)}
.mosha.cc .cc-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.mosha.cc .cc-name{font-family:var(--disp);font-size:clamp(20px,1.7vw,27px);font-weight:600;color:var(--ink);line-height:1.15}
.mosha.cc .cc-sub{font-size:13.5px;font-weight:500;color:var(--ink);margin-top:6px;line-height:1.35;display:block}
.mosha.cc .cc-price{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-top:auto;padding-top:22px}
.mosha.cc .cc-price .was{font-size:16px;color:#6E5E62;text-decoration:line-through}
.mosha.cc .cc-price .now{font-family:var(--disp);font-size:clamp(22px,2vw,28px);font-weight:700;color:var(--ink);line-height:1}
.mosha.cc form{margin-top:16px;display:block}
.mosha.cc .atc,.mosha.cc .atc:hover{background:#E50742;color:#fff;font-size:16px;font-weight:600;border-radius:10px;padding:14px 12px;margin-top:16px}
.mosha.cc form .atc{margin-top:0}
.mosha.cc .atc:hover{background:#C10038}
.mosha.cc .cc-empty{font-size:16px;color:var(--tx)}
.mosha.cc .cc-pages{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:40px;font-size:15px;color:var(--tx)}
.mosha.cc .cc-pages a{color:var(--ink);font-weight:700}
@media(max-width:560px){
  .template-collection main .mosha .wrap{max-width:none}
  .mosha.cc .cc-head{margin-bottom:24px}
  .mosha.cc.cc-m2 .cc-grid{gap:12px}
  .mosha.cc.cc-m2 .cc-body{padding:14px 12px 14px}
  .mosha.cc.cc-m2 .cc-name{font-size:20px}
  .mosha.cc.cc-m2 .cc-sub{font-size:13px}
  .mosha.cc.cc-m2 .cc-price{gap:8px;padding-top:12px}
  .mosha.cc.cc-m2 .cc-price .was{font-size:13px}
  .mosha.cc.cc-m2 .cc-price .now{font-size:19px}
  .mosha.cc.cc-m2 .atc{font-size:14px;padding:11px 8px}
}