:root{
  --hk-green:#123F2F;
  --hk-green-2:#1f5b45;
  --hk-gold:#C79A2B;
  --hk-ink:#18352b;
  --hk-muted:#6f7f78;
  --hk-line:#e6ebe8;
  --hk-soft:#f6f8f6;
}

.hk-recipes-shell{
  width:min(1180px, calc(100% - 32px));
  margin:0 auto;
  padding:34px 0 56px;
  color:var(--hk-ink);
}

.hk-recipes-hero,
.hk-recipes-pagehead{
  border:1px solid rgba(18,63,47,.12);
  background:#fff;
  border-radius:22px;
  box-shadow:0 12px 34px rgba(18,63,47,.07);
  padding:30px;
  margin-bottom:26px;
}

.hk-recipes-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}

.hk-recipes-kicker{
  display:inline-block;
  margin-bottom:8px;
  color:var(--hk-gold);
  font-size:12px;
  font-weight:800;
  letter-spacing:.13em;
}

.hk-recipes-hero h1,
.hk-recipes-pagehead h1,
.hk-recipe-single h1{
  color:var(--hk-green);
  margin:0;
  line-height:1.12;
}

.hk-recipes-hero h1{font-size:clamp(30px,3vw,46px)}
.hk-recipes-pagehead h1{font-size:clamp(28px,2.5vw,40px)}

.hk-recipes-hero p,
.hk-recipes-pagehead p{
  margin:12px 0 0;
  color:var(--hk-muted);
  font-size:16px;
  max-width:720px;
}

.hk-recipes-hero__actions,
.hk-recipes-pagehead--actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.hk-recipes-hero__actions{flex-wrap:wrap;justify-content:flex-end}

.hk-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:12px;
  border:1px solid transparent;
  font-weight:700;
  text-decoration:none!important;
  transition:.18s ease;
  cursor:pointer;
  font-size:15px;
  line-height:1;
  white-space:nowrap;
}

.hk-button--primary{background:var(--hk-green);color:#fff!important}
.hk-button--primary:hover{background:var(--hk-green-2);transform:translateY(-1px)}
.hk-button--ghost{background:#fff;color:var(--hk-green)!important;border-color:rgba(18,63,47,.22)}
.hk-button--ghost:hover{border-color:var(--hk-gold);color:var(--hk-green)!important}
.hk-button--danger{background:#fff;color:#a33a3a!important;border-color:#e7c8c8}
.hk-button--danger:hover{background:#fff5f5}
.hk-button--small{min-height:38px;padding:0 13px;font-size:14px}

.hk-recipes-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.hk-recipe-card{
  overflow:hidden;
  background:#fff;
  border:1px solid var(--hk-line);
  border-radius:18px;
  box-shadow:0 8px 24px rgba(18,63,47,.06);
  transition:.18s ease;
}

.hk-recipe-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(18,63,47,.1)}
.hk-recipe-card__image{display:block;position:relative;aspect-ratio:16/10;background:var(--hk-soft);overflow:hidden}
.hk-recipe-card__image img{width:100%;height:100%;object-fit:cover;display:block}
.hk-recipe-image-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:54px;background:linear-gradient(135deg,#f7f5eb,#eef4f0)}
.hk-recipe-card__category{position:absolute;left:14px;bottom:14px;background:rgba(18,63,47,.94);color:#fff;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:700}
.hk-recipe-card__body{padding:18px}
.hk-recipe-card__body h2{font-size:21px;line-height:1.25;margin:0 0 10px}
.hk-recipe-card__body h2 a{color:var(--hk-green);text-decoration:none}
.hk-recipe-card__facts{display:flex;gap:12px;flex-wrap:wrap;color:#53675f;font-size:13px;font-weight:600;margin-bottom:10px}
.hk-recipe-card__body p{color:var(--hk-muted);margin:0 0 14px;line-height:1.55}
.hk-recipe-card__author{display:flex;align-items:center;gap:9px;padding-top:12px;border-top:1px solid var(--hk-line);font-size:13px;font-weight:700;color:#3d554c}
.hk-recipe-avatar{border-radius:50%;width:34px;height:34px}

.hk-recipes-empty{
  text-align:center;
  padding:54px 24px;
  border:1px dashed rgba(18,63,47,.25);
  border-radius:20px;
  background:#fff;
}
.hk-recipes-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 12px;border-radius:999px;background:#fff7e8;border:1px solid rgba(199,154,43,.28);box-shadow:0 12px 24px rgba(18,63,47,.08)}
.hk-recipes-empty__icon svg{display:block!important;width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;min-width:42px!important;min-height:42px!important}
.hk-recipes-empty__pie{display:inline-flex;align-items:center;justify-content:center}
.hk-empty-pie-crust{fill:#f1c66c;stroke:#123f2f;stroke-width:1.85;stroke-linejoin:round}
.hk-empty-pie-fill{fill:#f7e7ba;stroke:#c79a2b;stroke-width:1.45;stroke-linejoin:round}
.hk-empty-pie-slice{fill:#fff4d5;stroke:#123f2f;stroke-width:1.35;stroke-linejoin:round}
.hk-empty-pie-slice-line{fill:none;stroke:#c79a2b;stroke-width:1.45;stroke-linecap:round}
.hk-empty-pie-berries{fill:#d78945;stroke:#123f2f;stroke-width:1.15;stroke-linejoin:round}
.hk-empty-pie-steam{fill:none;stroke:#c79a2b;stroke-width:1.35;stroke-linecap:round;opacity:.85}
.hk-empty-pie-base{fill:none;stroke:#123f2f;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.hk-recipes-empty h1,.hk-recipes-empty h2{color:var(--hk-green);margin:0 0 8px}
.hk-recipes-empty p{color:var(--hk-muted);margin:0 auto 20px;max-width:580px}

.hk-back-link{display:inline-block;color:var(--hk-green);text-decoration:none;font-weight:700;margin-bottom:14px}
.hk-back-link:hover{color:var(--hk-gold)}

.hk-recipe-form{display:grid;gap:20px}
.hk-recipe-form__section{background:#fff;border:1px solid var(--hk-line);border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(18,63,47,.04)}
.hk-recipe-form__section h2{margin:0 0 18px;color:var(--hk-green);font-size:22px}
.hk-recipe-form__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px}
.hk-field{display:flex;flex-direction:column;gap:7px}
.hk-field--full{width:100%}
.hk-field+.hk-field{margin-top:16px}
.hk-recipe-form__grid .hk-field+.hk-field{margin-top:0}
.hk-field label{font-weight:700;color:var(--hk-green);font-size:14px}
.hk-field label span{color:var(--hk-gold)}
.hk-field input,.hk-field textarea,.hk-field select{
  width:100%;
  border:1px solid #d8e0dc!important;
  border-radius:11px!important;
  background:#fff!important;
  padding:12px 13px!important;
  color:#243d33!important;
  font-size:16px!important;
  box-shadow:none!important;
}
.hk-field textarea{resize:vertical;line-height:1.5;min-height:96px}
.hk-field input:focus,.hk-field textarea:focus,.hk-field select:focus{border-color:var(--hk-gold)!important;outline:2px solid rgba(199,154,43,.13)!important}
.hk-field small{color:#7a8983;font-size:12px;line-height:1.45}
.hk-recipe-current-image{margin-bottom:14px;max-width:420px;border-radius:14px;overflow:hidden;border:1px solid var(--hk-line)}
.hk-recipe-current-image img{display:block;width:100%;height:auto}
.hk-recipe-form__submit{display:flex;justify-content:flex-end}

.hk-recipe-notice{margin:0 0 18px;padding:14px 16px;border-radius:12px;font-weight:600}
.hk-recipe-notice.is-success{background:#eef8f1;color:#225f39;border:1px solid #cce5d3}
.hk-recipe-notice.is-error{background:#fff3f3;color:#943b3b;border:1px solid #efd0d0}
.hk-recipe-notice ul{margin:8px 0 0 20px}

.hk-my-recipes-list{display:grid;gap:14px}
.hk-my-recipe-row{display:grid;grid-template-columns:132px 1fr;gap:18px;background:#fff;border:1px solid var(--hk-line);border-radius:16px;padding:14px;align-items:center}
.hk-my-recipe-row__image{aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--hk-soft)}
.hk-my-recipe-row__image img{display:block;width:100%;height:100%;object-fit:cover}
.hk-my-recipe-row__meta{font-size:12px;color:var(--hk-gold);font-weight:700;margin-bottom:4px}
.hk-my-recipe-row h2{font-size:20px;margin:0 0 10px}
.hk-my-recipe-row h2 a{color:var(--hk-green);text-decoration:none}
.hk-my-recipe-row__actions{display:flex;gap:8px;flex-wrap:wrap}

.hk-recipe-card__body h2 a,
.hk-my-recipe-row h2 a{
  transition:color .18s ease;
}
.hk-recipe-card__body h2 a:hover,
.hk-recipe-card__body h2 a:focus-visible,
.hk-my-recipe-row h2 a:hover,
.hk-my-recipe-row h2 a:focus-visible{
  color:var(--hk-gold)!important;
  text-decoration:none!important;
}
.hk-recipe-delete-form{margin:0}

.hk-recipes-pagination ul{display:flex;gap:8px;justify-content:center;list-style:none;margin:28px 0 0;padding:0}
.hk-recipes-pagination a,.hk-recipes-pagination span{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:10px;border:1px solid var(--hk-line);text-decoration:none;color:var(--hk-green);background:#fff}
.hk-recipes-pagination .current{background:var(--hk-green);color:#fff;border-color:var(--hk-green)}

.hk-recipe-single{width:min(980px, calc(100% - 32px));margin:0 auto;padding:34px 0 58px;color:var(--hk-ink)}
.hk-recipe-single__hero{background:#fff;border:1px solid var(--hk-line);border-radius:22px;overflow:hidden;box-shadow:0 12px 34px rgba(18,63,47,.07)}
.hk-recipe-single__image{aspect-ratio:16/8;background:var(--hk-soft);overflow:hidden}
.hk-recipe-single__image img{width:100%;height:100%;display:block;object-fit:cover}
.hk-recipe-single__head{padding:28px}
.hk-recipe-single__category{display:inline-flex;padding:7px 11px;border-radius:999px;background:#f6f1e1;color:#8a6712;font-size:12px;font-weight:800;margin-bottom:12px}
.hk-recipe-single h1{font-size:clamp(31px,4vw,52px)}
.hk-recipe-single__excerpt{font-size:17px;color:var(--hk-muted);line-height:1.6;max-width:800px;margin:14px 0 0}
.hk-recipe-single__facts{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 0}
.hk-recipe-single__facts span{background:var(--hk-soft);border:1px solid var(--hk-line);padding:9px 12px;border-radius:10px;font-size:13px;font-weight:700}
.hk-recipe-single__author{display:flex;align-items:center;gap:11px;margin-top:20px;padding-top:18px;border-top:1px solid var(--hk-line)}
.hk-recipe-single__author a,
.hk-recipe-card__author a{color:var(--hk-green)!important;font-weight:800;text-decoration:none!important;box-shadow:none!important}
.hk-recipe-single__author a:hover,
.hk-recipe-card__author a:hover{color:var(--hk-gold)!important;text-decoration:none!important}
.hk-recipe-single__author a:focus-visible,
.hk-recipe-card__author a:focus-visible{outline:2px solid var(--hk-gold);outline-offset:3px;border-radius:4px}
.hk-recipe-single__content{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px;margin-top:22px}
.hk-recipe-panel{background:#fff;border:1px solid var(--hk-line);border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(18,63,47,.04)}
.hk-recipe-panel h2{margin:0 0 16px;color:var(--hk-green);font-size:24px}
.hk-recipe-ingredients{list-style:none;margin:0;padding:0}
.hk-recipe-ingredients li{padding:10px 0 10px 22px;border-bottom:1px solid var(--hk-line);position:relative;line-height:1.5}
.hk-recipe-ingredients li:last-child{border-bottom:0}
.hk-recipe-ingredients li:before{content:'•';position:absolute;left:4px;color:var(--hk-gold);font-size:24px;line-height:1}
.hk-recipe-steps{counter-reset:steps;list-style:none;margin:0;padding:0;display:grid;gap:14px}
.hk-recipe-steps li{counter-increment:steps;position:relative;padding:0 0 0 46px;min-height:34px;line-height:1.6}
.hk-recipe-steps li:before{content:counter(steps);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--hk-green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.hk-recipe-video{margin-top:22px}
.hk-recipe-video a{word-break:break-all}
.hk-recipe-owner-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

@media (max-width:900px){
  .hk-recipes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hk-recipe-single__content{grid-template-columns:1fr}
  .hk-recipe-form__grid{grid-template-columns:1fr 1fr}
}

@media (max-width:700px){
  .hk-recipes-shell,.hk-recipe-single{width:min(100% - 22px,1180px);padding-top:18px}
  .hk-recipes-hero,.hk-recipes-pagehead{padding:20px;border-radius:17px;align-items:flex-start;flex-direction:column}
  .hk-recipes-hero h1{font-size:30px}
  .hk-recipes-hero__actions{width:100%;justify-content:stretch;display:grid;grid-template-columns:1fr}
  .hk-recipes-hero__actions .hk-button,.hk-recipes-pagehead--actions>.hk-button{width:100%}
  .hk-recipes-grid{grid-template-columns:1fr;gap:16px}
  .hk-recipe-card__body h2{font-size:20px}
  .hk-recipe-form__section{padding:18px;border-radius:15px}
  .hk-recipe-form__grid{grid-template-columns:1fr}
  .hk-recipe-form__grid .hk-field+.hk-field{margin-top:0}
  .hk-recipe-form__submit .hk-button{width:100%;min-height:52px}
  .hk-my-recipe-row{grid-template-columns:92px 1fr;gap:12px;padding:11px}
  .hk-my-recipe-row h2{font-size:17px}
  .hk-my-recipe-row__actions{grid-column:1/-1}
  .hk-my-recipe-row__actions .hk-button,.hk-recipe-delete-form{flex:1}
  .hk-recipe-delete-form .hk-button{width:100%}
  .hk-recipe-single__hero{border-radius:17px}
  .hk-recipe-single__image{aspect-ratio:4/3}
  .hk-recipe-single__head{padding:20px}
  .hk-recipe-single h1{font-size:31px}
  .hk-recipe-panel{padding:19px;border-radius:15px}
  .hk-recipe-owner-tools .hk-button{width:100%}
}

/* Saved recipes — 1.1.0 */
.hk-recipe-save-control{margin:12px 0 0;display:flex}
.hk-recipe-save-control .hk-button{font-family:inherit}
.hk-button--saved{background:#f8f2df;color:#76570c!important;border-color:rgba(199,154,43,.55)}
.hk-button--saved:hover{background:#f3ead0;color:#634906!important;border-color:var(--hk-gold)}
.hk-recipe-single__save{margin-top:18px}
.hk-recipe-single__save .hk-recipe-save-control{margin:0}

@media (max-width:700px){
  .hk-recipe-card__body>.hk-recipe-save-control .hk-button{width:100%}
  .hk-recipe-single__save .hk-recipe-save-control,.hk-recipe-single__save .hk-button{width:100%}
}

/* Recipe save control — desktop brand polish 1.1.1 */
.hk-recipe-save-button__pastry,
.hk-recipe-save-button__label--desktop{display:none}
.hk-recipe-save-button__mobile-symbol{display:inline-block;margin-right:5px}
.hk-recipe-save-button__label--mobile{display:inline-block}

@media (min-width:701px){
  .hk-recipe-save-control{margin-top:14px}

  .hk-recipe-save-control .hk-recipe-save-button{
    --hk-save-icon-bg:#fff3cd;
    --hk-save-icon-stroke:#123F2F;
    --hk-save-cup:#C79A2B;
    --hk-save-berry:#C79A2B;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    min-height:46px!important;
    width:auto!important;
    max-width:100%;
    padding:6px 16px 6px 8px!important;
    border:1px solid rgba(199,154,43,.5)!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,#fffdf7 0%,#fbf3dc 100%)!important;
    color:var(--hk-green)!important;
    -webkit-text-fill-color:var(--hk-green)!important;
    box-shadow:0 5px 14px rgba(87,67,14,.08)!important;
    font-family:inherit!important;
    font-size:14px!important;
    font-weight:800!important;
    letter-spacing:0!important;
    line-height:1!important;
    opacity:1!important;
    visibility:visible!important;
    text-transform:none!important;
    white-space:nowrap;
    overflow:visible;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;
  }

  .hk-recipe-save-control .hk-recipe-save-button:hover{
    border-color:var(--hk-gold)!important;
    background:linear-gradient(135deg,#fff9e9 0%,#f6e8bf 100%)!important;
    color:var(--hk-green)!important;
    -webkit-text-fill-color:var(--hk-green)!important;
    box-shadow:0 8px 20px rgba(87,67,14,.13)!important;
    transform:translateY(-1px);
  }

  .hk-recipe-save-control .hk-recipe-save-button:focus-visible{
    outline:3px solid rgba(199,154,43,.22)!important;
    outline-offset:3px!important;
  }

  .hk-recipe-save-button__pastry{
    display:inline-flex;
    flex:0 0 31px;
    width:31px;
    height:31px;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:var(--hk-save-icon-bg);
    box-shadow:inset 0 0 0 1px rgba(199,154,43,.2);
  }

  .hk-recipe-save-button__pastry svg{display:block!important;width:23px!important;height:23px!important;max-width:23px!important;max-height:23px!important;min-width:23px!important;min-height:23px!important;overflow:visible!important}
  .hk-pastry-frosting{fill:#fffaf0;stroke:var(--hk-save-icon-stroke);stroke-width:1.6;stroke-linejoin:round}
  .hk-pastry-cup{fill:var(--hk-save-cup);stroke:var(--hk-save-icon-stroke);stroke-width:1.5;stroke-linejoin:round}
  .hk-pastry-line{fill:none;stroke:#fff7df;stroke-width:1.15;stroke-linecap:round;opacity:.92}
  .hk-pastry-berry{fill:var(--hk-save-berry);stroke:var(--hk-save-icon-stroke);stroke-width:1.1}
  .hk-pastry-leaf{fill:none;stroke:var(--hk-green);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}

  .hk-recipe-save-button__label--desktop{display:inline-block!important;color:inherit!important;-webkit-text-fill-color:inherit!important;opacity:1!important}
  .hk-recipe-save-button__label--desktop{font-size:14px!important;line-height:1!important;font-weight:800!important;visibility:visible!important;white-space:nowrap!important}
  .hk-recipe-save-button__mobile-symbol,
  .hk-recipe-save-button__label--mobile{display:none!important}

  .hk-recipe-save-control .hk-recipe-save-button.is-saved{
    --hk-save-icon-bg:var(--hk-green);
    --hk-save-icon-stroke:#fff9ea;
    --hk-save-cup:#C79A2B;
    --hk-save-berry:#fff0b6;
    border-color:rgba(18,63,47,.24)!important;
    background:linear-gradient(135deg,#f2f7f4 0%,#fffdf6 100%)!important;
    color:var(--hk-green)!important;
    -webkit-text-fill-color:var(--hk-green)!important;
    box-shadow:0 5px 14px rgba(18,63,47,.08)!important;
  }

  .hk-recipe-save-control .hk-recipe-save-button.is-saved:hover{
    border-color:rgba(18,63,47,.45)!important;
    background:linear-gradient(135deg,#eaf3ee 0%,#fbf7e9 100%)!important;
    box-shadow:0 8px 20px rgba(18,63,47,.12)!important;
  }

  .hk-recipe-save-button.is-saved .hk-pastry-frosting{fill:#fff9ea}
  .hk-recipe-save-button.is-saved .hk-pastry-line{stroke:#fff6d8}
  .hk-recipe-save-button.is-saved .hk-pastry-leaf{stroke:#fff9ea}

  .hk-recipe-save-button--card{min-height:44px!important}
  .hk-recipe-save-button--single{min-height:50px!important;padding:8px 18px 8px 9px!important;font-size:15px!important}
  .hk-recipe-save-button--single .hk-recipe-save-button__pastry{width:33px;height:33px;flex-basis:33px}
  .hk-recipe-save-button--single .hk-recipe-save-button__pastry svg{width:24px;height:24px}
}


/* Recipes desktop form: branded category selector. */
@media (min-width:701px){
  .hk-recipe-form .hk-field select{
    height:46px!important;
    min-height:46px!important;
    padding:0 54px 0 13px!important;
    line-height:1.35!important;
    text-indent:0!important;
    color:#243d33!important;
    background-color:#fff!important;
    -webkit-appearance:none!important;
    appearance:none!important;
    cursor:pointer!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='12.5' fill='%23fff8e7' stroke='%23C79A2B' stroke-width='1.5'/%3E%3Cpath d='M10.5 12.5 15 17l4.5-4.5' fill='none' stroke='%23123F2F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 9px center!important;
    background-size:30px 30px!important;
    transition:border-color .18s ease, box-shadow .18s ease!important;
  }
  .hk-recipe-form .hk-field select:hover{
    border-color:rgba(199,154,43,.78)!important;
  }
  .hk-recipe-form .hk-field select:focus{
    border-color:var(--hk-gold)!important;
    box-shadow:0 0 0 3px rgba(199,154,43,.10)!important;
  }
}


/* HARCHI KOLO button system — desktop baseline.
 * Primary actions keep the brand green base and always receive a gold hover/focus accent.
 * Mobile is intentionally left for the dedicated mobile pass. */
@media (min-width:701px){
  .hk-recipes-shell .hk-button,
  .hk-recipe-single .hk-button{
    min-height:46px;
    padding:0 18px;
    border-radius:12px;
    border-width:1px;
    border-style:solid;
    font-family:inherit;
    font-size:15px;
    font-weight:800;
    line-height:1;
    letter-spacing:0;
    box-sizing:border-box;
    box-shadow:none;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
  }

  .hk-recipes-shell .hk-button--primary,
  .hk-recipe-single .hk-button--primary{
    background:var(--hk-green)!important;
    border-color:var(--hk-green)!important;
    color:#fff!important;
  }

  .hk-recipes-shell .hk-button--primary:hover,
  .hk-recipe-single .hk-button--primary:hover{
    background:var(--hk-green-2)!important;
    border-color:var(--hk-gold)!important;
    color:#fff!important;
    box-shadow:0 0 0 2px rgba(199,154,43,.18),0 8px 18px rgba(18,63,47,.10);
    transform:translateY(-1px);
  }

  .hk-recipes-shell .hk-button--primary:focus-visible,
  .hk-recipe-single .hk-button--primary:focus-visible{
    outline:2px solid var(--hk-gold)!important;
    outline-offset:3px;
    border-color:var(--hk-gold)!important;
    box-shadow:0 0 0 2px rgba(199,154,43,.14);
  }

  .hk-recipes-shell .hk-button--primary:active,
  .hk-recipe-single .hk-button--primary:active{
    transform:translateY(0);
    box-shadow:0 0 0 2px rgba(199,154,43,.14);
  }

  .hk-recipes-shell .hk-button--ghost,
  .hk-recipe-single .hk-button--ghost{
    background:#fff!important;
    border-color:rgba(18,63,47,.22)!important;
    color:var(--hk-green)!important;
  }

  .hk-recipes-shell .hk-button--ghost:hover,
  .hk-recipe-single .hk-button--ghost:hover{
    background:#fffaf0!important;
    border-color:var(--hk-gold)!important;
    color:var(--hk-green)!important;
    box-shadow:0 0 0 2px rgba(199,154,43,.10);
  }

  .hk-recipes-shell .hk-button--ghost:focus-visible,
  .hk-recipe-single .hk-button--ghost:focus-visible{
    outline:2px solid var(--hk-gold)!important;
    outline-offset:3px;
    border-color:var(--hk-gold)!important;
  }

  .hk-recipes-shell .hk-button--danger,
  .hk-recipe-single .hk-button--danger{
    background:#fff!important;
    border-color:#e7c8c8!important;
    color:#a33a3a!important;
  }

  .hk-recipes-shell .hk-button--danger:hover,
  .hk-recipe-single .hk-button--danger:hover{
    background:#fff5f5!important;
    border-color:#c96d6d!important;
    color:#8f2828!important;
  }

  .hk-recipes-shell .hk-button--small,
  .hk-recipe-single .hk-button--small{
    min-height:38px;
    padding:0 13px;
    font-size:14px;
  }
}


/* Recipes discovery + validation — desktop first (1.3.0). */
@media (min-width:701px){
  .hk-recipes-filter{
    display:grid;
    grid-template-columns:minmax(190px,.8fr) minmax(260px,1.2fr) minmax(230px,.9fr) auto;
    align-items:end;
    gap:14px;
    margin:0 0 24px;
    padding:18px 20px;
    border:1px solid rgba(18,63,47,.12);
    border-top:2px solid var(--hk-gold);
    border-radius:18px;
    background:linear-gradient(135deg,#fff 0%,#fffdf8 100%);
    box-shadow:0 10px 28px rgba(18,63,47,.055);
  }

  .hk-recipes-filter__intro{
    align-self:center;
    display:flex;
    flex-direction:column;
    gap:3px;
    padding-right:4px;
  }
  .hk-recipes-filter__eyebrow{
    color:var(--hk-gold);
    font-size:10px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:.13em;
  }
  .hk-recipes-filter__intro strong{
    color:var(--hk-green);
    font-size:16px;
    line-height:1.25;
  }

  .hk-recipes-filter__field{
    display:flex;
    flex-direction:column;
    gap:7px;
    min-width:0;
  }
  .hk-recipes-filter__field label{
    color:var(--hk-green);
    font-size:12px;
    line-height:1.2;
    font-weight:800;
  }
  .hk-recipes-filter__field input,
  .hk-recipes-filter__field select{
    width:100%;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    border:1px solid #d8e0dc!important;
    border-radius:12px!important;
    background-color:#fff!important;
    color:#243d33!important;
    font-family:inherit!important;
    font-size:14px!important;
    line-height:1.2!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
    transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease!important;
  }
  .hk-recipes-filter__field input{
    padding:0 14px!important;
  }
  .hk-recipes-filter__field select{
    padding:0 50px 0 14px!important;
    -webkit-appearance:none!important;
    appearance:none!important;
    cursor:pointer!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='11.5' fill='%23fff8e7' stroke='%23C79A2B' stroke-width='1.4'/%3E%3Cpath d='M10 12 14 16l4-4' fill='none' stroke='%23123F2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 8px center!important;
    background-size:28px 28px!important;
  }
  .hk-recipes-filter__field input:hover,
  .hk-recipes-filter__field select:hover{
    border-color:rgba(199,154,43,.7)!important;
  }
  .hk-recipes-filter__field input:focus,
  .hk-recipes-filter__field select:focus{
    outline:none!important;
    border-color:var(--hk-gold)!important;
    box-shadow:0 0 0 3px rgba(199,154,43,.10)!important;
  }
  .hk-recipes-filter__actions{
    display:flex;
    align-items:center;
    gap:8px;
  }
  .hk-recipes-filter__actions .hk-button{
    min-width:104px;
  }

  .hk-field.is-error input,
  .hk-field.is-error textarea,
  .hk-field.is-error select{
    border-color:#b64b4b!important;
    background-color:#fffafa!important;
    box-shadow:0 0 0 3px rgba(182,75,75,.07)!important;
  }
  .hk-field-error{
    display:block;
    margin-top:1px;
    color:#9b3434!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:700!important;
  }
  .hk-recipe-notice.is-error{
    border-left:3px solid #b64b4b;
  }
  .hk-recipes-empty--search{
    margin-top:2px;
  }
  .hk-recipes-empty__icon--search{
    color:var(--hk-green);
    font-size:34px;
    font-weight:700;
  }
}

/* The discovery bar will receive its own mobile layout in the dedicated mobile pass. */
@media (max-width:700px){
  .hk-recipes-filter{display:none}
}


/* Cozy desktop atmosphere for Recipes section */
.hk-recipes-shell,.hk-recipe-single{position:relative;z-index:0}
.hk-recipes-shell > *, .hk-recipe-single > *{position:relative;z-index:1}
@media (min-width: 701px){
  .hk-recipes-shell::before,
  .hk-recipe-single::before{
    content:"";
    position:absolute;
    inset:8px -14px 20px;
    border-radius:28px;
    background-color:#fbf7ef;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='116' height='116' viewBox='0 0 116 116'%3E%3Cg fill='none' stroke='%23c79a2b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' opacity='.22'%3E%3Cpath d='M28 73h60a4 4 0 0 0 4-4V54c0-16-15-29-32-29S28 38 28 54v15a4 4 0 0 0 4 4Z'/%3E%3Cpath d='M34 74c8 7 18 11 26 11s18-4 26-11'/%3E%3Cpath d='M45 38c4 4 9 6 15 6s11-2 15-6'/%3E%3C/g%3E%3C/svg%3E"),
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='104' viewBox='0 0 104 104'%3E%3Cg fill='none' stroke='%23123f2f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' opacity='.17'%3E%3Cpath d='M31 58h30a13 13 0 0 0 0-26H31v26Z'/%3E%3Cpath d='M31 58h36a13 13 0 0 1 0 26H31V58Z'/%3E%3Cpath d='M28 32v52M31 84c-7-1-11-7-11-13s4-12 11-13'/%3E%3C/g%3E%3C/svg%3E"),
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='108' height='108' viewBox='0 0 108 108'%3E%3Cg fill='none' stroke='%23c79a2b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' opacity='.2'%3E%3Cpath d='M34 36h31c9 0 17 8 17 18s-8 18-17 18H44'/%3E%3Cpath d='M72 42c7 0 12 5 12 12s-5 12-12 12'/%3E%3Cpath d='M30 36v40a12 12 0 0 0 12 12h29'/%3E%3Cpath d='M36 28c0-6 5-10 10-10s10 4 10 10M58 28c0-6 5-10 10-10s10 4 10 10'/%3E%3C/g%3E%3C/svg%3E"),
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='118' height='118' viewBox='0 0 118 118'%3E%3Cg fill='none' stroke='%23123f2f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' opacity='.16'%3E%3Cpath d='M51 30c0 17-1 38-1 58'/%3E%3Cpath d='M50 40c-10 1-18 9-18 19 9-3 16-7 18-19Z'/%3E%3Cpath d='M51 50c10 1 18 9 18 19-9-3-16-7-18-19Z'/%3E%3Cpath d='M50 60c-10 1-18 9-18 19 9-3 16-7 18-19Z'/%3E%3Cpath d='M51 70c10 1 18 9 18 19-9-3-16-7-18-19Z'/%3E%3Cpath d='M58 84c6 0 14 2 20 7'/%3E%3C/g%3E%3C/svg%3E"),
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110' viewBox='0 0 110 110'%3E%3Cg fill='none' stroke='%23c79a2b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' opacity='.19'%3E%3Cpath d='M29 70c0-14 11-25 25-25h4c14 0 25 11 25 25H29Z'/%3E%3Cpath d='M40 45V36c0-8 6-14 14-14h4c8 0 14 6 14 14v9'/%3E%3Cpath d='M35 70c2 10 11 18 22 18s20-8 22-18'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
    background-position:2.5% 7%, 98% 8%, 7% 82%, 95% 76%, 48% 97%;
    background-size:118px 118px,108px 108px,112px 112px,114px 114px,108px 108px;
    border:1px solid rgba(199,154,43,.12);
    box-shadow:0 14px 34px rgba(18,63,47,.04);
    pointer-events:none;
    z-index:0;
  }

  .hk-recipes-hero,
  .hk-recipes-pagehead,
  .hk-recipe-single__hero,
  .hk-recipe-panel,
  .hk-recipe-form__section,
  .hk-my-recipe-row,
  .hk-recipe-card,
  .hk-recipes-empty{
    background:linear-gradient(180deg,#fffdfa 0%, #ffffff 100%);
    border-color:rgba(199,154,43,.16);
  }

  .hk-recipes-hero,
  .hk-recipes-pagehead{
    box-shadow:0 14px 34px rgba(18,63,47,.06), 0 2px 0 rgba(199,154,43,.08) inset;
  }

  .hk-recipes-kicker::after{
    content:"";
    display:inline-block;
    width:24px;
    height:1px;
    margin-left:10px;
    vertical-align:middle;
    background:rgba(199,154,43,.55);
  }

  .hk-recipes-hero p,
  .hk-recipes-pagehead p{
    max-width:760px;
  }
}


/* 1.8.96 — wider desktop canvas for the public Recipes catalog only */
@media (min-width: 1201px){
  .hk-recipes-shell--catalog{
    width:min(1440px, calc(100% - 48px));
  }

  .hk-recipes-shell--catalog .hk-recipes-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (min-width: 901px) and (max-width: 1200px){
  .hk-recipes-shell--catalog{
    width:min(100% - 40px,1180px);
  }

  .hk-recipes-shell--catalog .hk-recipes-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}


/* 1.8.97 — first social layer for Recipes (desktop first) */
.hk-recipe-social-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--hk-line)}
.hk-recipe-tasty-form{margin:0}
.hk-recipe-social-button,.hk-recipe-social-count{min-height:42px;display:inline-flex;align-items:center;gap:8px;border-radius:12px;border:1px solid rgba(18,63,47,.16);background:#fff;color:var(--hk-green)!important;padding:0 14px;font:inherit;font-size:14px;font-weight:800;text-decoration:none!important;box-shadow:none;transition:.18s ease}
button.hk-recipe-social-button{cursor:pointer}
.hk-recipe-social-button:hover{border-color:var(--hk-gold);box-shadow:0 7px 18px rgba(18,63,47,.08);transform:translateY(-1px)}
.hk-recipe-social-button--tasty.is-active{background:#fff7e8;border-color:rgba(199,154,43,.62);color:var(--hk-green)!important}
.hk-recipe-social-button--tasty.is-active .hk-recipe-tasty-icon{background:#f7e5b5;border-color:rgba(199,154,43,.55)}
.hk-recipe-social-button strong{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#f4f6f4;color:var(--hk-green);font-size:12px}
.hk-recipe-tasty-icon{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#fff7e8;border:1px solid rgba(199,154,43,.26);flex:0 0 28px}
.hk-recipe-tasty-icon svg{display:block;width:19px;height:19px}
.hk-tasty-bowl{fill:#f7e5b5;stroke:#123f2f;stroke-width:1.5;stroke-linejoin:round}.hk-tasty-rim,.hk-tasty-steam{fill:none;stroke:#123f2f;stroke-width:1.5;stroke-linecap:round}.hk-tasty-spark{fill:#c79a2b;stroke:#c79a2b;stroke-width:.6}
.hk-recipe-social-button--share svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hk-recipe-card__social{display:flex;align-items:center;gap:7px;margin-top:10px;color:#697a73;font-size:12px;font-weight:700}
.hk-recipe-card__social .hk-recipe-tasty-icon{width:24px;height:24px;flex-basis:24px}.hk-recipe-card__social .hk-recipe-tasty-icon svg{width:16px;height:16px}
@media (max-width:700px){.hk-recipe-social-actions,.hk-recipe-card__social{display:none!important}}


/* 1.8.99 — compact hero image on desktop recipe pages */
@media (min-width: 901px){
  .hk-recipe-single__image{
    height:clamp(360px,29vw,410px);
    aspect-ratio:auto;
  }

  .hk-recipe-single__image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
  }
}


/* 1.9.00 — recipe multi-photo gallery, desktop first */
.hk-recipe-gallery-thumbs,.hk-recipe-extra-photos{display:none}
@media (min-width:901px){
  .hk-recipe-gallery-thumbs{display:flex;align-items:center;gap:10px;padding:12px 16px 14px;overflow-x:auto;background:linear-gradient(180deg,#fffdfa 0%,#fff 100%);border-top:1px solid rgba(199,154,43,.14);border-bottom:1px solid var(--hk-line)}
  .hk-recipe-gallery-thumb{flex:0 0 78px;width:78px;height:60px;padding:3px;border:1px solid rgba(18,63,47,.16);border-radius:11px;background:#fff;cursor:pointer;overflow:hidden;box-shadow:0 4px 12px rgba(18,63,47,.05);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
  .hk-recipe-gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:7px}
  .hk-recipe-gallery-thumb:hover{border-color:var(--hk-gold);box-shadow:0 7px 16px rgba(18,63,47,.09);transform:translateY(-1px)}
  .hk-recipe-gallery-thumb.is-active{border-color:var(--hk-gold);box-shadow:0 0 0 2px rgba(199,154,43,.18),0 7px 16px rgba(18,63,47,.08)}
  .hk-recipe-gallery-thumb:focus-visible{outline:2px solid var(--hk-gold);outline-offset:2px}
  .hk-recipe-extra-photos{display:block;margin-top:22px;padding-top:20px;border-top:1px solid var(--hk-line)}
  .hk-recipe-extra-photos__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}
  .hk-recipe-extra-photos__head h3{margin:0;color:var(--hk-green);font-size:18px;line-height:1.25}
  .hk-recipe-extra-photos__head p{margin:5px 0 0;color:var(--hk-muted);font-size:13px;line-height:1.5}
  .hk-recipe-extra-photos__head>span{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#fff7e7;color:#8a6712;border:1px solid rgba(199,154,43,.25);font-size:12px;font-weight:800}
  .hk-recipe-extra-photos__existing,.hk-recipe-extra-photos__preview{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 15px}
  .hk-recipe-extra-photo,.hk-recipe-extra-photo-preview{min-width:0;overflow:hidden;border:1px solid var(--hk-line);border-radius:12px;background:#fff;box-shadow:0 5px 14px rgba(18,63,47,.04)}
  .hk-recipe-extra-photo img,.hk-recipe-extra-photo-preview img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
  .hk-recipe-extra-photo>span,.hk-recipe-extra-photo-preview>span{display:block;padding:8px 9px;color:#53675f;font-size:12px;line-height:1.3}
  .hk-recipe-extra-photo>span{cursor:pointer}.hk-recipe-extra-photo input{accent-color:var(--hk-gold)}
  .hk-recipe-extra-photos__message{min-height:18px;margin-top:7px;font-size:12px;font-weight:700}.hk-recipe-extra-photos__message.is-error{color:#a33a3a}
  .hk-recipe-extra-photos.is-error{padding:16px;border:1px solid #d97b7b;border-radius:14px;background:#fff8f8}
}


/* 1.9.06 — social recipe discovery tabs, desktop first */
.hk-recipes-discovery-tabs{
  display:none;
}

@media (min-width:701px){
  .hk-recipes-discovery-tabs{
    display:flex;
    align-items:stretch;
    gap:10px;
    margin:0 0 22px;
    padding:7px;
    width:max-content;
    max-width:100%;
    border:1px solid rgba(18,63,47,.12);
    border-radius:16px;
    background:rgba(255,253,248,.96);
    box-shadow:0 8px 24px rgba(18,63,47,.045);
  }

  .hk-recipes-discovery-tab{
    position:relative;
    min-width:150px;
    padding:10px 14px 9px;
    border:1px solid transparent;
    border-radius:11px;
    color:var(--hk-green)!important;
    background:transparent;
    text-decoration:none!important;
    transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
  }

  .hk-recipes-discovery-tab span,
  .hk-recipes-discovery-tab small{
    display:block;
  }

  .hk-recipes-discovery-tab span{
    font-size:14px;
    line-height:1.2;
    font-weight:900;
  }

  .hk-recipes-discovery-tab small{
    margin-top:3px;
    color:#74837c;
    font-size:11px;
    line-height:1.2;
    font-weight:600;
  }

  .hk-recipes-discovery-tab::before{
    content:"";
    position:absolute;
    left:14px;
    top:0;
    width:25px;
    height:2px;
    border-radius:99px;
    background:transparent;
  }

  .hk-recipes-discovery-tab:hover{
    border-color:rgba(199,154,43,.42);
    background:#fffaf0;
    box-shadow:0 6px 16px rgba(18,63,47,.055);
    transform:translateY(-1px);
  }

  .hk-recipes-discovery-tab.is-active{
    border-color:var(--hk-green);
    background:var(--hk-green);
    color:#fff!important;
    box-shadow:0 8px 18px rgba(18,63,47,.13);
  }

  .hk-recipes-discovery-tab.is-active::before{
    background:var(--hk-gold);
  }

  .hk-recipes-discovery-tab.is-active small{
    color:rgba(255,255,255,.75);
  }

  .hk-recipes-discovery-tab:focus-visible{
    outline:2px solid var(--hk-gold);
    outline-offset:2px;
  }
}

@media (max-width:700px){
  .hk-recipes-discovery-tabs{display:none!important}
}


/* 1.9.07 — recipe card discussion count, desktop first */
@media (min-width:701px){
  .hk-recipe-card__social{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px 14px;
    min-height:28px;
    margin-top:10px;
    color:#697a73;
    font-size:12px;
    font-weight:700;
  }

  .hk-recipe-card__social-item{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-width:0;
    white-space:nowrap;
  }

  .hk-recipe-card__social-item--comments{
    color:#53675f;
  }

  .hk-recipe-card__social-item--comments::before{
    content:"";
    width:1px;
    height:16px;
    margin-right:5px;
    background:rgba(199,154,43,.30);
  }

  .hk-recipe-comment-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    flex:0 0 24px;
    border:1px solid rgba(199,154,43,.30);
    border-radius:50%;
    background:#fff8e7;
    color:var(--hk-green);
  }

  .hk-recipe-comment-icon svg{
    width:15px;
    height:15px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
}

/* Mobile remains untouched until the dedicated recipe mobile pass. */
@media (max-width:700px){
  .hk-recipe-card__social{display:none!important}
}


/* 1.9.09 — recipe card navigation polish, desktop first */
@media (min-width:701px){
  .hk-recipe-card__author a{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    transition:color .18s ease;
  }

  .hk-recipe-card__social-item--comments{
    text-decoration:none!important;
    border-radius:999px;
    transition:color .18s ease,background-color .18s ease,transform .18s ease;
  }

  .hk-recipe-card__social-item--comments:hover{
    color:var(--hk-gold)!important;
    background:rgba(199,154,43,.07);
    transform:translateY(-1px);
  }

  .hk-recipe-card__social-item--comments:hover .hk-recipe-comment-icon{
    border-color:var(--hk-gold);
    color:var(--hk-gold);
    background:#fffaf0;
  }

  .hk-recipe-card__social-item--comments:focus-visible{
    outline:2px solid var(--hk-gold);
    outline-offset:3px;
  }

  .hk-recipe-comment-icon{
    transition:border-color .18s ease,color .18s ease,background-color .18s ease;
  }
}


/* ==========================================================
 * 1.9.10 — HARCHI KOLO Recipes: complete mobile adaptation.
 * Desktop rules above remain unchanged.
 * ========================================================== */
@media (max-width:700px){

  /* Page canvas and branded surfaces */
  .hk-recipes-shell,
  .hk-recipe-single{
    width:calc(100% - 20px);
    margin-left:auto;
    margin-right:auto;
    padding-top:12px;
    padding-bottom:34px;
  }

  .hk-recipes-shell::before,
  .hk-recipe-single::before{
    content:"";
    position:absolute;
    inset:4px -5px 12px;
    z-index:0;
    border:1px solid rgba(199,154,43,.11);
    border-radius:20px;
    background:
      radial-gradient(circle at 8% 7%,rgba(199,154,43,.065),transparent 20%),
      radial-gradient(circle at 94% 24%,rgba(18,63,47,.045),transparent 23%),
      #fbf7ef;
    pointer-events:none;
  }

  .hk-recipes-hero,
  .hk-recipes-pagehead,
  .hk-recipe-single__hero,
  .hk-recipe-panel,
  .hk-recipe-form__section,
  .hk-my-recipe-row,
  .hk-recipe-card,
  .hk-recipes-empty{
    background:linear-gradient(180deg,#fffdfa 0%,#fff 100%);
    border-color:rgba(199,154,43,.17);
  }

  /* Public recipes header */
  .hk-recipes-hero,
  .hk-recipes-pagehead{
    margin-bottom:14px;
    padding:17px;
    gap:16px;
    border-radius:17px;
    box-shadow:0 9px 24px rgba(18,63,47,.055);
  }

  .hk-recipes-kicker{
    margin-bottom:6px;
    font-size:10px;
    letter-spacing:.12em;
  }

  .hk-recipes-kicker::after{
    content:"";
    display:inline-block;
    width:20px;
    height:1px;
    margin-left:8px;
    vertical-align:middle;
    background:rgba(199,154,43,.55);
  }

  .hk-recipes-hero h1,
  .hk-recipes-pagehead h1{
    font-size:27px;
    line-height:1.12;
  }

  .hk-recipes-hero p,
  .hk-recipes-pagehead p{
    margin-top:9px;
    font-size:14px;
    line-height:1.5;
  }

  .hk-recipes-hero__actions,
  .hk-recipes-pagehead--actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .hk-recipes-hero__actions .hk-button,
  .hk-recipes-pagehead--actions > .hk-button{
    width:100%;
    min-width:0;
    min-height:44px;
    padding:0 10px;
    border-radius:11px;
    font-size:13px;
    white-space:normal;
    text-align:center;
    line-height:1.2;
  }

  .hk-recipes-hero__actions .hk-button--primary:first-child{
    grid-column:1/-1;
  }

  /* Mobile discovery/search */
  .hk-recipes-filter{
    display:grid!important;
    grid-template-columns:1fr;
    gap:11px;
    margin:0 0 12px;
    padding:14px;
    border:1px solid rgba(18,63,47,.12);
    border-top:2px solid var(--hk-gold);
    border-radius:15px;
    background:linear-gradient(135deg,#fff 0%,#fffaf0 100%);
    box-shadow:0 7px 20px rgba(18,63,47,.045);
  }

  .hk-recipes-filter__intro{
    display:flex;
    flex-direction:column;
    gap:2px;
  }

  .hk-recipes-filter__eyebrow{
    color:var(--hk-gold);
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
  }

  .hk-recipes-filter__intro strong{
    color:var(--hk-green);
    font-size:15px;
    line-height:1.25;
  }

  .hk-recipes-filter__field{
    display:flex;
    flex-direction:column;
    gap:6px;
    min-width:0;
  }

  .hk-recipes-filter__field label{
    color:var(--hk-green);
    font-size:11px;
    font-weight:800;
  }

  .hk-recipes-filter__field input,
  .hk-recipes-filter__field select{
    width:100%;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    border:1px solid #d8e0dc!important;
    border-radius:11px!important;
    background-color:#fff!important;
    color:#243d33!important;
    font-family:inherit!important;
    font-size:16px!important;
    line-height:1.2!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }

  .hk-recipes-filter__field input{
    padding:0 12px!important;
  }

  .hk-recipes-filter__field select{
    padding:0 46px 0 12px!important;
    -webkit-appearance:none!important;
    appearance:none!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Ccircle cx='13' cy='13' r='10.5' fill='%23fff8e7' stroke='%23C79A2B' stroke-width='1.3'/%3E%3Cpath d='M9.5 11.5 13 15l3.5-3.5' fill='none' stroke='%23123F2F' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 8px center!important;
    background-size:26px 26px!important;
  }

  .hk-recipes-filter__field input:focus,
  .hk-recipes-filter__field select:focus{
    outline:none!important;
    border-color:var(--hk-gold)!important;
    box-shadow:0 0 0 3px rgba(199,154,43,.10)!important;
  }

  .hk-recipes-filter__actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .hk-recipes-filter__actions .hk-button{
    width:100%;
    min-height:43px;
    padding:0 11px;
    font-size:13px;
  }

  .hk-recipes-filter__actions .hk-button:only-child{
    grid-column:1/-1;
  }

  /* New / popular / discussed */
  .hk-recipes-discovery-tabs{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(104px,1fr));
    gap:6px;
    width:100%;
    max-width:100%;
    margin:0 0 14px;
    padding:5px;
    overflow-x:auto;
    border:1px solid rgba(18,63,47,.12);
    border-radius:14px;
    background:rgba(255,253,248,.97);
    box-shadow:0 6px 18px rgba(18,63,47,.04);
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .hk-recipes-discovery-tabs::-webkit-scrollbar{display:none}

  .hk-recipes-discovery-tab{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:104px;
    min-height:39px;
    padding:8px 8px;
    border:1px solid transparent;
    border-radius:10px;
    color:var(--hk-green)!important;
    background:transparent;
    text-decoration:none!important;
    text-align:center;
    white-space:nowrap;
  }

  .hk-recipes-discovery-tab span{
    display:block;
    font-size:12px;
    line-height:1.1;
    font-weight:900;
  }

  .hk-recipes-discovery-tab small{display:none}

  .hk-recipes-discovery-tab.is-active{
    border-color:var(--hk-green);
    background:var(--hk-green);
    color:#fff!important;
    box-shadow:0 5px 12px rgba(18,63,47,.12);
  }

  .hk-recipes-discovery-tab.is-active::before{display:none}

  /* Recipe cards */
  .hk-recipes-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .hk-recipe-card{
    border-radius:17px;
    box-shadow:0 7px 21px rgba(18,63,47,.055);
  }

  .hk-recipe-card:hover{
    transform:none;
    box-shadow:0 7px 21px rgba(18,63,47,.055);
  }

  .hk-recipe-card__image{
    aspect-ratio:16/10;
  }

  .hk-recipe-card__category{
    left:11px;
    bottom:11px;
    padding:6px 9px;
    font-size:11px;
  }

  .hk-recipe-card__body{
    padding:15px;
  }

  .hk-recipe-card__body h2{
    margin-bottom:8px;
    font-size:20px;
    line-height:1.2;
  }

  .hk-recipe-card__facts{
    gap:8px 11px;
    margin-bottom:9px;
    font-size:12px;
  }

  .hk-recipe-card__body p{
    margin-bottom:12px;
    font-size:14px;
    line-height:1.48;
  }

  .hk-recipe-card__author{
    gap:8px;
    padding-top:10px;
    font-size:12px;
  }

  .hk-recipe-card__author a{
    display:inline-flex;
    align-items:center;
    min-height:27px;
  }

  .hk-recipe-avatar{
    width:32px;
    height:32px;
  }

  .hk-recipe-card__social{
    display:flex!important;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    min-height:28px;
    margin-top:10px;
    color:#66776f;
    font-size:11px;
    font-weight:800;
  }

  .hk-recipe-card__social-item{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:28px;
    padding:2px 7px 2px 3px;
    border:1px solid rgba(18,63,47,.09);
    border-radius:999px;
    background:#fbfcfb;
    white-space:nowrap;
  }

  .hk-recipe-card__social-item--comments{
    color:#53675f!important;
    text-decoration:none!important;
  }

  .hk-recipe-card__social-item--comments::before{display:none}

  .hk-recipe-card__social .hk-recipe-tasty-icon{
    width:23px;
    height:23px;
    flex:0 0 23px;
  }

  .hk-recipe-card__social .hk-recipe-tasty-icon svg{
    width:15px;
    height:15px;
  }

  .hk-recipe-comment-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:23px;
    height:23px;
    flex:0 0 23px;
    border:1px solid rgba(199,154,43,.30);
    border-radius:50%;
    background:#fff8e7;
    color:var(--hk-green);
  }

  .hk-recipe-comment-icon svg{
    width:14px;
    height:14px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  /* Save control: compact, branded, clearly readable */
  .hk-recipe-save-control{
    width:100%;
    margin-top:11px;
  }

  .hk-recipe-save-control .hk-recipe-save-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    width:100%!important;
    min-height:44px!important;
    padding:0 12px!important;
    border:1px solid rgba(199,154,43,.48)!important;
    border-radius:11px!important;
    background:linear-gradient(135deg,#fffdf7 0%,#fbf3dc 100%)!important;
    color:var(--hk-green)!important;
    -webkit-text-fill-color:var(--hk-green)!important;
    font-size:13px!important;
    font-weight:900!important;
    box-shadow:0 4px 12px rgba(87,67,14,.06)!important;
  }

  .hk-recipe-save-control .hk-recipe-save-button.is-saved,
  .hk-recipe-save-control .hk-button--saved{
    border-color:rgba(18,63,47,.24)!important;
    background:linear-gradient(135deg,#edf5f0 0%,#fffaf0 100%)!important;
  }

  .hk-recipe-save-button__pastry,
  .hk-recipe-save-button__label--desktop{
    display:none!important;
  }

  .hk-recipe-save-button__mobile-symbol,
  .hk-recipe-save-button__label--mobile{
    display:inline-block!important;
  }

  /* Single recipe */
  .hk-back-link{
    margin:2px 0 10px;
    font-size:13px;
  }

  .hk-recipe-notice{
    margin-bottom:12px;
    padding:11px 12px;
    border-radius:11px;
    font-size:13px;
    line-height:1.4;
  }

  .hk-recipe-single__hero{
    border-radius:17px;
    box-shadow:0 9px 25px rgba(18,63,47,.06);
  }

  .hk-recipe-single__image{
    aspect-ratio:4/3;
  }

  .hk-recipe-gallery-thumbs{
    display:flex!important;
    align-items:center;
    gap:7px;
    padding:9px 10px 10px;
    overflow-x:auto;
    border-top:1px solid rgba(199,154,43,.12);
    border-bottom:1px solid var(--hk-line);
    background:#fffdfa;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .hk-recipe-gallery-thumbs::-webkit-scrollbar{display:none}

  .hk-recipe-gallery-thumb{
    flex:0 0 66px;
    width:66px;
    height:52px;
    padding:2px;
    border:1px solid rgba(18,63,47,.14);
    border-radius:9px;
    background:#fff;
    overflow:hidden;
    box-shadow:none;
  }

  .hk-recipe-gallery-thumb img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:6px;
  }

  .hk-recipe-gallery-thumb.is-active{
    border-color:var(--hk-gold);
    box-shadow:0 0 0 2px rgba(199,154,43,.15);
  }

  .hk-recipe-single__head{
    padding:17px;
  }

  .hk-recipe-single__category{
    margin-bottom:9px;
    padding:6px 9px;
    font-size:11px;
  }

  .hk-recipe-single h1{
    font-size:28px;
    line-height:1.12;
  }

  .hk-recipe-single__excerpt{
    margin-top:10px;
    font-size:14px;
    line-height:1.5;
  }

  .hk-recipe-single__facts{
    gap:7px;
    margin-top:13px;
  }

  .hk-recipe-single__facts span{
    flex:1 1 auto;
    min-width:max-content;
    padding:7px 9px;
    border-radius:9px;
    font-size:11px;
  }

  .hk-recipe-single__author{
    gap:9px;
    margin-top:14px;
    padding-top:13px;
    font-size:13px;
  }

  .hk-recipe-single__author small{
    font-size:10px;
    color:#7a8983;
  }

  .hk-recipe-owner-tools{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    margin-top:14px;
  }

  .hk-recipe-owner-tools .hk-button{
    width:100%;
    min-height:44px;
    font-size:13px;
  }

  .hk-recipe-single__save{
    margin-top:14px;
  }

  /* Social actions finally available on mobile */
  .hk-recipe-social-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:13px;
    padding-top:13px;
  }

  .hk-recipe-tasty-form{
    width:100%;
  }

  .hk-recipe-social-button,
  .hk-recipe-social-count{
    width:100%;
    min-width:0;
    min-height:44px;
    justify-content:center;
    gap:6px;
    padding:0 9px;
    border-radius:11px;
    font-size:12px;
  }

  .hk-recipe-social-button strong{
    min-width:21px;
    height:21px;
    padding:0 5px;
    font-size:11px;
  }

  .hk-recipe-social-actions .hk-recipe-tasty-icon{
    width:25px;
    height:25px;
    flex:0 0 25px;
  }

  .hk-recipe-social-actions .hk-recipe-tasty-icon svg{
    width:17px;
    height:17px;
  }

  .hk-recipe-social-button--share svg{
    width:16px;
    height:16px;
  }

  /* Ingredient / preparation panels */
  .hk-recipe-single__content{
    gap:12px;
    margin-top:12px;
  }

  .hk-recipe-panel{
    padding:16px;
    border-radius:15px;
    box-shadow:0 6px 18px rgba(18,63,47,.04);
  }

  .hk-recipe-panel h2{
    margin-bottom:12px;
    font-size:21px;
  }

  .hk-recipe-ingredients li{
    padding:9px 0 9px 20px;
    font-size:14px;
    line-height:1.45;
  }

  .hk-recipe-steps{
    gap:12px;
  }

  .hk-recipe-steps li{
    min-height:30px;
    padding-left:40px;
    font-size:14px;
    line-height:1.52;
  }

  .hk-recipe-steps li::before{
    width:29px;
    height:29px;
    font-size:12px;
  }

  .hk-recipe-video{
    margin-top:16px;
    font-size:13px;
  }

  /* Recipe create/edit */
  .hk-recipe-form{
    gap:12px;
  }

  .hk-recipe-form__section{
    padding:16px;
    border-radius:15px;
  }

  .hk-recipe-form__section h2{
    margin-bottom:14px;
    font-size:20px;
  }

  .hk-recipe-form__grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .hk-field + .hk-field{
    margin-top:12px;
  }

  .hk-recipe-form__grid .hk-field + .hk-field{
    margin-top:0;
  }

  .hk-field input,
  .hk-field textarea,
  .hk-field select{
    font-size:16px!important;
  }

  .hk-recipe-form .hk-field select{
    min-height:46px!important;
    padding:0 46px 0 12px!important;
    -webkit-appearance:none!important;
    appearance:none!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Ccircle cx='13' cy='13' r='10.5' fill='%23fff8e7' stroke='%23C79A2B' stroke-width='1.3'/%3E%3Cpath d='M9.5 11.5 13 15l3.5-3.5' fill='none' stroke='%23123F2F' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 8px center!important;
    background-size:26px 26px!important;
  }

  .hk-field.is-error input,
  .hk-field.is-error textarea,
  .hk-field.is-error select{
    border-color:#b64b4b!important;
    background-color:#fffafa!important;
    box-shadow:0 0 0 3px rgba(182,75,75,.07)!important;
  }

  .hk-field-error{
    display:block;
    color:#9b3434!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:700!important;
  }

  .hk-recipe-form__submit .hk-button{
    width:100%;
    min-height:48px;
    font-size:14px;
  }

  /* Additional photos: fully usable on mobile */
  .hk-recipe-extra-photos{
    display:block!important;
    margin-top:17px;
    padding-top:16px;
    border-top:1px solid var(--hk-line);
  }

  .hk-recipe-extra-photos__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    margin-bottom:12px;
  }

  .hk-recipe-extra-photos__head h3{
    margin:0;
    color:var(--hk-green);
    font-size:17px;
    line-height:1.25;
  }

  .hk-recipe-extra-photos__head p{
    margin:4px 0 0;
    color:var(--hk-muted);
    font-size:12px;
    line-height:1.42;
  }

  .hk-recipe-extra-photos__head > span{
    flex:0 0 auto;
    padding:5px 8px;
    border:1px solid rgba(199,154,43,.25);
    border-radius:999px;
    background:#fff7e7;
    color:#8a6712;
    font-size:10px;
    font-weight:900;
  }

  .hk-recipe-extra-photos__existing,
  .hk-recipe-extra-photos__preview{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin:0 0 12px;
  }

  .hk-recipe-extra-photo,
  .hk-recipe-extra-photo-preview{
    min-width:0;
    overflow:hidden;
    border:1px solid var(--hk-line);
    border-radius:10px;
    background:#fff;
  }

  .hk-recipe-extra-photo img,
  .hk-recipe-extra-photo-preview img{
    display:block;
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
  }

  .hk-recipe-extra-photo > span,
  .hk-recipe-extra-photo-preview > span{
    display:block;
    padding:7px;
    color:#53675f;
    font-size:11px;
    line-height:1.3;
  }

  .hk-recipe-extra-photo input{
    accent-color:var(--hk-gold);
  }

  .hk-recipe-extra-photos__message{
    min-height:16px;
    margin-top:6px;
    font-size:11px;
    font-weight:800;
  }

  .hk-recipe-extra-photos__message.is-error{
    color:#a33a3a;
  }

  .hk-recipe-extra-photos.is-error{
    padding:12px;
    border:1px solid #d97b7b;
    border-radius:12px;
    background:#fff8f8;
  }

  /* My/saved recipe lists */
  .hk-my-recipes-list{
    gap:10px;
  }

  .hk-my-recipe-row{
    grid-template-columns:84px minmax(0,1fr);
    gap:10px;
    padding:10px;
    border-radius:14px;
  }

  .hk-my-recipe-row h2{
    margin-bottom:7px;
    font-size:16px;
    line-height:1.25;
  }

  .hk-my-recipe-row__actions{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
  }

  .hk-my-recipe-row__actions .hk-button,
  .hk-recipe-delete-form,
  .hk-recipe-delete-form .hk-button{
    width:100%;
  }

  .hk-my-recipe-row__actions .hk-button{
    min-height:42px;
    padding:0 8px;
    font-size:12px;
  }

  /* Empty states / pagination */
  .hk-recipes-empty{
    padding:32px 16px;
    border-radius:17px;
  }

  .hk-recipes-empty__icon{
    width:62px;
    height:62px;
  }

  .hk-recipes-empty h1,
  .hk-recipes-empty h2{
    font-size:21px;
  }

  .hk-recipes-empty p{
    font-size:13px;
    line-height:1.5;
  }

  .hk-recipes-pagination ul{
    gap:6px;
    margin-top:20px;
  }

  .hk-recipes-pagination a,
  .hk-recipes-pagination span{
    min-width:36px;
    height:36px;
    border-radius:9px;
    font-size:13px;
  }
}

@media (max-width:380px){
  .hk-recipes-hero__actions,
  .hk-recipes-pagehead--actions{
    grid-template-columns:1fr;
  }

  .hk-recipes-hero__actions .hk-button--primary:first-child{
    grid-column:auto;
  }

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

  .hk-recipe-single h1{
    font-size:26px;
  }

  .hk-recipe-single__facts span{
    flex:1 1 46%;
    min-width:0;
    text-align:center;
  }
}

/* =========================================================
   Recipe origin / culinary story — HARCHI KOLO 1.9.65
   ========================================================= */
.hk-recipe-origin-form{
  position:relative;
  overflow:hidden;
  border-color:rgba(199,154,43,.25);
  background:linear-gradient(135deg,#fff 0%,#fffdf7 100%);
}

.hk-recipe-origin-form::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg,var(--hk-gold),#e5c56f);
}

.hk-recipe-origin-form__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px;
}

.hk-recipe-origin-form__head h2{
  margin:3px 0 7px;
}

.hk-recipe-origin-form__head p{
  max-width:710px;
  margin:0;
  color:var(--hk-muted);
  font-size:13px;
  line-height:1.55;
}

.hk-recipe-origin-form__kicker{
  display:block;
  color:var(--hk-gold);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}

.hk-recipe-origin-form__badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid rgba(18,63,47,.12);
  border-radius:999px;
  background:#f5f8f6;
  color:#60736b;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}

.hk-recipe-origin-form__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:16px;
}

.hk-recipe-origin-form__grid .hk-field + .hk-field{
  margin-top:0;
}

.hk-recipe-origin-form__story{
  margin-top:16px!important;
}

.hk-recipe-origin-card{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:17px;
  align-items:start;
  margin-top:22px;
  padding:20px 22px;
  border:1px solid rgba(199,154,43,.29);
  border-radius:18px;
  background:linear-gradient(135deg,#fffdf8 0%,#f7faf7 100%);
  box-shadow:0 8px 24px rgba(18,63,47,.045);
}

.hk-recipe-origin-card__mark{
  display:flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  border:1px solid rgba(199,154,43,.28);
  border-radius:16px;
  background:#fff7e8;
  box-shadow:inset 0 0 0 5px rgba(255,255,255,.58);
}

.hk-recipe-origin-card__mark svg{
  display:block;
  width:31px;
  height:31px;
  fill:none;
  stroke:var(--hk-green);
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hk-recipe-origin-card__topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:4px;
}

.hk-recipe-origin-card__eyebrow{
  color:var(--hk-gold);
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
}

.hk-recipe-origin-card__source{
  color:#819087;
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
}

.hk-recipe-origin-card h2{
  margin:0;
  color:var(--hk-green);
  font-size:22px;
  line-height:1.25;
}

.hk-recipe-origin-card__type{
  display:inline-flex;
  align-items:center;
  margin-top:9px;
  min-height:27px;
  padding:0 10px;
  border:1px solid rgba(199,154,43,.24);
  border-radius:999px;
  background:#fff5dc;
  color:#85620d;
  font-size:11px;
  font-weight:850;
}

.hk-recipe-origin-card p{
  margin:12px 0 0;
  color:#4f655c;
  font-size:14px;
  line-height:1.62;
}

@media (max-width:700px){
  .hk-recipe-origin-form__head{
    display:block;
    margin-bottom:17px;
  }

  .hk-recipe-origin-form__badge{
    margin-top:10px;
  }

  .hk-recipe-origin-form__grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .hk-recipe-origin-card{
    grid-template-columns:44px minmax(0,1fr);
    gap:12px;
    margin-top:14px;
    padding:16px;
    border-radius:15px;
  }

  .hk-recipe-origin-card__mark{
    width:44px;
    height:44px;
    border-radius:13px;
  }

  .hk-recipe-origin-card__mark svg{
    width:25px;
    height:25px;
  }

  .hk-recipe-origin-card__topline{
    display:block;
    margin-bottom:5px;
  }

  .hk-recipe-origin-card__source{
    display:block;
    margin-top:3px;
  }

  .hk-recipe-origin-card h2{
    font-size:18px;
  }

  .hk-recipe-origin-card p{
    font-size:13px;
  }
}

/* =========================================================
   HARCHI origin assistant — 1.9.66
   ========================================================= */
.hk-recipe-origin-assistant{
  margin:0 0 18px;
  padding:15px 16px;
  border:1px solid rgba(18,63,47,.10);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(18,63,47,.035),rgba(199,154,43,.055));
}

.hk-recipe-origin-assistant__intro{
  display:flex;
  align-items:flex-start;
  gap:11px;
}

.hk-recipe-origin-assistant__spark{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  width:31px;
  height:31px;
  border:1px solid rgba(199,154,43,.30);
  border-radius:10px;
  background:#fff8e8;
  color:var(--hk-gold);
  font-size:16px;
  line-height:1;
  box-shadow:0 4px 12px rgba(18,63,47,.04);
}

.hk-recipe-origin-assistant__intro strong{
  display:block;
  margin:0 0 3px;
  color:var(--hk-green);
  font-size:13px;
  font-weight:850;
}

.hk-recipe-origin-assistant__intro span:not(.hk-recipe-origin-assistant__spark){
  display:block;
  max-width:760px;
  color:#5f7169;
  font-size:12px;
  line-height:1.5;
}

.hk-recipe-origin-assistant__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  margin-top:12px;
  padding:0 14px;
  border:1px solid var(--hk-green)!important;
  border-radius:11px!important;
  background:var(--hk-green)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.005em;
  box-shadow:0 6px 16px rgba(18,63,47,.12)!important;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}

.hk-recipe-origin-assistant__button:hover{
  transform:translateY(-1px);
  background:#0f3629!important;
  box-shadow:0 8px 19px rgba(18,63,47,.16)!important;
}

.hk-recipe-origin-assistant__button:disabled,
.hk-recipe-origin-assistant__button.is-working{
  opacity:.72;
  cursor:wait;
  transform:none;
}

.hk-recipe-origin-assistant__note{
  display:block;
  margin-top:8px;
  color:#809087;
  font-size:10px;
  line-height:1.45;
}

.hk-recipe-origin-assistant__result{
  margin-top:13px;
  padding-top:13px;
  border-top:1px solid rgba(18,63,47,.09);
}

.hk-recipe-origin-assistant__result-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:9px;
}

.hk-recipe-origin-assistant__result-head > span{
  color:var(--hk-gold);
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
  white-space:nowrap;
}

.hk-recipe-origin-assistant__result-head small{
  max-width:500px;
  color:#7a8a82;
  font-size:10px;
  line-height:1.4;
  text-align:right;
}

.hk-recipe-origin-suggestion{
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 13px;
  border:1px solid rgba(199,154,43,.22);
  border-radius:13px;
  background:rgba(255,255,255,.88);
}

.hk-recipe-origin-suggestion + .hk-recipe-origin-suggestion{
  margin-top:8px;
}

.hk-recipe-origin-suggestion__main{
  min-width:0;
  flex:1 1 auto;
}

.hk-recipe-origin-suggestion__top{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}

.hk-recipe-origin-suggestion__top strong{
  color:var(--hk-green);
  font-size:14px;
  line-height:1.25;
}

.hk-recipe-origin-suggestion__top span{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 7px;
  border-radius:999px;
  background:#eff5f1;
  color:#567066;
  font-size:9px;
  font-weight:800;
}

.hk-recipe-origin-suggestion__type,
.hk-recipe-origin-suggestion__region{
  display:inline-flex;
  align-items:center;
  margin:6px 7px 0 0;
  color:#7a5c12;
  font-size:10px;
  font-weight:800;
}

.hk-recipe-origin-suggestion__region{
  color:#66786f;
}

.hk-recipe-origin-suggestion p{
  margin:6px 0 0!important;
  color:#6a7a72!important;
  font-size:10.5px!important;
  line-height:1.48!important;
}

.hk-recipe-origin-suggestion__apply{
  flex:0 0 auto;
  min-height:34px;
  padding:0 12px!important;
  border:1px solid rgba(199,154,43,.75)!important;
  border-radius:10px!important;
  background:#fffaf0!important;
  color:#7b5a09!important;
  font-size:11px!important;
  font-weight:850!important;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease;
}

.hk-recipe-origin-suggestion__apply:hover{
  background:#fff2ce!important;
  transform:translateY(-1px);
}

.hk-recipe-origin-assistant__empty,
.hk-recipe-origin-assistant__success{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:11px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.8);
}

.hk-recipe-origin-assistant__empty strong,
.hk-recipe-origin-assistant__success strong{
  display:block;
  color:var(--hk-green);
  font-size:12px;
}

.hk-recipe-origin-assistant__empty span,
.hk-recipe-origin-assistant__success span:not(.hk-recipe-origin-assistant__success-mark){
  display:block;
  margin-top:2px;
  color:#66786f;
  font-size:10.5px;
  line-height:1.45;
}

.hk-recipe-origin-assistant__success-mark{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  width:27px;
  height:27px;
  border-radius:999px;
  background:var(--hk-green);
  color:#fff;
  font-size:13px;
  font-weight:900;
}

@media (max-width:700px){
  .hk-recipe-origin-assistant{
    padding:13px;
    margin-bottom:15px;
    border-radius:13px;
  }

  .hk-recipe-origin-assistant__button{
    width:100%;
    min-height:42px;
    padding:0 11px;
    white-space:normal;
    line-height:1.25!important;
    text-align:center;
  }

  .hk-recipe-origin-assistant__result-head{
    display:block;
  }

  .hk-recipe-origin-assistant__result-head small{
    display:block;
    margin-top:4px;
    text-align:left;
  }

  .hk-recipe-origin-suggestion{
    display:block;
    padding:12px;
  }

  .hk-recipe-origin-suggestion__apply{
    width:100%;
    margin-top:10px;
  }
}