/* Comments */
.cm-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.25rem;align-items:start}
.cm-form{background:#fff;border:1px solid #d8e5f3;border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 18px 40px -28px rgba(15,39,66,.4)}
.cm-row{display:grid;grid-template-columns:1fr;gap:.75rem}
.cm-field{display:flex;flex-direction:column;gap:.4rem}
.cm-field label,.cm-label{font-weight:700;font-size:.9rem}
.cm-form input,.cm-form select,.cm-form textarea{min-height:46px !important;padding:.6rem .8rem !important;font-size:.95rem !important;width:100%;box-sizing:border-box;flex:initial !important}
.cm-form textarea{min-height:110px !important;resize:vertical}
.cm-country{position:relative;display:flex;align-items:center}
.cm-country img{position:absolute;left:.75rem;border-radius:3px;box-shadow:0 0 0 1px rgba(15,39,66,.1);pointer-events:none}
.cm-country select{padding-left:2.5rem !important}
.cm-stars{display:flex;gap:.2rem}
.cm-stars button{background:transparent !important;padding:.15rem !important;min-height:0 !important;font-size:1.5rem !important;box-shadow:none !important}
.cm-stars button i{color:#d5dde8 !important;transition:color .15s,transform .15s}
.cm-stars button.on i{color:#f5b301 !important}
.cm-stars button:hover i{transform:scale(1.12)}
.cm-count{font-size:.78rem;color:#7d90a6 !important;align-self:flex-end}
.cm-submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;font-size:1rem !important}
.cm-msg{margin:0 !important;font-size:.9rem;min-height:1.2em}
.cm-msg.ok{color:#137a50 !important}.cm-msg.err{color:#c0392b !important}
.cm-list-wrap{display:flex;flex-direction:column;gap:.75rem}
.cm-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:.9rem}
.cm-summary:empty{display:none}
.cm-avg{font-size:1.8rem;font-weight:800;color:#0f2742 !important}
.cm-avg-stars i{color:#f5b301 !important}
.cm-flags{display:flex;gap:.3rem}
.cm-flags img{border-radius:3px;box-shadow:0 0 0 1px rgba(15,39,66,.1)}
.cm-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem;max-height:560px;overflow-y:auto}
.cm-item{display:grid;grid-template-columns:48px 1fr;gap:.85rem;background:#fff;border:1px solid #d8e5f3;border-radius:16px;padding:1rem 1.1rem}
.cm-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #fff,0 0 0 4px #d8e5f3;flex:none}
.cm-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.cm-body{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.cm-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;font-size:.9rem}
.cm-where{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;background:#f2f7fd;font-size:.8rem;font-weight:600;color:#26405e !important}
.cm-where img{border-radius:2px}
.cm-time{font-size:.78rem;color:#7d90a6 !important;margin-left:auto}
.cm-rate i{color:#f5b301 !important;font-size:.8rem}
.cm-rate .far{color:#d5dde8 !important}
.cm-body p{margin:0 !important;line-height:1.55;font-size:.95rem;word-wrap:break-word}
.cm-empty{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:3rem 1.5rem;border:2px dashed #cfe1f6;border-radius:18px;text-align:center;color:#4a5f78 !important}
.cm-empty i{font-size:2rem;color:#9cc3f2 !important}
.cm-empty span{color:#4a5f78 !important}
@media (max-width:1100px){.cm-layout{grid-template-columns:1fr}.cm-row{grid-template-columns:1fr 1fr}}
@media (min-width:1200px){.cm-row{grid-template-columns:1fr 1.2fr}}
@media (max-width:480px){.cm-row{grid-template-columns:1fr}}

.cm-section{margin-top:2.5rem;display:flex;flex-direction:column;gap:1.25rem}
.cm-section .cm-head{display:flex;flex-direction:column;gap:.35rem}
.cm-section .cm-head h2{margin:0 !important;font-size:clamp(1.4rem,2.6vw,1.9rem) !important;text-align:left !important;padding:0 !important;display:block !important}
.cm-section .cm-head h2::after{display:none !important}
.cm-section .cm-head p{margin:0 !important}
.cm-kicker{font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#1a73e8 !important}

/* comments v2 */
.cm-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr) !important;gap:2rem !important}
.cm-form{background:linear-gradient(160deg,#0f3a73 0%,#1a5fc4 100%) !important;border:none !important;border-radius:24px !important;padding:1.75rem !important;box-shadow:0 30px 60px -30px rgba(11,36,71,.7) !important;position:relative;overflow:hidden}
.cm-form::before{content:'';position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none}
.cm-form::after{content:'\201C';position:absolute;right:22px;top:-6px;font:800 120px/1 Georgia,serif;color:rgba(255,255,255,.12);pointer-events:none}
.cm-form label,.cm-form .cm-label{color:#fff !important}
.cm-form .cm-count{color:#a9c3e3 !important}
.cm-form input,.cm-form select,.cm-form textarea{background:rgba(255,255,255,.96) !important;border:1px solid transparent !important;border-radius:12px !important;font-size:1rem !important;font-weight:500 !important}
.cm-form input:focus,.cm-form select:focus,.cm-form textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(94,240,181,.55) !important}
.cm-stars button i{color:rgba(255,255,255,.3) !important}
.cm-stars button.on i{color:#ffc93c !important;filter:drop-shadow(0 2px 6px rgba(255,201,60,.5))}
.cm-submit{background:linear-gradient(135deg,#16a36d,#0f8a5b) !important;border:none !important;border-radius:14px !important;font-weight:800 !important;box-shadow:0 12px 24px -12px rgba(0,0,0,.6) !important}
.cm-submit *{color:#fff !important}
.cm-form .cm-msg.ok{color:#5ef0b5 !important}.cm-form .cm-msg.err{color:#ffb4b4 !important}
.cm-summary{background:#fff;border:1px solid #d8e5f3;border-radius:16px;padding:.85rem 1.1rem;gap:.5rem 1.1rem !important}
.cm-list{gap:1.1rem !important;padding:.25rem .25rem .25rem 0 !important}
.cm-item{grid-template-columns:56px 1fr !important;gap:1rem !important;background:transparent !important;border:none !important;padding:0 !important;align-items:start}
.cm-avatar{width:56px !important;height:56px !important;box-shadow:0 0 0 3px #fff,0 8px 18px -8px rgba(15,39,66,.5) !important}
.cm-body{position:relative;background:#fff;border:1px solid #d8e5f3;border-radius:4px 18px 18px 18px;padding:.9rem 1.1rem 1rem;box-shadow:0 14px 28px -22px rgba(15,39,66,.45);transition:transform .2s,box-shadow .2s}
.cm-body::before{content:'';position:absolute;left:-8px;top:14px;width:14px;height:14px;background:#fff;border-left:1px solid #d8e5f3;border-bottom:1px solid #d8e5f3;transform:rotate(45deg)}
.cm-item:hover .cm-body{transform:translateY(-2px);box-shadow:0 20px 34px -22px rgba(15,39,66,.5)}
.cm-item:nth-child(even) .cm-body{background:#f4f9ff}
.cm-item:nth-child(even) .cm-body::before{background:#f4f9ff}
.cm-where{background:#e8f1fd !important;color:#0f3a73 !important}
.cm-empty{background:linear-gradient(180deg,#f7fbff,#fff);border:2px dashed #b9d4f4 !important}
[dir=rtl] .cm-body{border-radius:18px 4px 18px 18px}
[dir=rtl] .cm-body::before{left:auto;right:-8px;transform:rotate(-135deg)}
@media (max-width:1100px){.cm-layout{grid-template-columns:1fr !important}}