{"id":195,"date":"2025-12-20T14:50:02","date_gmt":"2025-12-20T05:50:02","guid":{"rendered":"https:\/\/secret-tea-retreat.com\/wakocha\/?page_id=195"},"modified":"2025-12-26T03:39:43","modified_gmt":"2025-12-25T18:39:43","slug":"vanilla-collection","status":"publish","type":"page","link":"https:\/\/secret-tea-retreat.com\/wakocha\/?page_id=195","title":{"rendered":"Vanilla Collection"},"content":{"rendered":"\n<!-- ==========================================================\n Vanilla Collection (page_id=195) - REPLACE FULL HTML [CLICK FIX]\n \u2705 ONE WordPress \"Custom HTML\" block. Copy & paste = done.\n \u2705 Buttons link to fixed pages (page_id=191 \/ page_id=193)\n \u2705 Click issue fix: z-index + pointer-events + isolation\n ========================================================== -->\n\n<section class=\"vc195\" id=\"vc195\">\n  <style>\n    \/* --- Safety: prevent theme overlays from blocking clicks --- *\/\n    #vc195, #vc195 * { box-sizing: border-box; }\n    #vc195 { position: relative; isolation: isolate; }\n    #vc195 * { pointer-events: auto !important; }\n\n    \/* --- Layout --- *\/\n    #vc195{\n      --ink:#f2f2ee;\n      --muted:rgba(242,242,238,.76);\n      --line:rgba(255,255,255,.14);\n      --shadow:0 18px 45px rgba(0,0,0,.45);\n      --radius:24px;\n      --serif: ui-serif, \"Times New Roman\", Times, \"Hiragino Mincho ProN\", \"Hiragino Mincho Pro\", \"Yu Mincho\", serif;\n      --sans: ui-sans-serif, system-ui, -apple-system, \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Noto Sans JP\", sans-serif;\n\n      color: var(--ink);\n      padding: 26px 14px 26px;\n      border-radius: 18px;\n      overflow: hidden;\n      background:\n        radial-gradient(900px 520px at 70% 0%, rgba(30,70,120,.28), rgba(0,0,0,0) 60%),\n        linear-gradient(180deg, #05080d, #071a2e);\n    }\n\n    #vc195 .wrap{ max-width: 980px; margin: 0 auto; }\n\n    #vc195 header{\n      padding: 4px 4px 0;\n      display: grid;\n      gap: 10px;\n    }\n    #vc195 h1{\n      margin: 0;\n      font-family: var(--serif);\n      font-weight: 650;\n      letter-spacing: .02em;\n      line-height: 1.08;\n      font-size: clamp(26px, 6.6vw, 44px);\n    }\n    #vc195 .lead{\n      margin: 0;\n      font-family: var(--serif);\n      line-height: 1.9;\n      font-size: 15px;\n      color: rgba(242,242,238,.90);\n      max-width: 70ch;\n    }\n    #vc195 .lead .en{\n      display:block;\n      margin-top: 8px;\n      color: rgba(242,242,238,.78);\n      font-size: 14px;\n      line-height: 1.8;\n    }\n\n    \/* --- Hero package image --- *\/\n    #vc195 .hero-package{\n      margin: 22px 4px 10px;\n      border-radius: 18px;\n      overflow: hidden;\n      box-shadow: var(--shadow);\n      border: 1px solid rgba(255,255,255,.12);\n      background: rgba(0,0,0,.25);\n    }\n    #vc195 .hero-package img{\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: cover;\n    }\n\n    #vc195 .grid{\n      margin-top: 18px;\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 12px;\n    }\n    @media (min-width: 860px){\n      #vc195{ padding: 44px 20px 34px; border-radius: 22px; }\n      #vc195 .grid{ grid-template-columns: 1fr 1fr; gap: 14px; }\n    }\n\n    \/* --- Card --- *\/\n    #vc195 .card{\n      position: relative;\n      border-radius: 22px;\n      overflow: hidden;\n      border: 1px solid rgba(255,255,255,.14);\n      box-shadow: 0 14px 38px rgba(0,0,0,.32);\n      background: rgba(0,0,0,.18);\n      text-decoration: none;\n      color: inherit;\n    }\n\n    #vc195 .imgwrap{\n      position: relative;\n      width: 100%;\n      aspect-ratio: 16 \/ 10;\n      overflow: hidden;\n      border-bottom: 1px solid rgba(255,255,255,.10);\n      background: rgba(0,0,0,.2);\n    }\n    #vc195 .imgwrap img{\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transform: scale(1.02);\n      filter: contrast(1.03) brightness(.98);\n    }\n    #vc195 .fade{\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.35) 100%);\n      pointer-events: none;\n    }\n\n    #vc195 .body{\n      padding: 16px 14px 14px;\n      display: grid;\n      gap: 10px;\n    }\n    #vc195 .name{\n      margin: 0;\n      font-family: var(--serif);\n      font-size: clamp(20px, 4.8vw, 28px);\n      line-height: 1.05;\n      font-weight: 650;\n      letter-spacing: .01em;\n    }\n    #vc195 .sub{\n      margin: 0;\n      font-family: var(--serif);\n      color: rgba(242,242,238,.84);\n      font-size: 14px;\n      line-height: 1.55;\n    }\n    #vc195 .desc{\n      margin: 0;\n      font-family: var(--serif);\n      color: rgba(242,242,238,.88);\n      font-size: 15px;\n      line-height: 1.9;\n    }\n    #vc195 .desc .en{\n      display:block;\n      margin-top: 8px;\n      color: rgba(242,242,238,.76);\n      font-size: 14px;\n      line-height: 1.85;\n    }\n\n    \/* --- Button (click-safe) --- *\/\n    #vc195 .btn{\n      position: relative;\n      z-index: 10;               \/* bring above any overlays *\/\n      display: block;            \/* easier tapping on mobile *\/\n      width: 100%;\n      margin-top: 6px;\n      padding: 13px 14px;\n      border-radius: 999px;\n      border: 1px solid rgba(255,255,255,.18);\n      background: rgba(255,255,255,.06);\n      color: rgba(242,242,238,.95);\n      text-decoration: none;\n      text-align: center;\n      font-family: var(--sans);\n      font-size: 12px;\n      letter-spacing: .10em;\n      text-transform: uppercase;\n      transition: transform .18s ease, background .18s ease, border-color .18s ease;\n      cursor: pointer;\n      -webkit-tap-highlight-color: rgba(255,255,255,.16);\n    }\n    #vc195 .btn:hover{\n      transform: translateY(-1px);\n      background: rgba(255,255,255,.10);\n      border-color: rgba(255,255,255,.28);\n    }\n\n    #vc195 .note{\n      margin: 14px 4px 0;\n      font-family: var(--sans);\n      font-size: 11px;\n      color: rgba(242,242,238,.62);\n      letter-spacing: .02em;\n      line-height: 1.7;\n    }\n  <\/style>\n\n  <div class=\"wrap\">\n    <header>\n      <h1>Vanilla Collection<\/h1>\n      <p class=\"lead\">\n        \u767d\u5ddd\u548c\u7d05\u8336\u306e\u900f\u660e\u306a\u871c\u9999\u306b\u3001\u5929\u7136\u7531\u6765\u306e\u30d0\u30cb\u30e9\u306e\u6c17\u914d\u3092\u305d\u3063\u3068\u91cd\u306d\u305f2\u3064\u306e\u30d6\u30ec\u30f3\u30c9\u3002\n        <span class=\"en\">\n          Two blends that layer a gentle natural vanilla nuance over the clear honeyed aroma of Shirakawa Japanese Black Tea.\n        <\/span>\n      <\/p>\n    <\/header>\n\n    <!-- Hero package image -->\n    <figure class=\"hero-package\">\n      <img decoding=\"async\"\n        src=\"https:\/\/secret-tea-retreat.com\/wakocha\/wp-content\/uploads\/2025\/12\/\u30d1\u30c3\u30b1\u30fc\u30b812-scaled.jpg\"\n        alt=\"Vanilla Collection packaging \u2013 three Japanese black tea boxes on a marble surface.\">\n    <\/figure>\n\n    <div class=\"grid\" aria-label=\"Vanilla Collection products\">\n      <!-- Fragrant Light -->\n      <article class=\"card\" aria-label=\"Fragrant Light\">\n        <div class=\"imgwrap\">\n          <img decoding=\"async\" src=\"https:\/\/secret-tea-retreat.com\/wakocha\/wp-content\/uploads\/2025\/12\/\u30d5\u30ec\u30b0\u30e9\u30f3\u30c8\u30e9\u30a4\u30c8\u8336\u8272.jpg\" alt=\"Fragrant Light cup\">\n          <div class=\"fade\" aria-hidden=\"true\"><\/div>\n        <\/div>\n        <div class=\"body\">\n          <h2 class=\"name\">Fragrant Light<\/h2>\n          <p class=\"sub\">Japanese Black Tea with Gentle Vanilla<\/p>\n          <p class=\"desc\">\n            \u6f84\u3093\u3060\u4f59\u97fb\u306e\u4e2d\u306b\u3001\u307b\u306e\u304b\u306a\u7518\u3044\u5149\u3002<br>\n            \u30b9\u30c8\u30ec\u30fc\u30c8\u3067\u3082\u3001\u30b9\u30a4\u30fc\u30c4\u3068\u5408\u308f\u305b\u3066\u3082\u3002\n            <span class=\"en\">\n              A soft, luminous sweetness within a clean finish. Beautiful as a straight tea, and with desserts.\n            <\/span>\n          <\/p>\n\n          <a class=\"btn\"\n             href=\"https:\/\/secret-tea-retreat.com\/wakocha\/?page_id=191\"\n             rel=\"noopener\">\n            View details \/ \u8a73\u7d30\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <!-- Sweet Vanilla Red -->\n      <article class=\"card\" aria-label=\"Sweet Vanilla Red\">\n        <div class=\"imgwrap\">\n          <img decoding=\"async\" src=\"https:\/\/secret-tea-retreat.com\/wakocha\/wp-content\/uploads\/2025\/12\/\u30b9\u30a4\u30fc\u30c4\u30d0\u30cb\u30e9\u30ec\u30c3\u30c9\u8336\u8272.jpg\" alt=\"Sweet Vanilla Red cup\">\n          <div class=\"fade\" aria-hidden=\"true\"><\/div>\n        <\/div>\n        <div class=\"body\">\n          <h2 class=\"name\">Sweet Vanilla Red<\/h2>\n          <p class=\"sub\">Japanese Black Tea &#038; Rooibos with Vanilla<\/p>\n          <p class=\"desc\">\n            \u3088\u308a\u6df1\u304f\u3001\u7518\u304f\u5e83\u304c\u308b\u30d0\u30cb\u30e9\u306e\u4f59\u97fb\u3002<br>\n            \u30df\u30eb\u30af\u30c6\u30a3\u30fc\u3084\u591c\u306e\u4e00\u676f\u306b\u3082\u3002\n            <span class=\"en\">\n              A deeper, sweeter vanilla finish\u2014ideal for milk tea and evening rituals.\n            <\/span>\n          <\/p>\n\n          <a class=\"btn\"\n             href=\"https:\/\/secret-tea-retreat.com\/wakocha\/?page_id=193\"\n             rel=\"noopener\">\n            View details \/ \u8a73\u7d30\n          <\/a>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vanilla Collection \u767d\u5ddd\u548c\u7d05\u8336\u306e\u900f\u660e\u306a\u871c\u9999\u306b\u3001\u5929\u7136\u7531\u6765\u306e\u30d0\u30cb\u30e9\u306e\u6c17\u914d\u3092\u305d\u3063\u3068\u91cd\u306d\u305f2\u3064\u306e\u30d6\u30ec\u30f3\u30c9\u3002 Two blends that layer a gentle natural vanilla nuan&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-195","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/secret-tea-retreat.com\/wakocha\/index.php?rest_route=\/wp\/v2\/pages\/195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/secret-tea-retreat.com\/wakocha\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/secret-tea-retreat.com\/wakocha\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/secret-tea-retreat.com\/wakocha\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/secret-tea-retreat.com\/wakocha\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=195"}],"version-history":[{"count":6,"href":"https:\/\/secret-tea-retreat.com\/wakocha\/index.php?rest_route=\/wp\/v2\/pages\/195\/revisions"}],"predecessor-version":[{"id":297,"href":"https:\/\/secret-tea-retreat.com\/wakocha\/index.php?rest_route=\/wp\/v2\/pages\/195\/revisions\/297"}],"wp:attachment":[{"href":"https:\/\/secret-tea-retreat.com\/wakocha\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}