{%- style -%}
  .password  .main-password-heder{position:relative;width:100%;z-index:3;}
{%- endstyle -%}




<div class="color-{{ section.settings.color_scheme }} gradient main-password-heder">
  <div class="password-header">
     <a href="{{ routes.root_url }}" class="logo_link">
    {%- if section.settings.logo -%}
      <img
        src="{{ section.settings.logo | image_url: width: 500, height: 500 }}"
        class="password-logo"
        alt="{{ section.settings.logo.alt | default: shop.name | escape }}"
        style="max-width: {{ section.settings.logo_max_width }}px"
        width="{{ section.settings.logo_max_width }}"
        height="{{ section.settings.logo_max_width | divided_by: section.settings.logo.aspect_ratio }}"
        loading="lazy"
      >
    {%- else -%}
      <h1 class="h3">{{ shop.name }}</h1>
    {%- endif -%}
  </a>
    {%- if shop.password_message != blank -%}
      <div class="password-content">
        {{ shop.password_message }}
      </div>
    {%- endif -%}

    <password-modal>
      <details class="password-modal modal">
        <summary class="modal__toggle" aria-haspopup="dialog">
          <div class="modal__toggle-open password-link link underline-link-menu" id="underline-link">
            <!-- <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
              <path d="M12 9.58644V11.9774H9.89804L3.209 5.28291L3.209 12H0L0 1.52554L1.83044 0L11.8645 0V3.09676L5.51424 3.09676L12 9.58644Z" fill="currentcolor"/>
            </svg> -->
          <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="18" height="18" viewBox="0 0 512 512"><path d="M0 0 C0.79536163 0.00215515 1.59072327 0.0043103 2.41018677 0.00653076 C13.9406784 0.05667657 25.0363873 0.4020967 36.25 3.3125 C37.07419434 3.51649414 37.89838867 3.72048828 38.74755859 3.93066406 C50.7705156 6.9512424 62.12695934 10.84049531 73.25 16.3125 C73.88099609 16.61913574 74.51199219 16.92577148 75.16210938 17.24169922 C88.0379875 23.5713549 99.5202965 31.43737292 110.01953125 41.234375 C112.06782622 43.14276891 114.17035597 44.94874726 116.3125 46.75 C138.23625588 66.04815637 152.34061097 93.59267862 160.25 121.3125 C160.58515625 122.46234375 160.9203125 123.6121875 161.265625 124.796875 C164.86073901 138.11994457 165.62944472 151.35404806 165.5625 165.0625 C165.56034485 165.85786163 165.5581897 166.65322327 165.55596924 167.47268677 C165.50580875 179.00655463 165.15036867 190.09409288 162.25 201.3125 C162.05132324 202.12605957 161.85264648 202.93961914 161.64794922 203.77783203 C152.75866898 239.67454347 132.87973829 272.77182517 103.25 295.3125 C102.32960938 296.04855469 101.40921875 296.78460938 100.4609375 297.54296875 C72.20762141 319.66584833 36.77718536 330.50234215 1.1875 330.625 C0.43588593 330.62795074 -0.31572815 330.63090149 -1.09011841 330.63394165 C-16.3772434 330.64755043 -30.79544357 328.79575807 -45.55688477 324.73950195 C-46.53351578 324.47160355 -47.51014679 324.20370514 -48.51637268 323.9276886 C-49.2534697 323.72467636 -49.99056671 323.52166412 -50.75 323.3125 C-51.21718445 323.78412567 -51.6843689 324.25575134 -52.16571045 324.7416687 C-57.02629604 329.64647902 -61.89388975 334.54425278 -66.765625 339.43798828 C-68.58319126 341.26561607 -70.39895896 343.09503434 -72.21289062 344.92626953 C-74.81951397 347.55713391 -77.43252361 350.18150533 -80.046875 352.8046875 C-81.26271271 354.03600906 -81.26271271 354.03600906 -82.50311279 355.29220581 C-83.26359924 356.05284332 -84.02408569 356.81348083 -84.80761719 357.59716797 C-85.47380066 358.26779266 -86.13998413 358.93841736 -86.82635498 359.62936401 C-91.11528246 363.38205649 -94.82562328 363.58927769 -100.359375 363.5078125 C-101.08618469 363.5049826 -101.81299438 363.50215271 -102.56182861 363.49923706 C-104.87472251 363.48807523 -107.18722388 363.46297851 -109.5 363.4375 C-111.07160898 363.42746501 -112.64322404 363.41834006 -114.21484375 363.41015625 C-118.06004622 363.38814904 -121.90495664 363.35364715 -125.75 363.3125 C-125.72643433 364.77272583 -125.72643433 364.77272583 -125.70239258 366.26245117 C-125.64793761 369.88720367 -125.61359374 373.51192026 -125.58520508 377.13696289 C-125.57015378 378.70343107 -125.54970793 380.26985736 -125.52368164 381.83618164 C-125.48713567 384.09271606 -125.47023739 386.34869153 -125.45703125 388.60546875 C-125.44154739 389.30149704 -125.42606354 389.99752533 -125.41011047 390.71464539 C-125.40815649 396.40867896 -127.04954179 399.39948451 -130.75 403.5625 C-135.77575545 407.96003602 -143.45656036 406.65509252 -149.75 406.3125 C-154.77600639 405.83719199 -159.76338619 405.09471393 -164.75 404.3125 C-164.82516846 405.36207886 -164.82516846 405.36207886 -164.90185547 406.43286133 C-165.13678336 409.66405202 -165.38084444 412.89449397 -165.625 416.125 C-165.70363281 417.22521484 -165.78226563 418.32542969 -165.86328125 419.45898438 C-167.42288736 439.79384871 -167.42288736 439.79384871 -172.921875 445.97265625 C-177.45380423 449.29413429 -182.89121 449.68492648 -188.3359375 450.1640625 C-189.03772125 450.22782074 -189.739505 450.29157898 -190.46255493 450.35726929 C-192.68282906 450.55743587 -194.9038247 450.74762301 -197.125 450.9375 C-198.63938188 451.07225569 -200.15370567 451.20766587 -201.66796875 451.34375 C-205.36133788 451.67423678 -209.0554214 451.99578557 -212.75 452.3125 C-212.61215088 453.14869873 -212.47430176 453.98489746 -212.33227539 454.84643555 C-211.30260002 461.27398073 -210.33250986 467.61216587 -210.1875 474.125 C-210.11305664 475.15270508 -210.11305664 475.15270508 -210.03710938 476.20117188 C-209.95196447 480.4949078 -210.81356952 482.86541988 -213.61328125 486.140625 C-214.97402697 487.54902531 -216.35510109 488.93791739 -217.75 490.3125 C-218.57363037 491.16416748 -219.39726074 492.01583496 -220.24584961 492.89331055 C-222.97245478 495.70449247 -225.73176339 498.47984367 -228.5 501.25 C-229.45452714 502.21669809 -230.40895483 503.18349439 -231.36328125 504.15039062 C-232.26949219 505.05853516 -233.17570312 505.96667969 -234.109375 506.90234375 C-234.92889648 507.72597412 -235.74841797 508.54960449 -236.59277344 509.39819336 C-240.78959327 513.12241974 -245.49935346 512.47323445 -250.80786133 512.48950195 C-252.19857597 512.49935875 -252.19857597 512.49935875 -253.61738586 512.50941467 C-256.68893513 512.52914313 -259.76043554 512.54080872 -262.83203125 512.55078125 C-263.88091711 512.55485678 -264.92980297 512.5589323 -266.01047325 512.56313133 C-271.561098 512.58398922 -277.11169805 512.59829269 -282.66235352 512.60766602 C-288.39578093 512.61873539 -294.12882077 512.65314243 -299.86211109 512.69283772 C-304.27077457 512.7189778 -308.67934529 512.7273555 -313.08807945 512.73094749 C-315.20158191 512.73581946 -317.31508005 512.74745072 -319.42850685 512.76598549 C-322.38730263 512.79032309 -325.34508993 512.78942168 -328.30395508 512.7824707 C-329.17534119 512.79528076 -330.04672729 512.80809082 -330.94451904 512.82128906 C-336.34548057 512.77508404 -339.53947517 512.01396705 -343.75 508.3125 C-347.48824372 503.93201436 -347.17639089 499.49703196 -347.13818359 494.01171875 C-347.14344055 493.08267731 -347.14869751 492.15363586 -347.15411377 491.19644165 C-347.16729876 488.1307892 -347.15858086 485.06565757 -347.1484375 482 C-347.15045866 479.86677959 -347.15337045 477.73355985 -347.15713501 475.6003418 C-347.16155634 471.1316062 -347.15513334 466.6630506 -347.14111328 462.19433594 C-347.12402165 456.46762259 -347.13386384 450.74133105 -347.15183067 445.01463318 C-347.16267359 440.61027857 -347.1592198 436.20602389 -347.1514473 431.80166626 C-347.1494467 429.69015452 -347.15189962 427.5786337 -347.15888596 425.46713257 C-347.16650863 422.51560448 -347.15488446 419.56475856 -347.13818359 416.61328125 C-347.14425629 415.74144196 -347.15032898 414.86960266 -347.15658569 413.97134399 C-347.14812622 413.16393768 -347.13966675 412.35653137 -347.13095093 411.5246582 C-347.12981985 410.82782425 -347.12868877 410.1309903 -347.12752342 409.41304016 C-346.00043269 403.1419078 -340.6606971 399.01444215 -336.29431152 394.79125977 C-335.52867968 394.04226378 -334.76304784 393.2932678 -333.97421503 392.52157497 C-332.29615497 390.88116173 -330.61573002 389.24316505 -328.93326569 387.60726929 C-325.7186799 384.48158239 -322.51273272 381.3471284 -319.30707604 378.21228874 C-318.8306568 377.74642014 -318.35423757 377.28055155 -317.86338139 376.80056572 C-317.14028819 376.09347926 -317.14028819 376.09347926 -316.40258706 375.37210822 C-314.90400769 373.90724754 -313.40473297 372.44310184 -311.90527248 370.97914314 C-304.60496249 363.85053988 -297.32627343 356.70033459 -290.06018066 349.53686523 C-289.53417572 349.01835058 -289.00817077 348.49983593 -288.46622628 347.96560872 C-283.58290006 343.15157321 -278.7009339 338.33615945 -273.81962109 333.52008247 C-270.4742765 330.21962897 -267.12813558 326.91998457 -263.78125 323.62109375 C-263.2253806 323.07317543 -262.66951121 322.52525711 -262.09679729 321.9607352 C-253.09301597 313.08833522 -244.04718531 304.2599701 -234.9860236 295.44622529 C-225.67515563 286.38747621 -216.41457872 277.27948118 -207.19767618 268.12513638 C-201.51537352 262.48464177 -195.7973479 256.88622997 -190.02660519 251.33622634 C-185.60286956 247.07369144 -181.25038895 242.74443151 -176.92024994 238.38696289 C-175.13796673 236.61500613 -173.33335961 234.86517423 -171.5054245 233.14035034 C-162.00957499 224.79792988 -162.00957499 224.79792988 -157.5442009 213.54463959 C-158.08405795 207.87624995 -159.78417447 202.769444 -161.91096973 197.51608086 C-165.68743169 187.59779828 -165.11682222 176.15730815 -165.0625 165.6875 C-165.05926727 164.56415756 -165.05926727 164.56415756 -165.05596924 163.41812134 C-165.002514 151.82528702 -164.5010904 140.61347511 -161.75 129.3125 C-161.45198486 128.06436523 -161.45198486 128.06436523 -161.14794922 126.79101562 C-155.36774999 103.28920183 -145.06028221 81.13702034 -129.75 62.3125 C-129.30285645 61.75852539 -128.85571289 61.20455078 -128.39501953 60.63378906 C-101.70134064 27.77298148 -63.69059672 6.50329722 -21.7043457 0.72045898 C-14.47693519 -0.02517311 -7.25969304 -0.03545244 0 0 Z M-88.75 64.3125 C-89.41 64.84875 -90.07 65.385 -90.75 65.9375 C-113.82564421 84.89249346 -129.92847475 117.58848251 -133.46875 147 C-135.15861475 168.75159236 -133.62230344 188.70627716 -126.73193359 209.36523438 C-125.10729946 214.37324332 -123.65227674 219.05960344 -124.75 224.3125 C-128.20722109 230.91043236 -133.12101017 236.01659988 -138.5328064 241.03213501 C-139.67980733 242.11630488 -139.67980733 242.11630488 -140.84998 243.22237718 C-142.51546757 244.79510957 -144.1846352 246.36395206 -145.85705948 247.92930603 C-150.02519579 251.83157198 -154.1700584 255.75839627 -158.31711689 259.68303642 C-159.80537983 261.09090171 -161.29463782 262.49770847 -162.78401637 263.90439343 C-170.06733195 270.78749864 -177.30108567 277.72039918 -184.50820923 284.68319702 C-185.29444577 285.44263996 -185.29444577 285.44263996 -186.09656589 286.21742518 C-190.96273935 290.91869527 -195.8253816 295.62360671 -200.68443942 300.33223081 C-204.01140398 303.55608335 -207.34002972 306.77821143 -210.67041016 309.99853516 C-211.22327149 310.53317443 -211.77613283 311.06781371 -212.34574755 311.61865418 C-221.24585411 320.21907143 -230.24710152 328.70571162 -239.29061894 337.15489931 C-248.63096955 345.88654441 -257.84240664 354.74059614 -266.95389235 363.71082819 C-272.05380087 368.72471195 -277.19264032 373.67128336 -282.48694992 378.48015213 C-301.51509595 395.80824676 -318.0211657 411.66078147 -319.34261157 438.43094991 C-319.86135621 453.09387865 -318.65378556 467.78337258 -316.75 482.3125 C-315.86895182 482.33348605 -314.98790365 482.35447211 -314.08015704 482.3760941 C-310.76725813 482.45524605 -307.45437071 482.53485112 -304.14148974 482.61474919 C-302.71590826 482.64904071 -301.29032259 482.68315895 -299.8647325 482.71709085 C-292.67338158 482.88836964 -285.48268541 483.05965845 -278.29411149 483.32714242 C-261.924278 484.44454293 -261.924278 484.44454293 -247.21643066 478.69334412 C-243.68940364 475.15649633 -242.00135337 471.82125176 -241.16699219 466.81298828 C-241.23816303 463.06207871 -241.75596639 459.67489618 -242.5 456 C-242.89250764 453.56670919 -243.28319064 451.13312321 -243.671875 448.69921875 C-243.86958496 447.57990967 -244.06729492 446.46060059 -244.27099609 445.30737305 C-245.29771664 438.88801476 -245.04371743 434.13140079 -241.75 428.3125 C-234.09580328 420.85972951 -219.03777457 421.88701949 -208.90991211 421.00927734 C-207.60679077 420.89447021 -207.60679077 420.89447021 -206.27734375 420.77734375 C-205.50124756 420.711521 -204.72515137 420.64569824 -203.92553711 420.57788086 C-201.77356793 420.31537491 -199.80731732 420.00147127 -197.75 419.3125 C-196.29596678 416.40443356 -196.35809939 413.63634903 -196.1015625 410.3984375 C-195.9822028 408.98303642 -195.86239639 407.56767296 -195.7421875 406.15234375 C-195.5575107 403.92791652 -195.37623578 401.70338607 -195.203125 399.47802734 C-193.68466982 380.17380307 -193.68466982 380.17380307 -188.25 374.875 C-179.78218217 369.58261386 -166.38687767 372.69290741 -156.75 373.3125 C-156.73018066 372.56154053 -156.71036133 371.81058105 -156.68994141 371.03686523 C-156.59420599 367.60758043 -156.48472367 364.17886458 -156.375 360.75 C-156.3440625 359.56857422 -156.313125 358.38714844 -156.28125 357.16992188 C-155.80335438 342.95252705 -155.80335438 342.95252705 -151.5625 337.5 C-147.28950743 334.17656133 -143.47080365 333.17961236 -138.07006836 333.59667969 C-136.7429595 333.80693929 -135.4162338 334.01962755 -134.08984375 334.234375 C-121.51415615 335.69089294 -108.95529264 336.59819723 -98.36425781 328.60888672 C-88.43823694 320.2530592 -79.6719483 310.47764996 -71.36624146 300.53330994 C-66.59927176 294.88501921 -62.57228137 290.73547327 -54.90234375 289.88671875 C-50.1414629 290.14644477 -45.80676518 291.62603038 -41.3125 293.125 C-6.22168282 304.0571392 30.6742375 301.48503007 63.375 284.375 C74.51533018 278.34018112 84.06063514 271.01970683 93.25 262.3125 C94.1471875 261.47976563 95.044375 260.64703125 95.96875 259.7890625 C103.1390552 252.9208769 108.77126574 245.55964063 114.25 237.3125 C114.81460937 236.48234375 115.37921875 235.6521875 115.9609375 234.796875 C122.46294932 224.6826344 126.60574337 213.02244251 130.0625 201.5625 C130.257229 200.92691162 130.45195801 200.29132324 130.65258789 199.63647461 C133.88828162 188.35357781 134.64104277 176.93642886 134.625 165.25 C134.62445618 164.57507507 134.62391235 163.90015015 134.62335205 163.20477295 C134.52160629 135.59260173 125.99702326 109.87031132 110.1875 87.25 C109.70522949 86.55970703 109.22295898 85.86941406 108.72607422 85.15820312 C105.30268745 80.41830665 101.4727354 76.34571572 97.25 72.3125 C92.25 67.3125 92.25 67.3125 90.84375 65.765625 C85.37827263 59.92506585 78.89710136 55.67191064 72.25 51.3125 C71.43660156 50.76464844 70.62320312 50.21679688 69.78515625 49.65234375 C59.60833279 43.12873897 47.9668562 38.95552588 36.4375 35.5 C35.79353271 35.305271 35.14956543 35.11054199 34.48608398 34.90991211 C23.42283739 31.7531546 12.53380088 30.94996545 1.0625 31 C0.03712128 31.00373123 0.03712128 31.00373123 -1.00897217 31.00753784 C-34.1070747 31.19359083 -63.5287964 42.87447694 -88.75 64.3125 Z " fill="currentColor" transform="translate(346.75,-0.3125)"/><path d="M0 0 C8.80989953 8.1093111 14.18789591 19.20917254 14.96875 31.13671875 C15.44127932 44.93851258 11.08391113 56.76629093 1.75390625 66.90234375 C-7.95243126 76.13996476 -19.9742254 80.12641912 -33.1875 79.96484375 C-45.79205465 79.06217382 -56.50667506 73.87128964 -65.1875 64.75 C-73.74592475 54.13597207 -77.15487175 42.25802738 -76.1875 28.75 C-74.19464961 16.44767948 -68.88763305 5.95885961 -59.08984375 -1.94140625 C-40.54775139 -14.98954532 -17.61393407 -14.38415788 0 0 Z M-42.515625 25.328125 C-45.14845129 29.44423371 -45.89054638 32.82867533 -45.1875 37.75 C-43.43292557 42.68149618 -40.73952588 45.77661412 -36.04296875 48.08984375 C-32.28509045 49.42685729 -29.08990955 49.42685729 -25.33203125 48.08984375 C-20.63547412 45.77661412 -17.94207443 42.68149618 -16.1875 37.75 C-15.48445362 32.82867533 -16.22654871 29.44423371 -18.859375 25.328125 C-22.12158742 21.45184907 -25.74731733 19.95574038 -30.6875 19.25 C-35.62768267 19.95574038 -39.25341258 21.45184907 -42.515625 25.328125 Z " fill="currentColor" transform="translate(420.1875,88.25)"/></svg>
            {{ 'general.password_page.login_password_button' | t }}
          </div>
          <div class="modal__toggle-close" aria-hidden="true">
            {% render 'icon-close' %}
          </div>
        </summary>
        <div
          class="modal__content"
          role="dialog"
          aria-labelledby="DialogHeading"
          aria-modal="true"
        >
          <div class="modal-overlay"></div>
          <div class="password-modal__content" tabindex="-1">
            <button type="button" class="modal__close-button link" aria-label="{{ 'accessibility.close' | t }}">
              {% render 'icon-close' %}
            </button>
            <h2 class="password-modal__content-heading" id="DialogHeading">
              {{ 'general.password_page.login_form_heading' | t }}
            </h2>
            {%- form 'storefront_password', class: 'password-form' -%}
              <div class="password-field field{% if form.errors %} password-field--error{% endif %}">
                <input
                  type="password"
                  name="password"
                  id="Password"
                  class="field__input"
                  autocomplete="current-password"
                  {% if form.errors %}
                    aria-invalid="true"
                    aria-describedby="PasswordLoginForm-password-error"
                  {%- endif -%}
                  placeholder="{{ 'general.password_page.login_form_password_placeholder' | t }}"
                >
                <label class="field__label" for="{{ 'general.password_page.login_form_password_label' | t }}">{{ 'general.password_page.login_form_password_placeholder' | t }}</label>
                {%- if form.errors -%}
                  <div id="PasswordLoginForm-password-error" role="status">
                    <span class="visually-hidden">{{ 'accessibility.error' | t }}</span>
                    <span class="form__message">{% render 'icon-error' %} {{ 'general.password_page.login_form_error' | t }}</span>
                  </div>
                {%- endif -%}
              </div>
              <button name="commit" class="password-button button button--outline">
                {{ 'general.password_page.login_form_submit' | t }}
              </button>
            {%- endform -%}
            <small class="password__footer-text">{{ 'general.password_page.admin_link_html' | t }}</small>
          </div>
        </div>
      </details>
    </password-modal>
  </div>
</div>
{%- if section.settings.color_scheme == 'background-1' -%}<hr>{%- endif -%}

{% schema %}
{
  "name": "t:sections.main-password-header.name",
  "settings": [
    {
      "type": "image_picker",
      "id": "logo",
      "label": "t:sections.main-password-header.settings.logo.label"
    },
    {
      "type": "range",
      "id": "logo_max_width",
      "min": 50,
      "max": 250,
      "step": 10,
      "default": 100,
      "unit": "t:sections.main-password-header.settings.logo_max_width.unit",
      "label": "t:sections.main-password-header.settings.logo_max_width.label"
    },
     {
          "type": "color_scheme",
          "id": "color_scheme",
          "label": "t:sections.all.colors.label",
          "default": "scheme-1"
    }
  ]
}
{% endschema %}