{"title":"Astigram Toric Me Starter Kit","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    \/* Shopify 내부에 들어갈 때 스타일 충돌 방지를 위한 Scoped CSS *\/\n    .astigram-event-container {\n        font-family: \"Helvetica Neue\", Helvetica, Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\n        color: #333;\n        line-height: 1.6;\n        max-width: 800px;\n        margin: 0 auto;\n        padding: 0 10px;\n        box-sizing: border-box;\n    }\n\n    .astigram-event-container * {\n        box-sizing: border-box;\n    }\n\n    \/* 상단 배너 이미지 영역 *\/\n    .top-banner {\n        width: 100%;\n        display: block;\n        margin-bottom: 30px;\n        border-radius: 8px;\n        overflow: hidden;\n    }\n    .top-banner img {\n        width: 100%;\n        height: auto;\n        display: block;\n    }\n\n    \/* 헤드라인 섹션 *\/\n    .headline-section {\n        text-align: center;\n        margin-bottom: 40px;\n    }\n    .headline-sub {\n        font-size: 14px;\n        color: #666;\n        letter-spacing: 0.05em;\n        margin-bottom: 10px;\n        display: block;\n        font-weight: bold;\n    }\n    .headline-main {\n        font-size: 24px;\n        font-weight: 700;\n        color: #1a1a1a;\n        margin: 0 0 20px 0;\n        line-height: 1.4;\n    }\n    .headline-highlight {\n        color: #e53935; \/* 강조색: 신뢰감 있는 레드 *\/\n        background: rgba(229, 57, 53, 0.1);\n        padding: 0 5px;\n    }\n\n    \/* 가격 섹션 *\/\n    .price-card {\n        background-color: #f9f9f9;\n        border: 2px solid #eee;\n        border-radius: 12px;\n        padding: 30px 20px;\n        text-align: center;\n        margin-bottom: 40px;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n    }\n    .price-label {\n        background-color: #333;\n        color: #fff;\n        display: inline-block;\n        padding: 5px 15px;\n        border-radius: 20px;\n        font-size: 13px;\n        margin-bottom: 15px;\n        font-weight: bold;\n    }\n    .price-box {\n        display: flex;\n        justify-content: center;\n        align-items: flex-end;\n        gap: 15px;\n    }\n    .price-original {\n        font-size: 16px;\n        color: #888;\n        text-decoration: line-through;\n        margin-bottom: 5px;\n    }\n    .price-sale {\n        font-size: 36px;\n        font-weight: 800;\n        color: #e53935;\n        line-height: 1;\n    }\n    .price-unit {\n        font-size: 16px;\n        font-weight: normal;\n        color: #333;\n    }\n    .price-note {\n        font-size: 12px;\n        color: #666;\n        margin-top: 10px;\n    }\n\n    \/* 메시지 섹션 (김마케팅 추천) *\/\n    .message-box {\n        background-color: #eefffa; \/* 신뢰감을 주는 민트 배경 *\/\n        padding: 30px 20px;\n        border-radius: 12px;\n        text-align: center;\n        margin-bottom: 30px; \/* 이미지와의 간격 *\/\n    }\n    .message-title {\n        font-size: 18px;\n        font-weight: bold;\n        color: #00897b;\n        margin-bottom: 15px;\n    }\n    .message-content {\n        font-size: 14px;\n        line-height: 1.8;\n    }\n\n    \/* [수정본] 780x560 비율에 맞춘 이미지 섹션 스타일 *\/\n.square-visual-section {\n    width: 100%;\n    max-width: 780px; \/* 이미지 원본 가로 사이즈에 맞춤 *\/\n    margin: 0 auto 50px;\n}\n\n.square-image-wrap {\n    position: relative;\n    width: 100%;\n    \/* 560 \/ 780 * 100 = 약 71.79% (이미지의 세로 비율 계산값) *\/\n    padding-bottom: 71.79%; \n    overflow: hidden;\n    border-radius: 12px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n}\n\n.square-image-wrap img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    \/* object-fit: cover; -\u003e 비율이 맞으므로 그대로 두거나 contain으로 변경 가능 *\/\n    object-fit: cover; \n    display: block;\n}\n\n    \/* 포인트 섹션 (혜택) *\/\n    .benefit-section {\n        margin-bottom: 50px;\n    }\n    .section-title {\n        text-align: center;\n        font-size: 20px;\n        font-weight: bold;\n        margin-bottom: 30px;\n        position: relative;\n    }\n    .section-title::after {\n        content: \"\";\n        display: block;\n        width: 40px;\n        height: 3px;\n        background-color: #e53935;\n        margin: 10px auto 0;\n    }\n\n    .benefit-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n    .benefit-item {\n        display: flex;\n        align-items: center;\n        background: #fff;\n        padding: 20px 15px;\n        border-radius: 8px;\n        border: 1px solid #eee;\n    }\n    .benefit-icon {\n        font-size: 30px;\n        margin-right: 15px;\n        width: 50px;\n        text-align: center;\n        flex-shrink: 0;\n    }\n    .benefit-text h4 {\n        margin: 0 0 5px 0;\n        font-size: 16px;\n        font-weight: bold;\n        color: #333;\n    }\n    .benefit-text p {\n        margin: 0;\n        font-size: 13px;\n        color: #666;\n        line-height: 1.5;\n    }\n\n    \/* 하단 화살표 (컬렉션 유도) *\/\n    .scroll-down {\n        text-align: center;\n        margin: 40px 0 20px;\n    }\n    .scroll-text {\n        font-size: 14px;\n        font-weight: bold;\n        color: #333;\n        margin-bottom: 10px;\n    }\n    .arrow-icon {\n        font-size: 24px;\n        color: #e53935;\n        animation: bounce 2s infinite;\n    }\n\n    @keyframes bounce {\n        0%, 20%, 50%, 80%, 100% {transform: translateY(0);}\n        40% {transform: translateY(-10px);}\n        60% {transform: translateY(-5px);}\n    }\n\n    \/* 태블릿\/PC 대응 *\/\n    @media (min-width: 768px) {\n        .headline-main { font-size: 32px; }\n        \/* 4개 아이템을 2x2 그리드로 배치하여 안정감 부여 *\/\n        .benefit-grid { grid-template-columns: 1fr 1fr; } \n        .benefit-item { flex-direction: column; text-align: center; padding: 30px 20px; }\n        .benefit-icon { margin-right: 0; margin-bottom: 15px; }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"astigram-event-container\"\u003e\n\u003c!-- 1. 히어로 섹션 --\u003e\n\u003cdiv class=\"headline-section\"\u003e\n\u003cspan class=\"headline-sub\"\u003eASTIGRAM TORIC ME 1MONTH\u003c\/span\u003e\n\u003ch1 class=\"headline-main\"\u003e乱視用レンズ、高くて諦めていませんか？\u003cbr\u003e\u003cspan class=\"headline-highlight\"\u003eあなたの「初めて」をVAVARAが応援します。\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp style=\"font-size: 14px; color: #555;\"\u003e\u003c!-- 한국어 참고용: 난시용 렌즈, 비싸서 포기하셨나요? 당신의 첫 시작을 VAVARA가 응원합니다. --\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 2. 가격 섹션 --\u003e\n\u003cdiv class=\"price-card\"\u003e\n\u003cspan class=\"price-label\"\u003eSTARTER KIT SPECIAL PRICE\u003c\/span\u003e\n\u003cdiv class=\"price-box\"\u003e\n\u003cdiv class=\"price-original\"\u003e¥2,890\u003c\/div\u003e\n\u003cdiv class=\"price-sale\"\u003e¥1,734\u003c\/div\u003e\n\u003cdiv class=\"price-unit\"\u003e(税込)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"price-note\"\u003eアスティグラム トーリックミー 1Month (1箱2枚入り)\u003cbr\u003e※お一人様1回限り (個数制限なし)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 3. 설득 메시지 (Why Cheap?) --\u003e\n\u003cdiv class=\"message-box\"\u003e\n\u003cdiv class=\"message-title\"\u003eなぜ、こんなに安いの？\u003c\/div\u003e\n\u003cdiv class=\"message-content\"\u003e乱視用レンズは高い。\u003cbr\u003eその常識を変えるために、このスターターキットを作りました。\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003e「まずは一度、クリアな視界を体験してほしい」\u003c\/strong\u003e\u003cbr\u003eその思いから、VAVARA(ババラ)は利益を削って応援価格に設定しました。\u003cbr\u003e品質はそのまま。安心してお試しください。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- [NEW] 김마케팅 추가: 1:1 감성 이미지 섹션 --\u003e \u003c!-- 메시지 바로 밑에 배치하여 감동과 제품의 실체를 연결 --\u003e\n\u003cdiv class=\"square-visual-section\"\u003e\n\u003cdiv class=\"square-image-wrap\"\u003e\n\u003c!-- \n               ★중요★ \n               src=\"\" 안에 실제 사용할 이미지 주소를 넣어주세요.\n               쇼피파이 파일 설정(Settings \u003e Files)에 이미지를 올리고 그 링크를 복사해 넣으면 됩니다.\n               권장 사이즈: 800x800px 이상\n            --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0954\/2251\/3461\/files\/starterkit_20251224.jpg?v=1766554437\" alt=\"VAVARA Toric Me Lifestyle Image\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. 베네핏 (특징) --\u003e\n\u003cdiv class=\"benefit-section\"\u003e\n\u003ch3 class=\"section-title\"\u003eTORIC ME 4つのこだわり\u003c\/h3\u003e\n\u003cdiv class=\"benefit-grid\"\u003e\n\u003c!-- 1. 정밀한 스펙 강조 --\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e📐\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003ch4\u003eAXIS 5°刻みの精密さ\u003c\/h4\u003e\n\u003cp\u003e乱視軸(AXIS)は5°単位、度数も豊富に用意。オーダーメイド級のフィット感で、ブレない視界を。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. 다양한 컬러 강조 --\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003ch4\u003e豊富なデザイン\u003c\/h4\u003e\n\u003cp\u003e「乱視用＝地味」は卒業。ナチュラルからハーフ系まで、ファッションに合わせて選べるカラー。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. 함수율 38% 강조 --\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003ch4\u003e含水率38%の快適さ\u003c\/h4\u003e\n\u003cp\u003e涙を奪いすぎない低含水(38%)レンズ。乾燥を防ぎ、長時間つけても快適な瞳へ。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. 가성비 --\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e💰\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003ch4\u003e圧倒的コスパ\u003c\/h4\u003e\n\u003cp\u003e1ヶ月使えて1,890円。お財布に優しいから、毎日気兼ねなく使える。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. 구매 유도 (컬렉션 연결) --\u003e\n\u003cdiv class=\"scroll-down\"\u003e\n\u003cp class=\"scroll-text\"\u003e▼ 自分に似合うレンズを見つけてスタート ▼\u003c\/p\u003e\n\u003cdiv class=\"arrow-icon\"\u003e⬇\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","products":[],"url":"https:\/\/vavara.net\/collections\/astigram-1month-event.oembed","provider":"乱視用カラコン専門店 VAVARA(ババラ)","version":"1.0","type":"link"}