{"cart-drawer":"<div id=\"shopify-section-cart-drawer\" class=\"shopify-section\"><div id=\"ajax-loading-cart\">\n  \n<style data-shopify>\n    .text-removed-discount {\n      font-size: 0.7425rem;\n    }\n    @media(min-width: 768px) {\n      .text-removed-discount {\n        font-size: 0.825rem;\n      }\n    }\n  </style>\n\n<div\n  id=\"CartDrawer\"\n  class=\"drawer text-[rgb(var(--colors-text))]\"\n  x-data=\"xCart\"\n  x-init=\"$store.xMiniCart.type = 'drawer'; $store.xCartShare.handleShareCart(); updateEstimateShippingAll($el);\"\n  x-show=\"$store.xMiniCart.open\"@keydown.escape=\"setTimeout(() => { $store.xModal.removeFocus(); $store.xMiniCart.hideCart(); }, 0)\"\n  x-cloak\n   \n>\n  <div \n     \n    class=\"drawer fixed z-20 md:z-20 typeDrawer md:fixed left-0 top-0 w-full h-full md:flex md:justify-end right-0 animate-goleft duration-300\"\n  >\n    <div id=\"CartDrawer-Overlay\" class=\"bg-black opacity-40 block md:block fixed top-0 right-0 bottom-0 left-0\" @click=\"$store.xMiniCart.hideCart()\"></div><div\n      id=\"update-cart\" \n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label=\"您的購物車\"\n      tabindex=\"-1\"\n      class=\"z-30 overflow-hidden flex flex-col fixed bottom-0 left-0 h-full max-h-screen md:max-h-[calc(100vh-20px)] w-full bg-[rgba(var(--background-color),1)] md:w-96 md:rounded-[10px] md:m-2.5 md:h-full md:z-auto md:relative lg:w-[32rem] md:left-auto\"\n      x-show=\"$store.xMiniCart.open\" \n      x-data=\"{ show: false, productCount: 0 }\"\n      x-intersect.full=\"$store.xModal.focus('CartDrawer', 'CloseCart'); $store.xCartAnalytics.viewCart();\"\n      \n      x-transition:enter=\"transition-all ease-in-out duration-500\"\n      x-transition:enter-start=\"opacity-0 transform translate-y-1/3 md:translate-y-0 md:translate-x-1/3\"\n      x-transition:enter-end=\"opacity-100 transform translate-y-0 md:translate-x-0\"\n      x-transition:leave=\"transition ease-in-out duration-500\"\n      x-transition:leave-end=\"opacity-0 transform translate-y-1/3 md:translate-y-0 md:translate-x-1/3\"\n    >\n      <div id=\"loading-cart-cart-drawer\" class=\"absolute top-0 bottom-0 h-full w-full\" x-show=\"$store.xMiniCart.loading\">\n        <div class=\"absolute top-0 right-0 w-full h-full opacity-20\"></div>\n        <div class=\"loading-cover\">\n          <span class=\"loading-bar absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\"></span>\n        </div>\n      </div>\n      <div class=\"x-cart-heading pl-4 pt-1 pb-1 md:pl-9 md:pt-2 md:pb-2 pr-2 flex justify-between items-center\">\n        <div class=\"relative flex gap-1 items-center z-0\">\n          <p class=\"h3\">您的購物車</p></div>\n        <button \n          id=\"CloseCart\"\n          class=\"cursor-pointer group-close-btn rounded-full icon-close-container w-fit\"\n          @click=\"setTimeout(() => { $store.xModal.removeFocus(); $store.xMiniCart.hideCart(); }, 0)\" \n        >\n          <svg class=\"icon-close-animation\" width=\"100%\" height=\"100%\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>\n\n        </button>\n      </div>\n      <div class=\"border-t flex-1 overflow-auto scrollbar-body grow lg:pr-9 rtl:lg:pr-0 rtl:lg:pl-9 pb-4\" :class=\"$store.xMiniCart.loading ? 'opacity-0': 'opacity-1'\">\n        <div class=\"flex flex-col h-full relative justify-between\"><div \n              class=\"pl-6 pr-6 flex flex-col justify-center text-center pt-14 pb-14\"\n              \n            >\n              <h3 class=\"mb-3 h3\">您的購物車是空的</h3>\n              <div class=\"rte mb-6\"><p>不知道從哪裡開始？</p><p>看看這些系列吧！</p></div>\n              \n                <ul class=\"flex flex-col gap-y-3 list-none\">\n                  \n                    <li>\n                      <a\n                        href=\"/collections/%E7%B2%BE%E9%81%B8%E7%A6%AE%E7%9B%92%E7%B3%BB%E5%88%97\"\n                        class=\"button pt-2.5 pb-2.5 pl-7 pr-7 md:pl-9 md:pr-9 md:pt-3 md:pb-3 button-solid text-center inline-block border empty:hidden leading-normal\"\n                      >\n                        \n\n  \n    \n      <span class=\"button-text  is-focus-button:opacity-0\">精選禮盒系列</span>\n    \n  \n\n\n                      </a>\n                    </li>\n                  \n                    <li>\n                      <a\n                        href=\"/collections/%E7%99%BC%E9%85%B5%E9%A3%B2%E5%93%81%E7%B3%BB%E5%88%97\"\n                        class=\"button pt-2.5 pb-2.5 pl-7 pr-7 md:pl-9 md:pr-9 md:pt-3 md:pb-3 button-solid text-center inline-block border empty:hidden leading-normal\"\n                      >\n                        \n\n  \n    \n      <span class=\"button-text  is-focus-button:opacity-0\">發酵飲品系列</span>\n    \n  \n\n\n                      </a>\n                    </li>\n                  \n                    <li>\n                      <a\n                        href=\"/collections/%E9%87%80%E9%80%A0%E9%86%8B%E7%B3%BB%E5%88%97\"\n                        class=\"button pt-2.5 pb-2.5 pl-7 pr-7 md:pl-9 md:pr-9 md:pt-3 md:pb-3 button-solid text-center inline-block border empty:hidden leading-normal\"\n                      >\n                        \n\n  \n    \n      <span class=\"button-text  is-focus-button:opacity-0\">釀造醋系列</span>\n    \n  \n\n\n                      </a>\n                    </li>\n                  \n                    <li>\n                      <a\n                        href=\"/collections/%E7%B1%B3%E8%8A%B1%E6%9C%89%E6%A9%9F%E7%B3%BB%E5%88%97\"\n                        class=\"button pt-2.5 pb-2.5 pl-7 pr-7 md:pl-9 md:pr-9 md:pt-3 md:pb-3 button-solid text-center inline-block border empty:hidden leading-normal\"\n                      >\n                        \n\n  \n    \n      <span class=\"button-text  is-focus-button:opacity-0\">米花有機系列</span>\n    \n  \n\n\n                      </a>\n                    </li>\n                  \n                    <li>\n                      <a\n                        href=\"/collections/%E7%B4%85%E9%BA%B4%E9%A4%8A%E7%94%9F%E7%B3%BB%E5%88%97\"\n                        class=\"button pt-2.5 pb-2.5 pl-7 pr-7 md:pl-9 md:pr-9 md:pt-3 md:pb-3 button-solid text-center inline-block border empty:hidden leading-normal\"\n                      >\n                        \n\n  \n    \n      <span class=\"button-text  is-focus-button:opacity-0\">紅麴養生系列</span>\n    \n  \n\n\n                      </a>\n                    </li>\n                  \n                </ul>\n              \n<p class=\"mt-16 mb-2\">有帳戶？</p>\n                <p class=\"mt-3\"><a href=\"https://shopify.com/80310927572/account?locale=zh-TW&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJrb2t1bW9yaS10YWl3YW4ubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzg5NTAwNjgzLCJuYmYiOjE3ODg4OTU4ODN9.pHX5X3pGW7eRuKDHlo6XI7QjfuXF8ltu-XYWsmX9_Q8&region_country=TW\" class=\"nav-link relative effect-inline\">登入</a>以更快結帳。</p></div></div>\n      </div>\n\n      \n<div \n          x-data=\"{ cart_note: '' }\"\n        >\n          <div x-show=\"$store.xCartHelper.openField == 'note'\" x-cloak class=\"absolute z-20 top-0 left-0 w-full h-full bg-black bg-opacity-20\"></div>\n          <div class=\"absolute bottom-0 left-0 w-full z-20 pt-5 pr-5 pl-5 lg:pl-7 lg:pr-7 pb-7 bg-[rgba(var(--colors-background),1)] rounded-t-[16px]\" \n            :class=\"show && 'lg:w-[56.15%]'\" \n            x-show=\"$store.xCartHelper.openField == 'note'\" x-cloak\n            @click.away=\"$store.xCartHelper.openField = false\"\n            x-transition:enter=\"transition-all ease-in-out duration-300\"\n            x-transition:enter-start=\"transform translate-y-full\"\n            x-transition:enter-end=\"transform translate-y-0\"\n            x-transition:leave=\"transition-all ease-in-out duration-300\"\n            x-transition:leave-end=\"transform translate-y-full\">\n            <div class=\"w-full flex items-center justify-between mb-5\">\n              <p class=\"text-medium h6\">訂單備註</p>\n              <span\n                class=\"cursor-pointer absolute top-2 right-2 icon-close-container inline-block group-close-btn rounded-full\"\n                @click=\"$store.xCartHelper.openField = false\"\n              >\n                <svg class=\"icon-close-animation\" width=\"100%\" height=\"100%\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>\n\n              </span>\n            </div>\n            <div class=\"w-full flex items-center justify-between mb-2\">\n              <p class=\"text-[12px] lg:text-[14px] font-medium\">訂單特殊說明</p>\n            </div>\n            <textarea\n              id=\"x-cart-note\"\n              x-model=\"cart_note\"\n              rows=\"4\" \n              cols=\"50\" \n              class=\"w-full pl-4 pr-4 pt-4 pb-4 border border-solid bg-[rgba(var(--background-color),1)] focus-within:outline-none placeholder:text-current placeholder:opacity-60 !rounded-md\"\n              placeholder=\"訂單特殊說明\"\n            ></textarea>\n            <div class=\"flex mt-5\">\n              <button\n                class=\"button button-solid leading-normal ml-1 w-full justify-center pt-2.5 pb-2.5 md:pt-3 md:pb-3 cursor-pointer\" \n                @click=\"$store.xCartHelper.openField = false; $store.xCartHelper.updateCart({ note: cart_note})\"\n              >\n                \n                <span class=\"flex items-center justify-center\">\n                  \n\n  \n    \n      <span class=\"button-text  is-focus-button:opacity-0\">節省</span>\n    \n  \n\n\n                </span>\n              </button>\n            </div>\n          </div>\n        </div>\n<div x-data=\"xCouponCode([])\">\n          <div x-show=\"$store.xCartHelper.openField == 'discount_field'\" x-cloak class=\"absolute z-20 top-0 left-0 w-full h-full bg-black bg-opacity-20\"></div>\n          <div class=\"absolute bottom-0 left-0 w-full z-20 pt-5 pr-5 pl-5 lg:pl-7 lg:pr-7 pb-7 bg-[rgba(var(--colors-background),1)] rounded-t-[16px]\" \n            :class=\"show && 'lg:w-[56.15%]'\" \n            x-data =\"{ discount_field: '' }\"\n            x-show=\"$store.xCartHelper.openField == 'discount_field'\" x-cloak\n            @click.away=\"$store.xCartHelper.openField = false\"\n            x-transition:enter=\"transition-all ease-in-out duration-300\"\n            x-transition:enter-start=\"transform translate-y-full\"\n            x-transition:enter-end=\"transform translate-y-0\"\n            x-transition:leave=\"transition-all ease-in-out duration-300\"\n            x-transition:leave-end=\"transform translate-y-full\"\n          >\n            <div class=\"w-full flex items-center justify-between mb-5\">\n              <p class=\"text-medium h6\">折扣</p>\n              <span\n                class=\"cursor-pointer absolute top-2 right-2 icon-close-container inline-block group-close-btn rounded-full\"\n                @click=\"$store.xCartHelper.openField = false\"\n              >\n                <svg class=\"icon-close-animation\" width=\"100%\" height=\"100%\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>\n\n              </span>\n            </div>\n            <div\n              class=\"bg-[rgba(var(--background-color),1)] w-full z-20 pr-px pl-px\"\n              x-show=\"$store.xCartHelper.openField == 'discount_field'\"\n              @keydown.escape.stop=\"$store.xCartHelper.openField = false\"\n            >\n              <div \n                :class=\"($store.xCouponCodeDetail.discountFaild || $store.xCouponCodeDetail.freeShippingApplied) && 'border-[rgba(var(--color-error))]'\"\n                class=\"flex p-1 border border-solid rounded-[var(--border-radius)]\">\n                <div class=\"grow\">\n                  <label class=\"hidden\" for=\"x-cart-discount-field\">折扣碼</label>\n                  <input\n                    id=\"x-cart-discount-field\"\n                    x-model=\"discount_field\"\n                    type=\"text\"\n                    class=\"w-full pl-5 pr-5 pt-2.5 pb-2.5 focus:outline-none focus-within:outline-none focus:border-0 bg-transparent placeholder:text-current placeholder:opacity-60\"\n                    placeholder=\"請輸入折扣碼\"\n                    x-on:change=\"onChange()\"\n                    @keyup.enter=\"applyDiscountToCart()\"\n                  />\n                </div>\n                <button @click=\"applyDiscountToCart()\"\n                  :class=\"discount_field == '' && 'opacity-70 hover:cursor-not-allowed'\"\n                  class=\"button button-solid p-break-words border inline-block empty:hidden pl-4 pr-4 lg:pl-6 lg:pr-6 pt-2 pb-2 leading-normal cursor-pointer pointer-events-auto\"\n                >\n                  <span :class=\"{ 'lg:block opacity-0 is-focus-button' : loading }\">\n                    <span class=\"flex items-center justify-center\">\n                      \n                      \n\n  \n    \n      <span class=\"button-text  is-focus-button:opacity-0\">套用</span>\n    \n  \n\n\n                    </span>\n                  </span>\n                  <div class=\"lg:inline-block animate-spin w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]\" x-show=\"loading\" x-cloak>\n                    <svg version=\"1.0\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512.000000 512.000000\"  preserveAspectRatio=\"xMidYMid meet\">\n    <g transform=\"translate(0.000000,512.000000) scale(0.100000,-0.100000)\"\n      fill=\"currentcolor\" stroke=\"none\">\n      <path d=\"M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z\"/>\n    </g>\n  </svg>\n\n                  </div>\n                </button>\n              </div>\n              <p x-show=\"$store.xCouponCodeDetail.discountFaild\" x-cloak class=\"text-[rgba(var(--color-error))] mt-2\">折扣無效。請確認折扣詳情正確。</p>\n              <p x-show=\"$store.xCouponCodeDetail.freeShippingApplied\" x-cloak class=\"text-[rgba(var(--color-error))] mt-2\">免運碼應在結帳頁面稍後應用。</p>\n              <p x-show=\"$store.xCouponCodeDetail.discountApplied\" x-cloak class=\"text-[rgba(var(--color-success))] mt-2\">折扣碼已應用。</p>\n              <p x-show=\"$store.xCouponCodeDetail.discountCorrect\" x-cloak class=\"text-[rgba(var(--color-success))] mt-2\">折扣已應用！</p>\n            </div></div>\n          <div x-cloak x-data=\"{timer: 5, countdown: ''}\" x-show=\"$store.xCouponCodeDetail.removedDiscountCode\" class=\"flex gap-3 absolute top-14 pl-5 pr-6.5 w-full z-20 pt-1 pb-1 rounded-t-[10px] md:rounded-[10px]\" x-intersect=\n            \"\n              $el.querySelector('.button-text.text-timer').innerText = `復原 (${timer})`;\n              countdown = setInterval(() => {\n                timer--;\n                $el.querySelector('.button-text.text-timer').innerText = `復原 (${timer})`;\n\n                if (timer === 0) {\n                  $store.xCouponCodeDetail.removedDiscountCode = '';\n                  timer = 5;\n                  clearInterval(countdown);\n                }\n              }, 1000);\n            \" \n          >\n            <div class=\"text-[rgba(var(--background-color))] bg-[rgba(var(--colors-heading))] w-full pt-1 pb-1 pl-3 pr-2 flex justify-between gap-3 rounded-[var(--border-radius)] z-50\">\n              <div class=\"grow self-center text-removed-discount\">\n                折扣碼已移除。\n              </div>\n              <div class=\"flex gap-0.5\">\n                <button \n                  @click=\"undoRemoveDiscount(); clearInterval(countdown)\"\n                  @click.stop=\"$store.xCartHelper.openField == 'discount_field' && ($store.xCartHelper.openField = 'discount_field')\"\n                  class=\"whitespace-nowrap grow bg-transparent min-w-[100px] inline-block empty:hidden pl-4 pr-4 pt-2.5 pb-2.5 leading-normal cursor-pointer pointer-events-auto\"\n                >\n                  <span :class=\"{ 'lg:block opacity-0 is-focus-button invisible' : loading }\">\n                    <span class=\"flex items-center justify-center\">\n                      <span class=\"button-text text-[rgba(var(--background-color))] underline text-timer\"></span>\n                    </span>\n                  </span>\n                </button>\n                <div class=\"animate-spin h-8 w-8 min-h-8 min-w-8 p-2 cursor-pointer self-center\" x-show=\"loading\" x-cloak>\n                  <svg version=\"1.0\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512.000000 512.000000\"  preserveAspectRatio=\"xMidYMid meet\">\n    <g transform=\"translate(0.000000,512.000000) scale(0.100000,-0.100000)\"\n      fill=\"currentcolor\" stroke=\"none\">\n      <path d=\"M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z\"/>\n    </g>\n  </svg>\n\n                </div>\n                <div class=\"h-8 w-8 min-h-8 min-w-8 p-2 cursor-pointer self-center\" x-show=\"!loading\" x-cloak @click=\"$store.xCouponCodeDetail.clearRemovedDiscount()\">\n                  <svg class=\"\" width=\"100%\" height=\"100%\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>\n\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      \n      \n\n\n\n      \n        <div class=\"x-share-cart-popup\">\n          <div x-show=\"$store.xCartShare.openShareCart\" x-cloak class=\"absolute z-20 top-0 left-0 w-full h-full bg-black bg-opacity-20\"></div>\n          <div class=\"absolute bottom-0 left-0 w-full z-20 pt-5 pr-5 pl-5 lg:pl-7 lg:pr-7 pb-7 bg-[rgba(var(--colors-background),1)] rounded-t-[16px]\" \n            :class=\"show && 'lg:w-[56.15%]'\" \n            x-show=\"$store.xCartShare.openShareCart\" \n            x-cloak\n            @click.away=\"$store.xCartShare.openShareCart = false\"\n            x-transition:enter=\"transition-all ease-in-out duration-300\"\n            x-transition:enter-start=\"transform translate-y-full\"\n            x-transition:enter-end=\"transform translate-y-0\"\n            x-transition:leave=\"transition-all ease-in-out duration-300\"\n            x-transition:leave-end=\"transform translate-y-full\">\n            <div class=\"w-full flex items-center justify-between mb-5\">\n              <p class=\"text-medium h6\">分享購物車</p>\n              <span\n                class=\"cursor-pointer absolute top-2 right-2 icon-close-container inline-block group-close-btn rounded-full\"\n                @click=\"$store.xCartShare.openShareCart = false\"\n              >\n                <svg class=\"icon-close-animation\" width=\"100%\" height=\"100%\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M1 9L5 5M5 5L9 1M5 5L1 1M5 5L9 9\" stroke=\"currentColor\" stroke-width=\"1\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>\n\n              </span>\n            </div>\n            <div class=\"w-full flex items-center justify-between mb-2\">\n              <p class=\"text-[12px] lg:text-[14px] font-medium\">\n                分享連結\n              </p>\n            </div>\n            <div class=\"flex pt-1 pb-1 pl-1 pr-1 border border-solid rounded-[var(--border-radius)]\">\n              <div class=\"grow\">\n                <label class=\"hidden\" for=\"x-share-cart-field\">折扣碼</label>\n                <input\n                  id=\"x-share-cart-field\"\n                  type=\"text\"\n                  class=\"w-full pl-5 pr-5 pt-2.5 pb-2.5 focus:outline-none focus-within:outline-none focus:border-0 bg-transparent placeholder:text-current placeholder:opacity-60\"\n                  :value=\"$store.xCartShare.cartShareUrl\"\n                  />\n              </div>              \n            </div>\n            <div class=\"flex mt-5\">\n              <button @click=\"$store.xCartShare.copyURL()\"\n                :class=\"$store.xCartShare.copySuccess ? 'pointer-events-none' : 'cursor-pointer pointer-events-auto'\"\n                class=\"button button-solid leading-normal ml-1 button w-full justify-center pt-2.5 pb-2.5 md:pt-3 md:pb-3\"\n              >\n                <span \n                  :class=\"$store.xCartShare.copySuccess ? '-translate-y-[150%] opacity-0' : 'translate-y-0 opacity-100'\"\n                  class=\"flex flex-row flex-shrink items-center text-copy justify-center text-center ease-in-out duration-300\"\n                >\n                    \n                    \n                    \n\n  \n    \n      <span class=\"button-text  is-focus-button:opacity-0\">複製連結</span>\n    \n  \n\n\n                </span>\n                <span\n                  :class=\"$store.xCartShare.copySuccess ? '-translate-y-full opacity-100' : 'translate-y-[150%] opacity-0'\" \n                  class=\"flex w-full flex-row items-center text-copied justify-center absolute text-center ease-in-out duration-300\" \n                  x-cloak>\n                    \n                    \n\n  \n    \n      <span class=\"button-text  is-focus-button:opacity-0\">已複製!</span>\n    \n  \n\n\n                </span>\n              </button>\n            </div>\n          </div>\n        </div>\n      \n    </div></div>\n</div>\n\n</div></div>"}