/* HARCHI KOLO — Recipe comments, desktop first */
.hk-recipe-comments{margin-top:24px;padding:28px;border:1px solid rgba(199,154,43,.2);border-radius:22px;background:linear-gradient(180deg,#fffdfa 0%,#fff 100%);box-shadow:0 12px 34px rgba(18,63,47,.06);color:#18352b}
.hk-recipe-comments__head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid #e8ece9}
.hk-recipe-comments__kicker{display:inline-block;margin-bottom:7px;color:#c79a2b;font-size:11px;font-weight:900;letter-spacing:.13em}
.hk-recipe-comments__head h2{margin:0;color:#123f2f;font-size:28px;line-height:1.15}
.hk-recipe-comments__head p{margin:8px 0 0;color:#6f7f78;max-width:650px;line-height:1.55}
.hk-recipe-comments__count{min-width:78px;padding:10px 14px;border:1px solid rgba(199,154,43,.26);border-radius:14px;background:#fff8e9;text-align:center}
.hk-recipe-comments__count strong{display:block;color:#123f2f;font-size:22px;line-height:1}.hk-recipe-comments__count span{display:block;margin-top:4px;color:#8a6b21;font-size:11px;font-weight:800}
.hk-recipe-comment-notice{margin:18px 0 0}
.hk-recipe-comment-form{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;margin-top:20px;padding:18px;border:1px solid #e3e9e5;border-radius:18px;background:#f9fbf9}
.hk-recipe-comment-form__avatar img,.hk-recipe-comment__avatar img{display:block;border-radius:50%;object-fit:cover}
.hk-recipe-comment-form__main textarea{display:block;width:100%;min-height:96px;padding:13px 15px!important;border:1px solid #d7e0db!important;border-radius:14px!important;background:#fff!important;color:#213c31!important;font:inherit!important;line-height:1.55!important;resize:vertical;box-shadow:none!important;outline:none!important}
.hk-recipe-comment-form__main textarea:focus{border-color:#c79a2b!important;box-shadow:0 0 0 3px rgba(199,154,43,.12)!important}
.hk-recipe-comment-form__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px}.hk-recipe-comment-form__hint{color:#7a8983;font-size:12px}.hk-recipe-comment-form__actions{display:flex;align-items:center;gap:12px}.hk-recipe-comment-form__actions>[data-hk-comment-count]{color:#8b9893;font-size:12px;font-weight:700}
.hk-recipe-comment-replying{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding:8px 10px;border-radius:10px;background:#fff7e8;color:#53675f;font-size:12px}.hk-recipe-comment-replying strong{color:#123f2f}.hk-recipe-comment-replying button{margin-left:auto;border:0;background:transparent;color:#9b7517;font:inherit;font-weight:800;cursor:pointer}
.hk-recipe-comments-login{display:flex;align-items:center;gap:14px;margin-top:20px;padding:16px 18px;border:1px solid #e3e9e5;border-radius:17px;background:#f8faf8}.hk-recipe-comments-login__icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#fff5dc;font-size:21px}.hk-recipe-comments-login>div:nth-child(2){flex:1}.hk-recipe-comments-login strong{display:block;color:#123f2f}.hk-recipe-comments-login p{margin:4px 0 0;color:#6f7f78;font-size:13px}
.hk-recipe-comments__list{display:grid;gap:18px;margin-top:24px}.hk-recipe-comment{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px}.hk-recipe-comment__body{min-width:0}.hk-recipe-comment__bubble{padding:13px 15px;border:1px solid #e4e9e6;border-radius:6px 16px 16px 16px;background:#fff;box-shadow:0 5px 15px rgba(18,63,47,.035)}
.hk-recipe-comment__meta{display:flex;align-items:center;gap:9px;margin-bottom:6px}.hk-recipe-comment__author{color:#123f2f!important;font-weight:900;text-decoration:none!important}.hk-recipe-comment__author:hover{color:#c79a2b!important}.hk-recipe-comment__meta time{color:#8b9893;font-size:11px}.hk-recipe-comment__text{color:#30483e;line-height:1.58;overflow-wrap:anywhere}
.hk-recipe-comment__actions{display:flex;align-items:center;gap:13px;margin:6px 0 0 4px}.hk-recipe-comment__actions button{padding:0;border:0;background:transparent;color:#63766d;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.hk-recipe-comment__actions button:hover{color:#c79a2b}.hk-recipe-comment-delete{margin:0}.hk-recipe-comment-delete button{color:#9b6464}.hk-recipe-comment-delete button:hover{color:#b23f3f}
.hk-recipe-comment__replies{display:grid;gap:13px;margin:14px 0 0 18px;padding-left:18px;border-left:2px solid rgba(199,154,43,.22)}.hk-recipe-comment__replies .hk-recipe-comment{grid-template-columns:38px minmax(0,1fr)}.hk-recipe-comment__replies .hk-recipe-comment__avatar img{width:38px!important;height:38px!important}
.hk-recipe-comments__empty{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px;padding:28px;border:1px dashed rgba(18,63,47,.18);border-radius:17px;background:#fffdfa;text-align:left}.hk-recipe-comments__empty>span{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fff5dc;font-size:22px}.hk-recipe-comments__empty strong{display:block;color:#123f2f}.hk-recipe-comments__empty p{margin:4px 0 0;color:#7a8983;font-size:13px}



/* 1.9.10 — Recipe discussion: mobile HARCHI KOLO adaptation */
@media (max-width:700px){
  .hk-recipe-comments{
    display:block!important;
    margin-top:12px;
    padding:16px;
    border-radius:17px;
    box-shadow:0 7px 21px rgba(18,63,47,.05);
  }

  .hk-recipe-comments__head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
    gap:10px;
    padding-bottom:14px;
  }

  .hk-recipe-comments__kicker{
    margin-bottom:5px;
    font-size:9px;
    letter-spacing:.12em;
  }

  .hk-recipe-comments__head h2{
    font-size:22px;
    line-height:1.15;
  }

  .hk-recipe-comments__head p{
    grid-column:1/-1;
    margin-top:6px;
    font-size:12px;
    line-height:1.45;
  }

  .hk-recipe-comments__count{
    min-width:62px;
    padding:8px 9px;
    border-radius:11px;
  }

  .hk-recipe-comments__count strong{
    font-size:19px;
  }

  .hk-recipe-comments__count span{
    margin-top:3px;
    font-size:9px;
  }

  .hk-recipe-comment-notice{
    margin-top:12px;
  }

  .hk-recipe-comment-form{
    grid-template-columns:38px minmax(0,1fr);
    gap:9px;
    margin-top:14px;
    padding:12px;
    border-radius:14px;
  }

  .hk-recipe-comment-form__avatar img{
    width:38px!important;
    height:38px!important;
  }

  .hk-recipe-comment-form__main textarea{
    min-height:92px;
    padding:11px 12px!important;
    border-radius:11px!important;
    font-size:16px!important;
    line-height:1.5!important;
  }

  .hk-recipe-comment-form__footer{
    align-items:stretch;
    flex-direction:column;
    gap:8px;
    margin-top:8px;
  }

  .hk-recipe-comment-form__hint{
    font-size:10px;
    line-height:1.35;
  }

  .hk-recipe-comment-form__actions{
    justify-content:space-between;
    gap:8px;
  }

  .hk-recipe-comment-form__actions .hk-button{
    min-height:42px;
    padding:0 13px;
    font-size:12px;
  }

  .hk-recipe-comment-replying{
    gap:5px;
    margin-bottom:7px;
    padding:7px 8px;
    border-radius:9px;
    font-size:10px;
  }

  .hk-recipe-comments-login{
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    gap:10px;
    margin-top:14px;
    padding:13px;
    border-radius:14px;
  }

  .hk-recipe-comments-login__icon{
    width:40px;
    height:40px;
    font-size:18px;
  }

  .hk-recipe-comments-login strong{
    font-size:13px;
  }

  .hk-recipe-comments-login p{
    font-size:11px;
    line-height:1.4;
  }

  .hk-recipe-comments-login > .hk-button{
    grid-column:1/-1;
    width:100%;
    min-height:42px;
    font-size:12px;
  }

  .hk-recipe-comments__list{
    gap:14px;
    margin-top:17px;
  }

  .hk-recipe-comment{
    grid-template-columns:36px minmax(0,1fr);
    gap:8px;
  }

  .hk-recipe-comment__avatar img{
    width:36px!important;
    height:36px!important;
  }

  .hk-recipe-comment__bubble{
    padding:10px 11px;
    border-radius:5px 13px 13px 13px;
    box-shadow:0 4px 12px rgba(18,63,47,.03);
  }

  .hk-recipe-comment__meta{
    align-items:flex-start;
    flex-wrap:wrap;
    gap:3px 7px;
    margin-bottom:5px;
  }

  .hk-recipe-comment__author{
    font-size:12px;
  }

  .hk-recipe-comment__meta time{
    font-size:9px;
  }

  .hk-recipe-comment__text{
    font-size:13px;
    line-height:1.5;
  }

  .hk-recipe-comment__actions{
    gap:12px;
    margin:5px 0 0 2px;
  }

  .hk-recipe-comment__actions button{
    min-height:28px;
    font-size:10px;
  }

  .hk-recipe-comment__replies{
    gap:10px;
    margin:10px 0 0 5px;
    padding-left:9px;
    border-left-width:2px;
  }

  .hk-recipe-comment__replies .hk-recipe-comment{
    grid-template-columns:32px minmax(0,1fr);
    gap:7px;
  }

  .hk-recipe-comment__replies .hk-recipe-comment__avatar img{
    width:32px!important;
    height:32px!important;
  }

  .hk-recipe-comments__empty{
    flex-direction:column;
    gap:9px;
    margin-top:16px;
    padding:20px 14px;
    border-radius:14px;
    text-align:center;
  }

  .hk-recipe-comments__empty > span{
    width:44px;
    height:44px;
    font-size:20px;
  }

  .hk-recipe-comments__empty strong{
    font-size:13px;
  }

  .hk-recipe-comments__empty p{
    font-size:11px;
    line-height:1.45;
  }
}

@media (max-width:380px){
  .hk-recipe-comments{
    padding:13px;
  }

  .hk-recipe-comment-form{
    grid-template-columns:1fr;
  }

  .hk-recipe-comment-form__avatar{
    display:none;
  }

  .hk-recipe-comments__head{
    grid-template-columns:1fr;
  }

  .hk-recipe-comments__count{
    justify-self:start;
    display:flex;
    align-items:baseline;
    gap:5px;
    min-width:0;
  }

  .hk-recipe-comments__count span{
    margin-top:0;
  }
}