<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
  id="logo-firewood"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  xml:space="preserve"
  width="1600"
  height="500"
  viewBox="0 0 1600 500"
  fill="none">

  <defs>
    <style type="text/css"><![CDATA[
      .c-red { fill:#EB4C42; }
      .c-teal { fill:#006262; }
      .s-red { stroke:#EB4C42; }
      .s-teal { stroke:#006262; }
      .txt-main {
        font-family: 'Montserrat', 'Arial', sans-serif;
        font-size: 132px;
        font-weight: 800;
        letter-spacing: 8px;
      }
      .txt-sub {
        font-family: 'Montserrat', 'Arial', sans-serif;
        font-size: 54px;
        font-weight: 700;
        letter-spacing: 4px;
      }
      .txt-small {
        font-family: 'Montserrat', 'Arial', sans-serif;
        font-size: 32px;
        font-weight: 500;
        letter-spacing: 1px;
      }
    ]]></style>
  </defs>

  <!-- ICON -->
  <g transform="translate(40,40)">
    <!-- outer badge -->
    <rect x="0" y="0" width="360" height="360" rx="92" class="s-teal" stroke-width="16"/>

    <!-- flame -->
    <path class="c-red" d="M182 72
      C220 119 238 152 238 193
      C238 248 201 292 178 319
      C158 286 129 254 129 209
      C129 167 150 136 174 109
      C188 93 192 85 182 72Z"/>

    <path d="M183 138
      C205 165 208 191 198 213
      C191 229 181 243 168 254
      C167 240 157 228 157 208
      C157 184 169 160 183 138Z"
      fill="#FFFFFF"/>

    <!-- lower accent -->
    <ellipse cx="180" cy="303" rx="66" ry="16" fill="#EB4C42" opacity="0.15"/>

    <!-- logs -->
    <g transform="rotate(-18 180 255)">
      <rect x="58" y="234" width="244" height="44" rx="22" class="c-teal"/>
      <circle cx="82" cy="256" r="14" fill="none" class="s-red" stroke-width="4"/>
      <circle cx="82" cy="256" r="7" fill="none" class="s-red" stroke-width="4"/>
      <line x1="120" y1="245" x2="258" y2="245" class="s-red" stroke-width="4" stroke-linecap="round" opacity="0.9"/>
      <line x1="132" y1="266" x2="282" y2="266" class="s-red" stroke-width="4" stroke-linecap="round" opacity="0.65"/>
    </g>

    <g transform="rotate(18 180 258)">
      <rect x="58" y="236" width="244" height="44" rx="22" class="c-teal"/>
      <circle cx="278" cy="258" r="14" fill="none" class="s-red" stroke-width="4"/>
      <circle cx="278" cy="258" r="7" fill="none" class="s-red" stroke-width="4"/>
      <line x1="98" y1="247" x2="242" y2="247" class="s-red" stroke-width="4" stroke-linecap="round" opacity="0.9"/>
      <line x1="116" y1="268" x2="252" y2="268" class="s-red" stroke-width="4" stroke-linecap="round" opacity="0.65"/>
    </g>

    <!-- small decorative sparks -->
    <circle cx="112" cy="110" r="6" class="c-red"/>
    <circle cx="248" cy="96" r="5" class="c-red" opacity="0.9"/>
    <circle cx="270" cy="132" r="4" class="c-red" opacity="0.75"/>
  </g>

  <!-- TEXT -->
  <g transform="translate(470,108)">
    <text x="0" y="120" class="txt-main c-teal">ДРОВА</text>

    <g transform="translate(0,155)">
      <rect x="0" y="0" width="128" height="8" rx="4" class="c-red"/>
      <rect x="146" y="0" width="128" height="8" rx="4" class="c-teal"/>
    </g>

    <text x="0" y="240" class="txt-sub c-red">С ДОСТАВКОЙ</text>
    <text x="0" y="306" class="txt-small c-teal" opacity="0.88">Москва и Московская область</text>
  </g>
</svg>