{"product_id":"speckled-coffee-cup-pair-with-wooden-handles-stands-make-every-coffee-pause-special","title":"☕🤎  Speckled Ceramic Coffee Cups with Wooden Handles","description":"\n\u003c!--\nALASJOY COFFEE LANDING PAGE V2\nResponsive Shopify Custom Liquid\nFull-screen coffee atmosphere\nNo global CSS reset\n--\u003e\n\n\u003cstyle\u003e\n#aj-coffee-v2{\n  --cream:#faf5ed;\n  --light:#fffaf3;\n  --sand:#eee2d2;\n  --brown:#432b1f;\n  --wood:#a96d42;\n  --muted:#786253;\n  --gold:#e6b47b;\n\n  width:100%;\n  max-width:1120px;\n  margin:0 auto;\n  padding:0;\n  background:var(--cream);\n  color:var(--brown);\n  font-family:Arial,Helvetica,sans-serif;\n  font-size:15px;\n  line-height:1.65;\n  overflow:hidden;\n  position:relative;\n  isolation:isolate;\n  container-type:inline-size;\n}\n\n#aj-coffee-v2 *,\n#aj-coffee-v2 *::before,\n#aj-coffee-v2 *::after{\n  box-sizing:border-box;\n}\n\n#aj-coffee-v2 img{\n  width:100%;\n  max-width:100%;\n  height:auto;\n  display:block;\n}\n\n#aj-coffee-v2 h2,\n#aj-coffee-v2 h3,\n#aj-coffee-v2 p{\n  margin:0!important;\n  padding:0;\n  max-width:100%;\n  overflow-wrap:normal;\n  word-break:normal;\n  text-transform:none;\n}\n\n#aj-coffee-v2 h2,\n#aj-coffee-v2 h3{\n  font-family:Georgia,serif!important;\n  font-weight:700!important;\n  letter-spacing:-.025em!important;\n  line-height:1.2!important;\n}\n\n#aj-coffee-v2 .aj-label{\n  display:block;\n  color:var(--wood);\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:2px;\n  text-transform:uppercase;\n  margin-bottom:15px;\n}\n\n#aj-coffee-v2 .aj-highlight{\n  color:var(--wood);\n}\n\n\/* HERO *\/\n\n#aj-coffee-v2 .aj-hero{\n  text-align:center;\n  padding:45px 24px 38px;\n  background:\n    radial-gradient(\n      circle at 85% 5%,\n      rgba(235,181,110,.25),\n      transparent 50%\n    ),\n    linear-gradient(145deg,#fff9ef,#efe3d3);\n}\n\n#aj-coffee-v2 .aj-hero h2{\n  font-size:clamp(30px,4.5vw,54px)!important;\n  max-width:750px;\n  margin:0 auto 17px!important;\n}\n\n#aj-coffee-v2 .aj-hero-desc{\n  max-width:560px;\n  margin:0 auto 23px!important;\n  color:var(--muted);\n  font-size:15px;\n  line-height:1.75;\n}\n\n#aj-coffee-v2 .aj-badges{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:9px;\n  margin:0 auto 26px;\n}\n\n#aj-coffee-v2 .aj-badges span{\n  border:1px solid #d9c2ab;\n  background:#ffffffa8;\n  padding:8px 13px;\n  border-radius:22px;\n  font-size:11px;\n  font-weight:700;\n}\n\n#aj-coffee-v2 .aj-hero-photo{\n  width:100%;\n  max-width:720px;\n  margin:auto;\n  border-radius:16px;\n  overflow:hidden;\n  box-shadow:0 18px 40px rgba(60,36,18,.12);\n}\n\n#aj-coffee-v2 .aj-hero-photo img{\n  width:100%;\n  aspect-ratio:1\/1;\n  object-fit:cover;\n}\n\n\/* BENEFITS *\/\n\n#aj-coffee-v2 .aj-intro{\n  background:#432c20;\n  color:white;\n  text-align:center;\n  padding:43px 25px;\n}\n\n#aj-coffee-v2 .aj-intro h2{\n  color:#fff2e2!important;\n  font-size:clamp(28px,3.8vw,43px)!important;\n  margin-bottom:15px!important;\n}\n\n#aj-coffee-v2 .aj-intro p{\n  color:#e5d2bd;\n  max-width:530px;\n  margin:0 auto!important;\n  font-size:14px;\n}\n\n#aj-coffee-v2 .aj-benefits{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:12px;\n  max-width:780px;\n  margin:27px auto 0;\n}\n\n#aj-coffee-v2 .aj-benefit{\n  padding:18px 10px;\n  border:1px solid #ffffff35;\n  border-radius:12px;\n  font-size:12px;\n  font-weight:700;\n}\n\n#aj-coffee-v2 .aj-benefit b{\n  display:block;\n  font-size:23px;\n  color:var(--gold);\n  margin-bottom:6px;\n}\n\n\/* RESPONSIVE STORY *\/\n\n#aj-coffee-v2 .aj-story{\n  display:grid!important;\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(0,1fr)!important;\n  align-items:center!important;\n  gap:clamp(20px,4cqw,50px)!important;\n  padding:45px clamp(20px,4cqw,52px)!important;\n  width:100%;\n  min-width:0;\n}\n\n#aj-coffee-v2 .aj-story.alt{\n  background:#eee3d5;\n}\n\n#aj-coffee-v2 .aj-story.dark{\n  background:#473022;\n  color:#fff3e4;\n}\n\n#aj-coffee-v2 .aj-story.reverse .aj-visual{\n  order:2;\n}\n\n#aj-coffee-v2 .aj-story.reverse .aj-content{\n  order:1;\n}\n\n#aj-coffee-v2 .aj-visual,\n#aj-coffee-v2 .aj-content{\n  width:100%!important;\n  min-width:0!important;\n  max-width:100%!important;\n}\n\n#aj-coffee-v2 .aj-visual{\n  margin:0;\n  overflow:hidden;\n  border-radius:14px;\n  background:#e2d0ba;\n  box-shadow:0 12px 30px #3e28151a;\n}\n\n#aj-coffee-v2 .aj-visual img{\n  width:100%!important;\n  height:auto!important;\n  aspect-ratio:1\/1;\n  object-fit:cover;\n  border-radius:14px;\n}\n\n#aj-coffee-v2 .aj-content{\n  display:flex;\n  flex-direction:column;\n  align-items:flex-start;\n  justify-content:center;\n  gap:0;\n}\n\n#aj-coffee-v2 .aj-content h2{\n  width:100%!important;\n  max-width:100%!important;\n  font-size:clamp(25px,3.3cqw,40px)!important;\n  line-height:1.2!important;\n  letter-spacing:-.02em!important;\n  margin:0 0 17px!important;\n  white-space:normal!important;\n}\n\n#aj-coffee-v2 .aj-content p{\n  font-size:14px!important;\n  line-height:1.75!important;\n  color:var(--muted);\n  margin:0 0 15px!important;\n}\n\n#aj-coffee-v2 .aj-story.dark .aj-content p{\n  color:#ead7c0;\n}\n\n#aj-coffee-v2 .aj-story.dark h2{\n  color:#fff3e4!important;\n}\n\n#aj-coffee-v2 .aj-story.dark .aj-label{\n  color:#e7b57b;\n}\n\n#aj-coffee-v2 .aj-detail{\n  width:100%;\n  display:flex;\n  align-items:center;\n  gap:12px;\n  border-top:1px solid #aa917a66;\n  padding-top:15px;\n  margin-top:5px;\n}\n\n#aj-coffee-v2 .aj-detail-icon{\n  width:39px;\n  height:39px;\n  min-width:39px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:#e9c9a4;\n  border-radius:50%;\n  font-size:20px;\n  color:#613819;\n}\n\n#aj-coffee-v2 .aj-detail-text{\n  font-size:11px;\n  line-height:1.5;\n  font-weight:800;\n  letter-spacing:.4px;\n}\n\n\/* QUOTE *\/\n\n#aj-coffee-v2 .aj-quote{\n  background:#f6eadb;\n  text-align:center;\n  padding:43px 22px;\n}\n\n#aj-coffee-v2 .aj-quote h2{\n  max-width:700px;\n  margin:auto!important;\n  font-size:clamp(28px,4cqw,46px)!important;\n}\n\n#aj-coffee-v2 .aj-quote p{\n  color:var(--muted);\n  font-size:14px;\n  margin:17px auto 0!important;\n  max-width:520px;\n}\n\n\/* GALLERY *\/\n\n#aj-coffee-v2 .aj-gallery{\n  background:#fffaf3;\n  text-align:center;\n  padding:45px 20px 49px;\n}\n\n#aj-coffee-v2 .aj-gallery h2{\n  font-size:clamp(26px,3.7cqw,40px)!important;\n  margin-bottom:12px!important;\n}\n\n#aj-coffee-v2 .aj-gallery p{\n  font-size:14px;\n  color:var(--muted);\n  margin:0 auto 25px!important;\n}\n\n#aj-coffee-v2 .aj-gallery-grid{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:12px;\n}\n\n#aj-coffee-v2 .aj-gallery-grid img{\n  aspect-ratio:1\/1;\n  object-fit:cover;\n  border-radius:12px;\n}\n\n\/* FAQ *\/\n\n#aj-coffee-v2 .aj-faq{\n  background:#f0e5d6;\n  padding:43px 20px;\n}\n\n#aj-coffee-v2 .aj-faq h2{\n  text-align:center;\n  font-size:clamp(27px,3.5cqw,38px)!important;\n  margin-bottom:24px!important;\n}\n\n#aj-coffee-v2 .aj-faq-inner{\n  max-width:760px;\n  margin:auto;\n}\n\n#aj-coffee-v2 .aj-faq details{\n  border:1px solid #dcc8b0;\n  background:#fffaf3;\n  border-radius:10px;\n  padding:16px 18px;\n  margin-bottom:10px;\n}\n\n#aj-coffee-v2 .aj-faq summary{\n  font-size:14px;\n  font-weight:700;\n  cursor:pointer;\n  list-style-position:inside;\n}\n\n#aj-coffee-v2 .aj-faq details p{\n  font-size:13px;\n  line-height:1.7;\n  color:var(--muted);\n  margin-top:12px!important;\n}\n\n\/* FINAL CTA *\/\n\n#aj-coffee-v2 .aj-final{\n  background:\n    radial-gradient(circle at 50% 0,\n      #8a563155,transparent 70%),\n    #382419;\n  text-align:center;\n  color:white;\n  padding:51px 20px 56px;\n}\n\n#aj-coffee-v2 .aj-final h2{\n  font-size:clamp(30px,4cqw,45px)!important;\n  color:white!important;\n  margin-bottom:16px!important;\n}\n\n#aj-coffee-v2 .aj-final p{\n  max-width:520px;\n  color:#dec9b4;\n  font-size:14px;\n  margin:0 auto 25px!important;\n}\n\n#aj-coffee-v2 .aj-button{\n  display:inline-block;\n  background:#e8b87c;\n  color:#382419!important;\n  border-radius:40px;\n  font-size:13px;\n  font-weight:800;\n  letter-spacing:.5px;\n  text-decoration:none!important;\n  padding:16px 27px;\n  box-shadow:0 9px 23px #0003;\n  transition:transform .2s;\n}\n\n#aj-coffee-v2 .aj-button:hover{\n  transform:translateY(-3px);\n}\n\n\/* ACTUAL CONTAINER WIDTH RULES *\/\n\n@container (max-width:740px){\n  #aj-coffee-v2 .aj-story{\n    grid-template-columns:minmax(0,1fr)!important;\n    gap:20px!important;\n    padding:32px 18px!important;\n  }\n\n  #aj-coffee-v2 .aj-story .aj-visual{\n    order:1!important;\n  }\n\n  #aj-coffee-v2 .aj-story .aj-content{\n    order:2!important;\n  }\n\n  #aj-coffee-v2 .aj-content h2{\n    font-size:clamp(27px,6cqw,36px)!important;\n    margin-bottom:13px!important;\n  }\n\n  #aj-coffee-v2 .aj-content p{\n    font-size:14px!important;\n    margin-bottom:12px!important;\n  }\n\n  #aj-coffee-v2 .aj-label{\n    margin-bottom:9px;\n  }\n\n  #aj-coffee-v2 .aj-hero{\n    padding:36px 16px 28px;\n  }\n\n  #aj-coffee-v2 .aj-hero h2{\n    font-size:clamp(29px,7cqw,40px)!important;\n  }\n\n  #aj-coffee-v2 .aj-benefits{\n    gap:7px;\n  }\n\n  #aj-coffee-v2 .aj-benefit{\n    padding:13px 6px;\n    font-size:10px;\n  }\n}\n\n@container (max-width:420px){\n  #aj-coffee-v2 .aj-gallery-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n\n  #aj-coffee-v2 .aj-content h2{\n    font-size:29px!important;\n  }\n\n  #aj-coffee-v2 .aj-badges span{\n    padding:7px 10px;\n    font-size:10px;\n  }\n}\n\n\/* FULLSCREEN ANIMATIONS *\/\n\n#aj-coffee-effects-v2{\n  position:fixed;\n  inset:0;\n  width:100%;\n  height:100vh;\n  height:100dvh;\n  z-index:20;\n  overflow:hidden;\n  pointer-events:none!important;\n  isolation:isolate;\n  contain:layout style;\n}\n\n\/* SUNLIGHT *\/\n\n#aj-coffee-effects-v2 .aj-sun{\n  position:absolute;\n  width:75vmax;\n  height:75vmax;\n  right:-35vmax;\n  top:-40vmax;\n  border-radius:50%;\n  background:radial-gradient(circle,\n    #ffc9823b,\n    #f5b26e13 48%,\n    transparent 72%);\n  filter:blur(35px);\n  animation:aj-sun-v2 14s ease-in-out infinite alternate;\n}\n\n\/* FALLING COFFEE BEANS *\/\n\n#aj-coffee-effects-v2 .aj-bean{\n  position:absolute;\n  left:var(--x);\n  top:-55px;\n  width:var(--s);\n  height:calc(var(--s)*1.38);\n  border-radius:55% 45% 49% 51%;\n  background:linear-gradient(\n    110deg,\n    #b58050,\n    #784528 48%,\n    #3c2116\n  );\n  opacity:0;\n  box-shadow:\n    inset 2px 2px 2px #f7ce9055,\n    1px 3px 4px #321b1733;\n  animation:aj-fall-v2 var(--dur)\n    linear infinite;\n  animation-delay:var(--delay);\n}\n\n#aj-coffee-effects-v2 .aj-bean:after{\n  content:\"\";\n  position:absolute;\n  left:45%;\n  top:10%;\n  height:80%;\n  width:15%;\n  border-left:2px solid #321a11;\n  border-radius:50%;\n  transform:rotate(12deg);\n}\n\n#aj-coffee-effects-v2 .aj-bean:nth-of-type(2){\n  --x:5%;--s:14px;--dur:18s;--delay:-5s;\n}\n#aj-coffee-effects-v2 .aj-bean:nth-of-type(3){\n  --x:18%;--s:18px;--dur:22s;--delay:-13s;\n}\n#aj-coffee-effects-v2 .aj-bean:nth-of-type(4){\n  --x:31%;--s:12px;--dur:20s;--delay:-8s;\n}\n#aj-coffee-effects-v2 .aj-bean:nth-of-type(5){\n  --x:47%;--s:15px;--dur:24s;--delay:-19s;\n}\n#aj-coffee-effects-v2 .aj-bean:nth-of-type(6){\n  --x:63%;--s:13px;--dur:18s;--delay:-10s;\n}\n#aj-coffee-effects-v2 .aj-bean:nth-of-type(7){\n  --x:77%;--s:17px;--dur:23s;--delay:-4s;\n}\n#aj-coffee-effects-v2 .aj-bean:nth-of-type(8){\n  --x:91%;--s:12px;--dur:21s;--delay:-16s;\n}\n\n\/* STEAM *\/\n\n#aj-coffee-effects-v2 .aj-steam{\n  position:absolute;\n  bottom:-180px;\n  width:80px;\n  height:240px;\n  border-left:2px solid #d3aa8544;\n  border-right:1px solid #fff4db55;\n  border-radius:50%;\n  filter:blur(5px);\n  opacity:0;\n  animation:aj-steam-v2 10s ease-in-out infinite;\n}\n\n#aj-coffee-effects-v2 .aj-steam.s1{\n  left:3%;\n  animation-delay:-2s;\n}\n#aj-coffee-effects-v2 .aj-steam.s2{\n  left:9%;\n  animation-delay:-6s;\n}\n#aj-coffee-effects-v2 .aj-steam.s3{\n  right:3%;\n  animation-delay:-4s;\n}\n#aj-coffee-effects-v2 .aj-steam.s4{\n  right:9%;\n  animation-delay:-8s;\n}\n\n#aj-coffee-effects-v2 .aj-glow{\n  position:absolute;\n  width:360px;\n  height:360px;\n  border-radius:50%;\n  background:radial-gradient(circle,\n    #ffd39d33,\n    transparent 70%);\n  left:var(--mx,50%);\n  top:var(--my,50%);\n  transform:translate(-50%,-50%);\n  transition:left .22s,top .22s;\n}\n\n@keyframes aj-fall-v2{\n  0%{\n    transform:translate3d(0,-10vh,0) rotate(0);\n    opacity:0;\n  }\n  10%{opacity:.6}\n  85%{opacity:.5}\n  100%{\n    transform:translate3d(65px,115vh,0)\n      rotate(720deg);\n    opacity:0;\n  }\n}\n\n@keyframes aj-steam-v2{\n  0%{\n    transform:translate(0,0) scale(.7) rotate(-10deg);\n    opacity:0;\n  }\n  20%{opacity:.4}\n  70%{opacity:.2}\n  100%{\n    transform:translate(40px,-110vh)\n      scale(1.5) rotate(23deg);\n    opacity:0;\n  }\n}\n\n@keyframes aj-sun-v2{\n  from{\n    transform:translate(0,0) scale(1);\n  }\n  to{\n    transform:translate(-12vw,10vh) scale(1.18);\n  }\n}\n\n@media(max-width:650px){\n  #aj-coffee-effects-v2 .aj-bean:nth-of-type(3),\n  #aj-coffee-effects-v2 .aj-bean:nth-of-type(5),\n  #aj-coffee-effects-v2 .aj-bean:nth-of-type(7){\n    display:none;\n  }\n  #aj-coffee-effects-v2 .aj-glow{\n    display:none;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  #aj-coffee-effects-v2{\n    display:none!important;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- EFFECTS --\u003e\n\u003cdiv id=\"aj-coffee-effects-v2\" aria-hidden=\"true\"\u003e\n\n  \u003cdiv class=\"aj-sun\"\u003e\u003c\/div\u003e\n\n  \u003ci class=\"aj-bean\"\u003e\u003c\/i\u003e\n  \u003ci class=\"aj-bean\"\u003e\u003c\/i\u003e\n  \u003ci class=\"aj-bean\"\u003e\u003c\/i\u003e\n  \u003ci class=\"aj-bean\"\u003e\u003c\/i\u003e\n  \u003ci class=\"aj-bean\"\u003e\u003c\/i\u003e\n  \u003ci class=\"aj-bean\"\u003e\u003c\/i\u003e\n  \u003ci class=\"aj-bean\"\u003e\u003c\/i\u003e\n\n  \u003ci class=\"aj-steam s1\"\u003e\u003c\/i\u003e\n  \u003ci class=\"aj-steam s2\"\u003e\u003c\/i\u003e\n  \u003ci class=\"aj-steam s3\"\u003e\u003c\/i\u003e\n  \u003ci class=\"aj-steam s4\"\u003e\u003c\/i\u003e\n\n  \u003cdiv class=\"aj-glow\"\u003e\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- PRODUCT PAGE --\u003e\n\u003cdiv id=\"aj-coffee-v2\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"aj-hero\"\u003e\n\n    \u003cspan class=\"aj-label\"\u003e\n      THE ART OF THE COFFEE PAUSE\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      A Coffee Cup\n      \u003cspan class=\"aj-highlight\"\u003e\n        Unlike Any Other.\n      \u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"aj-hero-desc\"\u003e\n      Speckled ceramic, distinctive\n      triangular wooden handles,\n      and matching wooden stands.\n      Make every coffee moment special.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"aj-badges\"\u003e\n      \u003cspan\u003e☕ Speckled Ceramic\u003c\/span\u003e\n      \u003cspan\u003e△ Wooden Handles\u003c\/span\u003e\n      \u003cspan\u003e🤎 Matching Stands\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"aj-hero-photo\"\u003e\n      \u003cimg src=\"https:\/\/alasjoy.com\/cdn\/shop\/files\/98609335768186881.webp?v=1794621461\u0026amp;width=1000\" alt=\"Speckled ceramic coffee cups with wooden handles\" loading=\"eager\"\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- FEATURES --\u003e\n  \u003csection class=\"aj-intro\"\u003e\n\n    \u003cspan class=\"aj-label\"\u003e\n      BEAUTIFUL IN EVERY DETAIL\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      More Than a Cup.\n      \u003cbr\u003e\n      A Daily Ritual.\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      A charming combination of warm\n      wood and speckled ceramic\n      makes each sip a moment\n      worth savoring.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"aj-benefits\"\u003e\n\n      \u003cdiv class=\"aj-benefit\"\u003e\n        \u003cb\u003e△\u003c\/b\u003e\n        Signature Wood Handle\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"aj-benefit\"\u003e\n        \u003cb\u003e◉\u003c\/b\u003e\n        Separate Wooden Stand\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"aj-benefit\"\u003e\n        \u003cb\u003e♡\u003c\/b\u003e\n        Everyday Coffee Ritual\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- MODULE 1 --\u003e\n  \u003csection class=\"aj-story\"\u003e\n\n    \u003cdiv class=\"aj-visual\"\u003e\n      \u003cimg src=\"https:\/\/alasjoy.com\/cdn\/shop\/files\/98609379489611777.webp?v=1794621461\u0026amp;width=1000\" alt=\"Triangular wooden coffee cup handle\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"aj-content\"\u003e\n\n      \u003cspan class=\"aj-label\"\u003e\n        01 \/ SIGNATURE DESIGN\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        It's All in\n        \u003cspan class=\"aj-highlight\"\u003e\n          the Handle.\n        \u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        The distinctive triangular\n        wooden handle gives this\n        coffee cup its unmistakable\n        silhouette.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Warm natural wood beautifully\n        complements the soft,\n        speckled ceramic finish.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"aj-detail\"\u003e\n        \u003cspan class=\"aj-detail-icon\"\u003e△\u003c\/span\u003e\n        \u003cspan class=\"aj-detail-text\"\u003e\n          UNIQUE TRIANGLE DESIGN\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- MODULE 2 --\u003e\n  \u003csection class=\"aj-story alt reverse\"\u003e\n\n    \u003cdiv class=\"aj-visual\"\u003e\n      \u003cimg src=\"https:\/\/alasjoy.com\/cdn\/shop\/files\/98609381720981505.webp?v=1794621461\u0026amp;width=1000\" alt=\"Ceramic coffee cup lifted above its wooden stand\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"aj-content\"\u003e\n\n      \u003cspan class=\"aj-label\"\u003e\n        02 \/ A PERFECT MATCH\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        A Special Stand\n        \u003cspan class=\"aj-highlight\"\u003e\n          for Every Sip.\n        \u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        The pointed ceramic base\n        rests neatly in its\n        specially shaped wooden\n        stand.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Simply lift your cup,\n        enjoy your coffee,\n        and return it to\n        its matching stand.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"aj-detail\"\u003e\n        \u003cspan class=\"aj-detail-icon\"\u003e◉\u003c\/span\u003e\n        \u003cspan class=\"aj-detail-text\"\u003e\n          SEPARATE BASE · SCULPTED WOOD\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- MODULE 3 --\u003e\n  \u003csection class=\"aj-story\"\u003e\n\n    \u003cdiv class=\"aj-visual\"\u003e\n      \u003cimg src=\"https:\/\/alasjoy.com\/cdn\/shop\/files\/98609380596908033.webp?v=1794621461\u0026amp;width=1000\" alt=\"Hand lifting ceramic coffee cup\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"aj-content\"\u003e\n\n      \u003cspan class=\"aj-label\"\u003e\n        03 \/ ENJOY EVERY MOMENT\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        Lift. Sip.\n        \u003cspan class=\"aj-highlight\"\u003e\n          Set It Back.\n        \u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        A simple coffee break\n        feels more special\n        with a cup that's as\n        lovely to hold as\n        it is to admire.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Perfect for peaceful\n        mornings and relaxing\n        afternoon breaks.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"aj-detail\"\u003e\n        \u003cspan class=\"aj-detail-icon\"\u003e☕\u003c\/span\u003e\n        \u003cspan class=\"aj-detail-text\"\u003e\n          MADE FOR EVERYDAY MOMENTS\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- QUOTE --\u003e\n  \u003csection class=\"aj-quote\"\u003e\n\n    \u003cspan class=\"aj-label\"\u003e\n      SLOW MORNINGS · WARM COFFEE\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      Make the Ordinary\n      \u003cspan class=\"aj-highlight\"\u003e\n        Feel Extraordinary.\n      \u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      A beautiful cup,\n      a quiet morning,\n      and a moment entirely yours.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- MODULE 4 --\u003e\n  \u003csection class=\"aj-story alt reverse\"\u003e\n\n    \u003cdiv class=\"aj-visual\"\u003e\n      \u003cimg src=\"https:\/\/alasjoy.com\/cdn\/shop\/files\/98609382626951169.webp?v=1794621461\u0026amp;width=1000\" alt=\"Detail of speckled ceramic coffee cup\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"aj-content\"\u003e\n\n      \u003cspan class=\"aj-label\"\u003e\n        04 \/ THOUGHTFUL DETAILS\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        Soft Speckles.\n        \u003cspan class=\"aj-highlight\"\u003e\n          Warm Wood.\n        \u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Cream-toned ceramic with\n        a delicate speckled\n        texture creates a\n        cozy, timeless appearance.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        An elegant blend of\n        modern shape and\n        natural texture.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"aj-detail\"\u003e\n        \u003cspan class=\"aj-detail-icon\"\u003e✦\u003c\/span\u003e\n        \u003cspan class=\"aj-detail-text\"\u003e\n          CERAMIC · WOOD · CHARACTER\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- MODULE 5 --\u003e\n  \u003csection class=\"aj-story dark\"\u003e\n\n    \u003cdiv class=\"aj-visual\"\u003e\n      \u003cimg src=\"https:\/\/alasjoy.com\/cdn\/shop\/files\/98609383616806913.webp?v=1794621461\u0026amp;width=1000\" alt=\"Coffee cup beside laptop on work desk\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"aj-content\"\u003e\n\n      \u003cspan class=\"aj-label\"\u003e\n        05 \/ YOUR COFFEE CORNER\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        A Little Joy\n        in Every Coffee Break.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Whether you're working\n        from home or enjoying\n        a slow weekend morning,\n        this charming design\n        adds personality\n        to your favorite spot.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"aj-detail\"\u003e\n        \u003cspan class=\"aj-detail-icon\"\u003e♡\u003c\/span\u003e\n        \u003cspan class=\"aj-detail-text\"\u003e\n          HOME · DESK · COFFEE CORNER\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- GALLERY --\u003e\n  \u003csection class=\"aj-gallery\"\u003e\n\n    \u003cspan class=\"aj-label\"\u003e\n      THE LITTLE DETAILS\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      Beautiful From\n      Every Angle.\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      A closer look at the\n      ceramic texture,\n      wooden handle and\n      matching stand.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"aj-gallery-grid\"\u003e\n\n      \u003cimg src=\"https:\/\/alasjoy.com\/cdn\/shop\/files\/98609335768186881.webp?v=1794621461\u0026amp;width=700\" alt=\"Ceramic coffee cup pair\" loading=\"lazy\"\u003e\n\n      \u003cimg src=\"https:\/\/alasjoy.com\/cdn\/shop\/files\/98609379489611777.webp?v=1794621461\u0026amp;width=700\" alt=\"Wooden handle detail\" loading=\"lazy\"\u003e\n\n      \u003cimg src=\"https:\/\/alasjoy.com\/cdn\/shop\/files\/98609381720981505.webp?v=1794621461\u0026amp;width=700\" alt=\"Matching wooden stand\" loading=\"lazy\"\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- FAQ --\u003e\n  \u003csection class=\"aj-faq\"\u003e\n\n    \u003ch2\u003e\n      Frequently Asked Questions\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"aj-faq-inner\"\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003e\n          Is the wooden stand removable?\n        \u003c\/summary\u003e\n        \u003cp\u003e\n          Yes. The ceramic cup\n          is separate from the\n          matching wooden stand.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003e\n          What makes the handle different?\n        \u003c\/summary\u003e\n        \u003cp\u003e\n          Its triangular wooden shape\n          and circular cutout create\n          a distinctive sculptural look.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003e\n          What sizes are available?\n        \u003c\/summary\u003e\n        \u003cp\u003e\n          The product listing includes\n          180ml and 250ml options,\n          plus a two-piece 250ml\n          gift-box option.\n          Check the current variants\n          before ordering.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003e\n          Is this a good gift?\n        \u003c\/summary\u003e\n        \u003cp\u003e\n          Its coordinated ceramic\n          and wooden design makes it\n          a thoughtful choice\n          for coffee lovers.\n        \u003c\/p\u003e\n      \u003c\/details\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- ONLY CTA --\u003e\n  \u003csection class=\"aj-final\"\u003e\n\n    \u003cspan class=\"aj-label\"\u003e\n      EVERY SIP DESERVES A LITTLE BEAUTY\n    \u003c\/span\u003e\n\n    \u003ch2\u003e\n      Make Every Coffee\n      Moment Special.\n    \u003c\/h2\u003e\n\n    \u003cp\u003e\n      Bring a beautiful balance\n      of ceramic and natural\n      wood to your daily routine.\n    \u003c\/p\u003e\n\n    \u003ca href=\"#\" class=\"aj-button\" id=\"aj-coffee-top-v2\"\u003e\n      BRING HOME YOUR COFFEE MOMENT ☕\n    \u003c\/a\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function(){\n  \"use strict\";\n\n  var page=document.getElementById(\n    \"aj-coffee-v2\"\n  );\n\n  var fx=document.getElementById(\n    \"aj-coffee-effects-v2\"\n  );\n\n  if(!page || !fx) return;\n\n  var reduced=window.matchMedia(\n    \"(prefers-reduced-motion: reduce)\"\n  );\n\n  function updateMotion(){\n    fx.style.display=reduced.matches\n      ? \"none\"\n      : \"\";\n  }\n\n  updateMotion();\n\n  if(reduced.addEventListener){\n    reduced.addEventListener(\n      \"change\",\n      updateMotion\n    );\n  }\n\n  \/* Warm light follows mouse *\/\n  if(window.matchMedia(\n    \"(hover:hover) and (pointer:fine)\"\n  ).matches){\n\n    document.addEventListener(\n      \"pointermove\",\n      function(e){\n        if(reduced.matches) return;\n\n        fx.style.setProperty(\n          \"--mx\",e.clientX+\"px\"\n        );\n\n        fx.style.setProperty(\n          \"--my\",e.clientY+\"px\"\n        );\n      },\n      {passive:true}\n    );\n\n  }\n\n  \/* Bottom button returns to product top *\/\n  var btn=document.getElementById(\n    \"aj-coffee-top-v2\"\n  );\n\n  if(btn){\n    btn.addEventListener(\n      \"click\",\n      function(e){\n        e.preventDefault();\n\n        window.scrollTo({\n          top:0,\n          behavior:reduced.matches\n            ? \"auto\"\n            : \"smooth\"\n        });\n      }\n    );\n  }\n\n})();\n\u003c\/script\u003e\n","brand":"lewu","offers":[{"title":"Small Clay Coffee Cup 【180ml】","offer_id":68306292769005,"sku":"T03X26111306-【小号】陶土咖啡杯180ML","price":29.99,"currency_code":"USD","in_stock":true},{"title":"Large Clay Coffee Mug 【250ml】","offer_id":68306292801773,"sku":"T03X26111306-【大号】陶土咖啡杯250ML","price":34.99,"currency_code":"USD","in_stock":true},{"title":"【Two-piece gift box]】250ml each","offer_id":68306292834541,"sku":"T03X26111306-【两只礼盒装】陶土咖啡杯250ML","price":59.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0841\/9354\/2381\/files\/98609335768186881.webp?v=1794621461","url":"https:\/\/alasjoy.com\/products\/speckled-coffee-cup-pair-with-wooden-handles-stands-make-every-coffee-pause-special","provider":"alasjoy","version":"1.0","type":"link"}