{"product_id":"visonira","title":"[Visonira]","description":"\u003cstyle\u003e\n  \/* ==================================================\n     VISONIRA PRODUCT TITLE + BOGO + 10-MIN COUNTDOWN\n     可直接粘贴到 Shopify Custom Liquid\n  ================================================== *\/\n\n  .visonira-product-title-card {\n    --visonira-dark: #302114;\n    --visonira-brown: #6b4b27;\n    --visonira-gold-dark: #8d5608;\n    --visonira-gold: #bd7a16;\n    --visonira-gold-light: #f4d88b;\n    --visonira-cream: #fff8e9;\n\n    position: relative;\n    width: 100%;\n    max-width: 760px;\n    margin: 0 auto;\n    padding: 5px;\n    border: 1px solid rgba(184, 121, 24, 0.22);\n    border-radius: 18px;\n    overflow: hidden;\n    box-sizing: border-box;\n    color: var(--visonira-dark);\n    font-family: inherit;\n\n    container-name: visoniraCard;\n    container-type: inline-size;\n\n    background:\n      radial-gradient(\n        circle at 0% 0%,\n        rgba(255, 215, 118, 0.35),\n        transparent 26%\n      ),\n      radial-gradient(\n        circle at 100% 100%,\n        rgba(205, 143, 42, 0.17),\n        transparent 30%\n      ),\n      linear-gradient(\n        145deg,\n        #fff8e9 0%,\n        #ffffff 52%,\n        #f3d487 100%\n      );\n\n    box-shadow:\n      0 10px 24px rgba(117, 72, 12, 0.13),\n      inset 0 1px 0 rgba(255, 255, 255, 0.94);\n  }\n\n  .visonira-product-title-card *,\n  .visonira-product-title-card *::before,\n  .visonira-product-title-card *::after {\n    box-sizing: border-box;\n  }\n\n  .visonira-card-stack {\n    display: grid;\n    gap: 5px;\n    width: 100%;\n    min-width: 0;\n  }\n\n  \/* ==================================================\n     PRODUCT TITLE\n  ================================================== *\/\n\n  .visonira-title-content {\n    position: relative;\n    width: 100%;\n    min-width: 0;\n    margin: 0;\n    padding: 9px 11px 8px 13px;\n    border: 1px solid rgba(184, 121, 24, 0.13);\n    border-radius: 14px;\n    overflow: hidden;\n\n    background: rgba(255, 255, 255, 0.72);\n\n    box-shadow:\n      0 5px 12px rgba(117, 72, 12, 0.055),\n      inset 0 1px 0 rgba(255, 255, 255, 0.88);\n  }\n\n  .visonira-title-content::before {\n    content: \"\";\n    position: absolute;\n    inset: 0 auto 0 0;\n    width: 4px;\n\n    background:\n      linear-gradient(\n        180deg,\n        #f5d77f 0%,\n        #b87918 48%,\n        #edc35a 100%\n      );\n\n    box-shadow: 2px 0 6px rgba(184, 121, 24, 0.14);\n  }\n\n  .visonira-title-minimal {\n    margin: 0 !important;\n    padding: 0 !important;\n    color: #241b12;\n    font-size: clamp(22px, 3.7vw, 33px);\n    line-height: 1.08;\n    font-weight: 850;\n    letter-spacing: -0.032em;\n    overflow-wrap: anywhere;\n  }\n\n  .visonira-title-minimal .brand {\n    display: inline-block;\n    margin-right: 4px;\n    color: #b87918;\n    font-weight: 950;\n  }\n\n  .visonira-title-minimal .keywords {\n    display: block;\n    margin-top: 2px;\n    color: #695a4b;\n    font-size: 0.68em;\n    line-height: 1.18;\n    font-weight: 560;\n    letter-spacing: -0.01em;\n  }\n\n  \/* ==================================================\n     BOGO OUTER FRAME\n  ================================================== *\/\n\n  .visonira-bogo-offer {\n    position: relative;\n    width: 100%;\n    min-width: 0;\n    margin: 0;\n    padding: 5px;\n    border: 1px solid rgba(130, 77, 4, 0.34);\n    border-radius: 17px;\n    overflow: hidden;\n    isolation: isolate;\n\n    background:\n      linear-gradient(\n        135deg,\n        #915608 0%,\n        #cf9127 24%,\n        #f4d680 48%,\n        #ba7413 74%,\n        #824a03 100%\n      );\n\n    box-shadow:\n      0 9px 19px rgba(111, 66, 7, 0.19),\n      0 3px 6px rgba(111, 66, 7, 0.1),\n      inset 0 1px 0 rgba(255, 255, 255, 0.68);\n\n    animation: visonira-offer-float 4s ease-in-out infinite;\n    transform: translateZ(0);\n  }\n\n  .visonira-bogo-inner {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    min-width: 0;\n    padding: 7px 9px 7px;\n    border: 1px solid rgba(255, 255, 255, 0.74);\n    border-radius: 12px;\n    overflow: hidden;\n    text-align: center;\n\n    background:\n      radial-gradient(\n        circle at 8% 0%,\n        rgba(255, 255, 255, 0.94),\n        transparent 22%\n      ),\n      radial-gradient(\n        circle at 98% 100%,\n        rgba(230, 172, 64, 0.22),\n        transparent 28%\n      ),\n      linear-gradient(\n        118deg,\n        #fffdf8 0%,\n        #fff6de 49%,\n        #f8dfa5 100%\n      );\n\n    box-shadow:\n      inset 0 1px 0 rgba(255, 255, 255, 0.96),\n      inset 0 -6px 12px rgba(181, 116, 19, 0.06);\n  }\n\n  \/* 背景流光 *\/\n  .visonira-bogo-inner::before {\n    content: \"\";\n    position: absolute;\n    z-index: 0;\n    top: -55%;\n    left: -42%;\n    width: 25%;\n    height: 210%;\n    pointer-events: none;\n    opacity: 0.68;\n    transform: rotate(22deg);\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent 0%,\n        rgba(255, 255, 255, 0.12) 30%,\n        rgba(255, 255, 255, 0.82) 50%,\n        rgba(255, 255, 255, 0.12) 70%,\n        transparent 100%\n      );\n\n    animation: visonira-offer-shine 3.5s linear infinite;\n  }\n\n  \/* 星光 *\/\n  .visonira-bogo-inner::after {\n    content: \"\";\n    position: absolute;\n    z-index: 0;\n    inset: 0;\n    pointer-events: none;\n\n    background:\n      radial-gradient(\n        circle at 4% 18%,\n        rgba(255, 255, 255, 0.95) 0 2px,\n        transparent 3px\n      ),\n      radial-gradient(\n        circle at 96% 15%,\n        rgba(255, 245, 195, 0.95) 0 2px,\n        transparent 3px\n      ),\n      radial-gradient(\n        circle at 94% 82%,\n        rgba(255, 255, 255, 0.88) 0 1.5px,\n        transparent 3px\n      );\n\n    animation: visonira-sparkle 1.9s ease-in-out infinite;\n  }\n\n  .visonira-bogo-head,\n  .visonira-bogo-main,\n  .visonira-bogo-countdown {\n    position: relative;\n    z-index: 2;\n  }\n\n  \/* ==================================================\n     EYES + TOP LABEL\n  ================================================== *\/\n\n  .visonira-bogo-head {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 7px;\n    width: 100%;\n    min-width: 0;\n    margin: 0 0 3px;\n  }\n\n  .visonira-bogo-eyes {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 2px;\n    flex: 0 0 auto;\n    padding: 2px 4px;\n    border: 1px solid rgba(148, 89, 8, 0.22);\n    border-radius: 999px;\n\n    background:\n      linear-gradient(\n        145deg,\n        rgba(255, 255, 255, 0.94),\n        rgba(246, 212, 132, 0.76)\n      );\n\n    box-shadow:\n      0 3px 7px rgba(107, 63, 6, 0.12),\n      inset 0 1px 0 rgba(255, 255, 255, 0.95);\n  }\n\n  .visonira-bogo-eyes::after {\n    content: \"✦\";\n    position: absolute;\n    top: -6px;\n    right: -5px;\n    color: #d08b1d;\n    font-size: 10px;\n    line-height: 1;\n    text-shadow: 0 0 7px rgba(246, 194, 75, 0.72);\n    animation: visonira-eye-sparkle 1.6s ease-in-out infinite;\n  }\n\n  .visonira-eye {\n    position: relative;\n    display: grid;\n    place-items: center;\n    width: 28px;\n    height: 19px;\n    overflow: hidden;\n    border: 2px solid #b87818;\n    border-radius: 52% 52% 48% 48%;\n    transform-origin: center;\n    background: #ffffff;\n\n    box-shadow:\n      inset 0 -3px 5px rgba(210, 161, 73, 0.15),\n      0 2px 4px rgba(91, 53, 4, 0.13);\n\n    animation: visonira-eye-blink 5s ease-in-out infinite;\n  }\n\n  .visonira-eye:nth-child(2) {\n    animation-delay: 0.08s;\n  }\n\n  .visonira-eye-pupil {\n    position: relative;\n    display: block;\n    width: 10px;\n    height: 10px;\n    border: 2px solid #7c4a08;\n    border-radius: 50%;\n\n    background:\n      radial-gradient(\n        circle at 36% 32%,\n        #5d4430 0 12%,\n        #21160e 18% 62%,\n        #050403 65% 100%\n      );\n\n    box-shadow:\n      0 0 0 2px rgba(224, 178, 84, 0.2);\n\n    animation: visonira-eye-look 3.8s ease-in-out infinite;\n  }\n\n  .visonira-eye-pupil::after {\n    content: \"\";\n    position: absolute;\n    top: 1px;\n    left: 2px;\n    width: 3px;\n    height: 3px;\n    border-radius: 50%;\n    background: #ffffff;\n    box-shadow: 0 0 4px rgba(255, 255, 255, 0.95);\n  }\n\n  .visonira-bogo-topline {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 0;\n    margin: 0;\n    color: #8d570c;\n    font-size: clamp(9px, 1.5vw, 12px);\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    white-space: nowrap;\n  }\n\n  .visonira-bogo-topline::before,\n  .visonira-bogo-topline::after {\n    content: \"\";\n    width: clamp(12px, 4vw, 38px);\n    height: 1px;\n    flex: 0 1 auto;\n    margin: 0 6px;\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        rgba(159, 99, 12, 0.72)\n      );\n  }\n\n  .visonira-bogo-topline::after {\n    transform: rotate(180deg);\n  }\n\n  \/* ==================================================\n     BOGO MAIN TEXT\n  ================================================== *\/\n\n  .visonira-bogo-main {\n    display: grid;\n    grid-template-columns:\n      minmax(0, 0.86fr)\n      auto\n      minmax(0, 1.14fr);\n    align-items: center;\n    justify-content: center;\n    column-gap: clamp(4px, 1vw, 9px);\n    width: 100%;\n    min-width: 0;\n    margin: 0;\n    padding: 1px 2px 2px;\n  }\n\n  .visonira-bogo-group {\n    display: flex;\n    align-items: baseline;\n    min-width: 0;\n    max-width: 100%;\n    white-space: nowrap;\n    font-size: clamp(22px, 4vw, 43px);\n    line-height: 1;\n  }\n\n  @supports (font-size: 1cqw) {\n    .visonira-bogo-group {\n      font-size: clamp(23px, 6.6cqw, 49px);\n    }\n  }\n\n  .visonira-bogo-buy {\n    justify-content: flex-end;\n  }\n\n  .visonira-bogo-get {\n    justify-content: flex-start;\n  }\n\n  .visonira-bogo-word,\n  .visonira-bogo-free {\n    position: relative;\n    display: inline-block;\n    flex: 0 0 auto;\n    min-width: 0;\n    font-size: 1em;\n    line-height: 0.98;\n    text-transform: uppercase;\n    white-space: nowrap;\n  }\n\n  .visonira-bogo-word {\n    color: #392719;\n    font-weight: 950;\n    letter-spacing: -0.045em;\n\n    text-shadow:\n      0 1px 0 rgba(255, 255, 255, 0.95),\n      0 3px 6px rgba(82, 48, 7, 0.12);\n  }\n\n  .visonira-bogo-free {\n    margin-left: 0.16em;\n    padding-right: 0.04em;\n    color: #a76308;\n    font-weight: 1000;\n    font-style: normal;\n    letter-spacing: -0.035em;\n\n    background:\n      linear-gradient(\n        180deg,\n        #efbb50 0%,\n        #ad6708 56%,\n        #7d4400 100%\n      );\n\n    background-clip: text;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n\n    filter:\n      drop-shadow(0 1px 0 rgba(255, 255, 255, 0.84))\n      drop-shadow(0 2px 2px rgba(102, 57, 2, 0.12));\n  }\n\n  .visonira-bogo-divider {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    width: clamp(28px, 5vw, 43px);\n    height: clamp(28px, 5vw, 43px);\n    margin: 0;\n    border: 1px solid rgba(126, 74, 2, 0.3);\n    border-radius: 50%;\n    color: #fffaf0;\n    font-size: clamp(15px, 2.8vw, 24px);\n    line-height: 1;\n    font-weight: 950;\n\n    background:\n      linear-gradient(\n        145deg,\n        #f6d981 0%,\n        #bd7713 49%,\n        #815000 100%\n      );\n\n    box-shadow:\n      0 4px 9px rgba(111, 66, 7, 0.22),\n      inset 0 2px 1px rgba(255, 255, 255, 0.48),\n      inset 0 -2px 3px rgba(87, 45, 0, 0.2);\n  }\n\n  .visonira-bogo-divider::before {\n    content: \"\";\n    position: absolute;\n    inset: 4px;\n    border: 1px dashed rgba(255, 255, 255, 0.7);\n    border-radius: 50%;\n  }\n\n  \/* ==================================================\n     COMPACT 10-MINUTE COUNTDOWN\n  ================================================== *\/\n\n  .visonira-bogo-countdown {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    align-items: center;\n    gap: 7px;\n    width: min(100%, 470px);\n    min-width: 0;\n    margin: 4px auto 0;\n    padding: 3px 4px 3px 9px;\n    border: 1px solid rgba(145, 88, 8, 0.18);\n    border-radius: 999px;\n\n    background:\n      linear-gradient(\n        105deg,\n        rgba(255, 255, 255, 0.78),\n        rgba(255, 247, 218, 0.7)\n      );\n\n    box-shadow:\n      0 4px 9px rgba(104, 62, 7, 0.08),\n      inset 0 1px 0 rgba(255, 255, 255, 0.94);\n  }\n\n  .visonira-countdown-message {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    min-width: 0;\n    color: #765127;\n    font-size: clamp(8px, 1.45vw, 11px);\n    line-height: 1.05;\n    font-weight: 850;\n    letter-spacing: 0.07em;\n    text-transform: uppercase;\n    white-space: nowrap;\n  }\n\n  .visonira-countdown-message::before {\n    content: \"✦\";\n    flex: 0 0 auto;\n    color: #bd7a16;\n    font-size: 0.9em;\n  }\n\n  .visonira-countdown-message strong {\n    color: #8b5509;\n    font-weight: 950;\n  }\n\n  .visonira-countdown-clock {\n    display: inline-grid;\n    grid-template-columns: 2ch auto 2ch;\n    align-items: center;\n    justify-content: center;\n    min-width: 72px;\n    padding: 5px 8px;\n    border: 1px solid rgba(255, 255, 255, 0.28);\n    border-radius: 999px;\n    color: #fff3c1;\n    font-size: clamp(17px, 3vw, 23px);\n    line-height: 1;\n    font-weight: 950;\n    letter-spacing: 0.02em;\n    font-variant-numeric: tabular-nums;\n\n    background:\n      radial-gradient(\n        circle at 30% 15%,\n        rgba(255, 220, 132, 0.45),\n        transparent 36%\n      ),\n      linear-gradient(\n        145deg,\n        #b87713 0%,\n        #7b4705 54%,\n        #4a2901 100%\n      );\n\n    text-shadow:\n      0 2px 5px rgba(35, 18, 1, 0.32);\n\n    box-shadow:\n      0 4px 8px rgba(79, 45, 3, 0.2),\n      inset 0 1px 0 rgba(255, 255, 255, 0.28);\n  }\n\n  .visonira-countdown-unit {\n    display: inline-block;\n    width: 2ch;\n    text-align: center;\n  }\n\n  .visonira-countdown-colon {\n    display: inline-block;\n    width: 0.7ch;\n    text-align: center;\n    animation: visonira-colon-pulse 1s steps(1, end) infinite;\n  }\n\n  \/* ==================================================\n     PRODUCT IMAGE\n  ================================================== *\/\n\n  .visonira-title-image-wrap {\n    position: relative;\n    width: 100%;\n    min-width: 0;\n    margin: 0;\n    border: 1px solid rgba(184, 121, 24, 0.19);\n    border-radius: 15px;\n    overflow: hidden;\n\n    background:\n      linear-gradient(\n        145deg,\n        #fff2cf,\n        #d99a32\n      );\n\n    box-shadow:\n      0 8px 18px rgba(117, 72, 12, 0.15),\n      inset 0 1px 0 rgba(255, 255, 255, 0.75);\n  }\n\n  .visonira-title-image {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    border-radius: 15px;\n  }\n\n  \/* ==================================================\n     ANIMATIONS\n  ================================================== *\/\n\n  @keyframes visonira-offer-float {\n    0%,\n    100% {\n      transform: translateY(0);\n\n      box-shadow:\n        0 9px 19px rgba(111, 66, 7, 0.19),\n        0 3px 6px rgba(111, 66, 7, 0.1),\n        inset 0 1px 0 rgba(255, 255, 255, 0.68);\n    }\n\n    50% {\n      transform: translateY(-2px);\n\n      box-shadow:\n        0 13px 23px rgba(111, 66, 7, 0.22),\n        0 4px 8px rgba(111, 66, 7, 0.12),\n        inset 0 1px 0 rgba(255, 255, 255, 0.68);\n    }\n  }\n\n  @keyframes visonira-offer-shine {\n    0% {\n      left: -42%;\n    }\n\n    100% {\n      left: 120%;\n    }\n  }\n\n  @keyframes visonira-sparkle {\n    0%,\n    100% {\n      opacity: 0.35;\n    }\n\n    50% {\n      opacity: 1;\n    }\n  }\n\n  @keyframes visonira-eye-blink {\n    0%,\n    42%,\n    48%,\n    100% {\n      transform: scaleY(1);\n    }\n\n    45% {\n      transform: scaleY(0.08);\n    }\n  }\n\n  @keyframes visonira-eye-look {\n    0%,\n    100% {\n      transform: translateX(-3px);\n    }\n\n    38% {\n      transform: translateX(3px);\n    }\n\n    62% {\n      transform: translateX(1px) translateY(1px);\n    }\n  }\n\n  @keyframes visonira-eye-sparkle {\n    0%,\n    100% {\n      opacity: 0.35;\n      transform: scale(0.8) rotate(0deg);\n    }\n\n    50% {\n      opacity: 1;\n      transform: scale(1.25) rotate(12deg);\n    }\n  }\n\n  @keyframes visonira-colon-pulse {\n    0%,\n    49% {\n      opacity: 1;\n    }\n\n    50%,\n    100% {\n      opacity: 0.35;\n    }\n  }\n\n  \/* ==================================================\n     CONTAINER RESPONSIVE\n     根据 Shopify 产品信息栏自身宽度适配\n  ================================================== *\/\n\n  @container visoniraCard (max-width: 560px) {\n    .visonira-title-minimal {\n      font-size: clamp(20px, 6.3cqw, 27px);\n    }\n\n    .visonira-bogo-inner {\n      padding: 7px 6px 6px;\n    }\n\n    .visonira-bogo-head {\n      gap: 5px;\n      margin-bottom: 3px;\n    }\n\n    .visonira-eye {\n      width: 25px;\n      height: 18px;\n    }\n\n    .visonira-eye-pupil {\n      width: 9px;\n      height: 9px;\n    }\n\n    .visonira-bogo-topline {\n      font-size: clamp(8px, 2.55cqw, 10px);\n      letter-spacing: 0.1em;\n    }\n\n    .visonira-bogo-topline::before,\n    .visonira-bogo-topline::after {\n      width: clamp(7px, 3cqw, 16px);\n      margin-right: 3px;\n      margin-left: 3px;\n    }\n\n    \/*\n      窄产品栏使用两行布局：\n      第一行 BUY ONE + \n      第二行 GET ONE FREE\n    *\/\n    .visonira-bogo-main {\n      grid-template-columns: minmax(0, 1fr) auto;\n      grid-template-areas:\n        \"buy plus\"\n        \"get get\";\n      row-gap: 1px;\n      column-gap: 5px;\n      width: min(100%, 420px);\n      margin-right: auto;\n      margin-left: auto;\n      padding: 0 7px 1px;\n    }\n\n    .visonira-bogo-buy {\n      grid-area: buy;\n      justify-content: flex-end;\n      font-size: clamp(27px, 10cqw, 41px);\n    }\n\n    .visonira-bogo-divider {\n      grid-area: plus;\n      justify-self: start;\n      width: clamp(27px, 8cqw, 32px);\n      height: clamp(27px, 8cqw, 32px);\n      font-size: clamp(14px, 4.3cqw, 17px);\n    }\n\n    .visonira-bogo-get {\n      grid-area: get;\n      justify-content: center;\n      font-size: clamp(26px, 9.7cqw, 40px);\n    }\n\n    .visonira-bogo-countdown {\n      gap: 5px;\n      width: min(100%, 390px);\n      margin-top: 3px;\n      padding: 3px 3px 3px 7px;\n    }\n\n    .visonira-countdown-message {\n      font-size: clamp(7px, 2.35cqw, 9px);\n      letter-spacing: 0.045em;\n    }\n\n    .visonira-countdown-clock {\n      min-width: 66px;\n      padding: 4px 7px;\n      font-size: clamp(16px, 5.5cqw, 20px);\n    }\n  }\n\n  @container visoniraCard (max-width: 390px) {\n    .visonira-product-title-card {\n      padding: 4px;\n      border-radius: 15px;\n    }\n\n    .visonira-card-stack {\n      gap: 4px;\n    }\n\n    .visonira-title-content {\n      padding: 8px 8px 7px 10px;\n      border-radius: 11px;\n    }\n\n    .visonira-bogo-offer {\n      padding: 4px;\n      border-radius: 13px;\n    }\n\n    .visonira-bogo-inner {\n      border-radius: 9px;\n    }\n\n    .visonira-bogo-head {\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .visonira-bogo-topline {\n      white-space: normal;\n      text-align: center;\n    }\n\n    .visonira-bogo-main {\n      column-gap: 4px;\n      padding-right: 3px;\n      padding-left: 3px;\n    }\n\n    .visonira-bogo-buy {\n      font-size: clamp(25px, 10.5cqw, 36px);\n    }\n\n    .visonira-bogo-get {\n      font-size: clamp(24px, 10cqw, 35px);\n    }\n\n    .visonira-bogo-countdown {\n      grid-template-columns: minmax(0, 1fr) auto;\n      border-radius: 12px;\n    }\n\n    .visonira-countdown-message {\n      justify-content: flex-start;\n      white-space: normal;\n      text-align: left;\n      line-height: 1.1;\n    }\n\n    .visonira-title-image-wrap,\n    .visonira-title-image {\n      border-radius: 11px;\n    }\n  }\n\n  \/* ==================================================\n     MOBILE FALLBACK\n     用于不支持容器查询的旧版浏览器\n  ================================================== *\/\n\n  @media (max-width: 600px) {\n    .visonira-product-title-card {\n      padding: 4px;\n      border-radius: 15px;\n    }\n\n    .visonira-card-stack {\n      gap: 4px;\n    }\n\n    .visonira-title-content {\n      padding: 8px 8px 7px 10px;\n      border-radius: 11px;\n    }\n\n    .visonira-title-minimal {\n      font-size: clamp(20px, 6.1vw, 27px);\n      line-height: 1.08;\n    }\n\n    .visonira-title-minimal .keywords {\n      margin-top: 2px;\n      line-height: 1.17;\n    }\n\n    .visonira-bogo-offer {\n      padding: 4px;\n      border-radius: 13px;\n    }\n\n    .visonira-bogo-inner {\n      padding: 7px 6px 6px;\n      border-radius: 9px;\n    }\n\n    .visonira-bogo-main {\n      grid-template-columns: minmax(0, 1fr) auto;\n      grid-template-areas:\n        \"buy plus\"\n        \"get get\";\n      row-gap: 1px;\n      column-gap: 5px;\n      width: min(100%, 420px);\n      margin-right: auto;\n      margin-left: auto;\n      padding: 0 5px 1px;\n    }\n\n    .visonira-bogo-buy {\n      grid-area: buy;\n      justify-content: flex-end;\n      font-size: clamp(27px, 10vw, 41px);\n    }\n\n    .visonira-bogo-divider {\n      grid-area: plus;\n      justify-self: start;\n      width: 29px;\n      height: 29px;\n      font-size: 16px;\n    }\n\n    .visonira-bogo-get {\n      grid-area: get;\n      justify-content: center;\n      font-size: clamp(26px, 9.7vw, 40px);\n    }\n\n    .visonira-bogo-countdown {\n      margin-top: 3px;\n    }\n\n    .visonira-countdown-message {\n      font-size: clamp(7px, 2.25vw, 9px);\n    }\n\n    .visonira-countdown-clock {\n      min-width: 66px;\n      padding: 4px 7px;\n      font-size: clamp(16px, 5.2vw, 20px);\n    }\n\n    .visonira-title-image-wrap,\n    .visonira-title-image {\n      border-radius: 11px;\n    }\n  }\n\n  \/* ==================================================\n     REDUCED MOTION\n  ================================================== *\/\n\n  @media (prefers-reduced-motion: reduce) {\n    .visonira-bogo-offer,\n    .visonira-bogo-inner::before,\n    .visonira-bogo-inner::after,\n    .visonira-eye,\n    .visonira-eye-pupil,\n    .visonira-bogo-eyes::after,\n    .visonira-countdown-colon {\n      animation: none !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"visonira-product-title-card\"\u003e\n\u003cdiv class=\"visonira-card-stack\"\u003e\n\u003c!-- PRODUCT TITLE --\u003e\n\u003cdiv class=\"visonira-title-content\"\u003e\n\u003ch2 class=\"visonira-title-minimal\"\u003e\n\u003cspan class=\"brand\"\u003e[Visonira]\u003c\/span\u003e Kojic Acid Turmeric Night Wrapping Mask \u003cspan class=\"keywords\"\u003e Overnight Wrapping Mask, Morning Shed, Turmeric, Niacinamide, Vitamin C \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- BUY ONE GET ONE FREE --\u003e\n\u003cdiv class=\"visonira-bogo-offer\" role=\"note\" aria-label=\"Limited-time buy one get one free offer\"\u003e\n\u003cdiv class=\"visonira-bogo-inner\"\u003e\n\u003c!-- EYES + LABEL --\u003e\n\u003cdiv class=\"visonira-bogo-head\"\u003e\n\u003cdiv class=\"visonira-bogo-eyes\" aria-hidden=\"true\"\u003e\n\u003cspan class=\"visonira-eye\"\u003e \u003cspan class=\"visonira-eye-pupil\"\u003e\u003c\/span\u003e \u003c\/span\u003e \u003cspan class=\"visonira-eye\"\u003e \u003cspan class=\"visonira-eye-pupil\"\u003e\u003c\/span\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"visonira-bogo-topline\"\u003eLimited-Time Exclusive\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- MAIN OFFER --\u003e\n\u003cdiv class=\"visonira-bogo-main\"\u003e\n\u003cdiv class=\"visonira-bogo-group visonira-bogo-buy\"\u003e\u003cspan class=\"visonira-bogo-word\"\u003e Buy One \u003c\/span\u003e\u003c\/div\u003e\n\u003cspan class=\"visonira-bogo-divider\" aria-hidden=\"true\"\u003e + \u003c\/span\u003e\n\u003cdiv class=\"visonira-bogo-group visonira-bogo-get\"\u003e\n\u003cspan class=\"visonira-bogo-word\"\u003e Get One \u003c\/span\u003e \u003cspan class=\"visonira-bogo-free\"\u003e Free \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10-MINUTE LOOPING COUNTDOWN --\u003e\n\u003cdiv class=\"visonira-bogo-countdown\" aria-label=\"Limited-time offer countdown\"\u003e\n\u003cdiv class=\"visonira-countdown-message\"\u003eDouble the glow · offer ends in\u003c\/div\u003e\n\u003ctime class=\"visonira-countdown-clock\" data-visonira-bogo-timer=\"\" aria-live=\"off\"\u003e \u003cspan class=\"visonira-countdown-unit\" data-visonira-minutes=\"\"\u003e 10 \u003c\/span\u003e \u003cspan class=\"visonira-countdown-colon\" aria-hidden=\"true\"\u003e : \u003c\/span\u003e \u003cspan class=\"visonira-countdown-unit\" data-visonira-seconds=\"\"\u003e 00 \u003c\/span\u003e \u003c\/time\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PRODUCT IMAGE --\u003e\n\u003cdiv class=\"visonira-title-image-wrap\"\u003e\u003cimg class=\"visonira-title-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0775\/2748\/2597\/files\/1111.png?v=1784122796\" alt=\"Visonira Kojic Acid Turmeric Night Wrapping Mask\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Visonira","offers":[{"title":"buy 1 get 1 free","offer_id":49955046752485,"sku":null,"price":72.0,"currency_code":"USD","in_stock":true},{"title":"only 1","offer_id":49955046785253,"sku":null,"price":45.0,"currency_code":"USD","in_stock":true},{"title":"buy 2 get 2 free","offer_id":49955046818021,"sku":null,"price":115.2,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0775\/2748\/2597\/files\/1333.png?v=1784122703","url":"https:\/\/www.visonira.com\/products\/visonira","provider":"Visonira","version":"1.0","type":"link"}