{"product_id":"ceramic-spinner-goblet","title":"Flying Bird – Handcrafted Ceramic Spinner Goblet","description":"\u003cstyle\u003e   \/* Flying Bird Spinner Goblet — scoped Shopify PDP block *\/   #fbsg-pdp {     --fbsg-ink: #18363b;     --fbsg-ink-soft: #476267;     --fbsg-cream: #fbf7ef;     --fbsg-paper: #fffdf8;     --fbsg-sand: #ede4d5;     --fbsg-blue: #2e7f8e;     --fbsg-blue-deep: #165967;     --fbsg-sky: #dceff0;     --fbsg-sage: #b9cfc5;     --fbsg-line: rgba(24, 54, 59, 0.13);     --fbsg-shadow: 0 22px 60px rgba(31, 66, 69, 0.12);     --fbsg-shadow-soft: 0 12px 34px rgba(31, 66, 69, 0.09);     width: 100%;     max-width: 1240px;     margin: 0 auto;     padding: 12px 16px 72px;     background: transparent;     box-sizing: border-box;     font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;     color: var(--fbsg-ink) !important;   }    #fbsg-pdp *,   #fbsg-pdp *::before,   #fbsg-pdp *::after {     box-sizing: border-box;   }    #fbsg-pdp h1,   #fbsg-pdp h2,   #fbsg-pdp h3,   #fbsg-pdp p,   #fbsg-pdp li,   #fbsg-pdp span,   #fbsg-pdp strong,   #fbsg-pdp small,   #fbsg-pdp summary,   #fbsg-pdp button {     font-family: inherit;   }    #fbsg-pdp h1,   #fbsg-pdp h2,   #fbsg-pdp h3 {     color: var(--fbsg-ink) !important;     margin: 0;     letter-spacing: -0.035em;   }    #fbsg-pdp p,   #fbsg-pdp li {     color: var(--fbsg-ink-soft) !important;     margin: 0;     line-height: 1.7;   }    #fbsg-pdp strong {     color: var(--fbsg-ink) !important;   }    #fbsg-pdp img {     display: block;     width: 100%;     height: auto;     border: 0;   }    #fbsg-pdp .fbsg-shell {     position: relative;     overflow: hidden;     border: 1px solid var(--fbsg-line);     border-radius: 34px;     background:       radial-gradient(circle at 9% 4%, rgba(220, 239, 240, 0.92) 0, rgba(220, 239, 240, 0) 31%),       linear-gradient(145deg, #fffdf8 0%, #f7f0e5 100%);     box-shadow: var(--fbsg-shadow);   }    #fbsg-pdp .fbsg-shell::before {     content: '';     position: absolute;     inset: 0;     pointer-events: none;     opacity: 0.32;     background-image: radial-gradient(rgba(24, 54, 59, 0.12) 0.7px, transparent 0.7px);     background-size: 14px 14px;     mask-image: linear-gradient(to bottom, black, transparent 72%);   }    #fbsg-pdp .fbsg-hero {     position: relative;     z-index: 1;     display: grid;     grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);     align-items: center;     gap: 44px;     padding: 58px;   }    #fbsg-pdp .fbsg-hero-copy {     position: relative;     z-index: 3;   }    #fbsg-pdp .fbsg-eyebrow {     display: inline-flex;     align-items: center;     gap: 8px;     margin-bottom: 18px;     padding: 8px 13px;     border: 1px solid rgba(46, 127, 142, 0.25);     border-radius: 999px;     background: rgba(255, 255, 255, 0.76);     color: var(--fbsg-blue-deep) !important;     font-size: 12px;     font-weight: 800;     letter-spacing: 0.13em;     line-height: 1;     text-transform: uppercase;   }    #fbsg-pdp .fbsg-eyebrow::before {     content: '';     width: 8px;     height: 8px;     border-radius: 50%;     background: var(--fbsg-blue);     box-shadow: 0 0 0 5px rgba(46, 127, 142, 0.11);   }    #fbsg-pdp .fbsg-hero h1 {     max-width: 640px;     font-family: Georgia, 'Times New Roman', serif;     font-size: clamp(42px, 5.2vw, 76px);     font-weight: 500;     line-height: 0.98;   }    #fbsg-pdp .fbsg-hero h1 em {     color: var(--fbsg-blue) !important;     font-style: italic;     font-weight: 500;   }    #fbsg-pdp .fbsg-lede {     max-width: 570px;     margin-top: 24px;     color: var(--fbsg-ink-soft) !important;     font-size: 17px;     line-height: 1.72;   }    #fbsg-pdp .fbsg-hero-pills {     display: flex;     flex-wrap: wrap;     gap: 9px;     margin-top: 26px;   }    #fbsg-pdp .fbsg-pill {     display: inline-flex;     align-items: center;     gap: 7px;     padding: 9px 12px;     border: 1px solid rgba(24, 54, 59, 0.1);     border-radius: 999px;     background: rgba(255, 255, 255, 0.7);     color: var(--fbsg-ink) !important;     font-size: 13px;     font-weight: 700;     line-height: 1.2;   }    #fbsg-pdp .fbsg-pill svg {     width: 16px;     height: 16px;     color: var(--fbsg-blue) !important;     flex: 0 0 auto;   }    #fbsg-pdp .fbsg-hero-media {     position: relative;     min-width: 0;   }    #fbsg-pdp .fbsg-image-frame {     position: relative;     overflow: hidden;     border: 1px solid rgba(255, 255, 255, 0.8);     border-radius: 28px;     background: #e9ece6;     box-shadow: 0 24px 60px rgba(31, 66, 69, 0.16);   }    #fbsg-pdp .fbsg-image-frame::after {     content: '';     position: absolute;     inset: 0;     pointer-events: none;     background: linear-gradient(120deg, transparent 25%, rgba(255, 255, 255, 0.28) 42%, transparent 59%);     transform: translateX(-120%);     animation: fbsg-light-pass 7s ease-in-out infinite;   }    #fbsg-pdp .fbsg-image-frame img {     aspect-ratio: 1 \/ 1;     object-fit: cover;   }    #fbsg-pdp .fbsg-flight-line {     position: absolute;     z-index: 2;     top: -12px;     right: -18px;     width: 48%;     height: 34%;     border-top: 2px dashed rgba(46, 127, 142, 0.38);     border-radius: 50%;     transform: rotate(12deg);     pointer-events: none;   }    #fbsg-pdp .fbsg-flight-line svg {     position: absolute;     width: 30px;     height: 30px;     color: var(--fbsg-blue-deep) !important;     filter: drop-shadow(0 6px 9px rgba(22, 89, 103, 0.18));     animation: fbsg-bird-flight 5.8s ease-in-out infinite;   }    #fbsg-pdp .fbsg-flight-line svg:first-child {     top: -20px;     left: 12%;   }    #fbsg-pdp .fbsg-flight-line svg:last-child {     right: 8%;     bottom: -2px;     width: 23px;     height: 23px;     animation-delay: -2.7s;   }    #fbsg-pdp .fbsg-value-strip {     position: relative;     z-index: 2;     display: grid;     grid-template-columns: repeat(3, minmax(0, 1fr));     border-top: 1px solid var(--fbsg-line);     background: rgba(255, 255, 255, 0.62);     backdrop-filter: blur(12px);   }    #fbsg-pdp .fbsg-value-item {     display: grid;     grid-template-columns: 40px 1fr;     align-items: center;     gap: 12px;     padding: 21px 26px;   }    #fbsg-pdp .fbsg-value-item + .fbsg-value-item {     border-left: 1px solid var(--fbsg-line);   }    #fbsg-pdp .fbsg-icon-bubble {     display: grid;     width: 40px;     height: 40px;     place-items: center;     border-radius: 50%;     background: var(--fbsg-sky);     color: var(--fbsg-blue-deep) !important;   }    #fbsg-pdp .fbsg-icon-bubble svg {     width: 20px;     height: 20px;   }    #fbsg-pdp .fbsg-value-item strong {     display: block;     color: var(--fbsg-ink) !important;     font-size: 14px;     line-height: 1.35;   }    #fbsg-pdp .fbsg-value-item span {     display: block;     margin-top: 3px;     color: var(--fbsg-ink-soft) !important;     font-size: 12px;     line-height: 1.45;   }    #fbsg-pdp .fbsg-section {     padding: 92px 18px 0;   }    #fbsg-pdp .fbsg-inner {     max-width: 1100px;     margin: 0 auto;   }    #fbsg-pdp .fbsg-section-label {     display: inline-flex;     align-items: center;     gap: 10px;     margin-bottom: 13px;     color: var(--fbsg-blue) !important;     font-size: 12px;     font-weight: 850;     letter-spacing: 0.14em;     line-height: 1.3;     text-transform: uppercase;   }    #fbsg-pdp .fbsg-section-label::before {     content: '';     width: 25px;     height: 1px;     background: currentColor;   }    #fbsg-pdp .fbsg-section h2 {     max-width: 760px;     font-family: Georgia, 'Times New Roman', serif;     font-size: clamp(34px, 4.4vw, 56px);     font-weight: 500;     line-height: 1.06;   }    #fbsg-pdp .fbsg-section-intro {     max-width: 690px;     margin-top: 17px;     color: var(--fbsg-ink-soft) !important;     font-size: 16px;     line-height: 1.75;   }    #fbsg-pdp .fbsg-story-grid,   #fbsg-pdp .fbsg-how-grid,   #fbsg-pdp .fbsg-detail-grid {     display: grid;     grid-template-columns: repeat(2, minmax(0, 1fr));     align-items: center;     gap: 48px;   }    #fbsg-pdp .fbsg-story-media,   #fbsg-pdp .fbsg-how-media,   #fbsg-pdp .fbsg-detail-media {     position: relative;     overflow: hidden;     border-radius: 28px;     background: var(--fbsg-sand);     box-shadow: var(--fbsg-shadow-soft);   }    #fbsg-pdp .fbsg-story-media img,   #fbsg-pdp .fbsg-how-media img,   #fbsg-pdp .fbsg-detail-media img {     aspect-ratio: 1 \/ 1;     object-fit: cover;   }    #fbsg-pdp .fbsg-story-media::after {     content: '';     position: absolute;     inset: 12%;     border: 1px solid rgba(255, 255, 255, 0.65);     border-radius: 50%;     pointer-events: none;     animation: fbsg-spin-ring 14s linear infinite;   }    #fbsg-pdp .fbsg-story-copy,   #fbsg-pdp .fbsg-how-copy,   #fbsg-pdp .fbsg-detail-copy {     min-width: 0;   }    #fbsg-pdp .fbsg-feature-grid {     display: grid;     grid-template-columns: repeat(2, minmax(0, 1fr));     gap: 15px;     margin-top: 31px;   }    #fbsg-pdp .fbsg-feature-card {     position: relative;     overflow: hidden;     padding: 24px;     border: 1px solid var(--fbsg-line);     border-radius: 21px;     background: rgba(255, 255, 255, 0.82);     box-shadow: 0 10px 28px rgba(31, 66, 69, 0.06);     transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease;   }    #fbsg-pdp .fbsg-feature-card:hover {     transform: translateY(-4px);     border-color: rgba(46, 127, 142, 0.32);     box-shadow: 0 18px 38px rgba(31, 66, 69, 0.1);   }    #fbsg-pdp .fbsg-feature-card::after {     content: '';     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 3px;     background: linear-gradient(90deg, var(--fbsg-blue), var(--fbsg-sage));     transform: scaleX(0);     transform-origin: left;     transition: transform 300ms ease;   }    #fbsg-pdp .fbsg-feature-card:hover::after {     transform: scaleX(1);   }    #fbsg-pdp .fbsg-feature-number {     display: block;     margin-bottom: 22px;     color: var(--fbsg-blue) !important;     font-family: Georgia, 'Times New Roman', serif;     font-size: 26px;     font-style: italic;     line-height: 1;   }    #fbsg-pdp .fbsg-feature-card h3 {     color: var(--fbsg-ink) !important;     font-size: 17px;     font-weight: 800;     letter-spacing: -0.015em;     line-height: 1.3;   }    #fbsg-pdp .fbsg-feature-card p {     margin-top: 9px;     color: var(--fbsg-ink-soft) !important;     font-size: 14px;     line-height: 1.65;   }    #fbsg-pdp .fbsg-before-after {     position: relative;     overflow: hidden;     margin-top: 92px;     padding: 60px;     border-radius: 30px;     background: var(--fbsg-ink);     box-shadow: var(--fbsg-shadow);   }    #fbsg-pdp .fbsg-before-after::before {     content: '';     position: absolute;     top: -100px;     right: -70px;     width: 320px;     height: 320px;     border: 1px solid rgba(220, 239, 240, 0.17);     border-radius: 50%;   }    #fbsg-pdp .fbsg-before-after::after {     content: '';     position: absolute;     right: 50px;     bottom: -130px;     width: 260px;     height: 260px;     border: 1px dashed rgba(220, 239, 240, 0.17);     border-radius: 50%;     animation: fbsg-spin-ring 16s linear infinite reverse;   }    #fbsg-pdp .fbsg-before-after h2 {     position: relative;     z-index: 2;     max-width: 760px;     color: #f7f1e7 !important;   }    #fbsg-pdp .fbsg-before-after .fbsg-section-label {     position: relative;     z-index: 2;     color: #93c9cf !important;   }    #fbsg-pdp .fbsg-shift-grid {     position: relative;     z-index: 2;     display: grid;     grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr);     align-items: stretch;     gap: 18px;     margin-top: 34px;   }    #fbsg-pdp .fbsg-shift-card {     padding: 27px;     border: 1px solid rgba(255, 255, 255, 0.13);     border-radius: 20px;     background: rgba(255, 255, 255, 0.065);     backdrop-filter: blur(8px);   }    #fbsg-pdp .fbsg-shift-card span {     color: #93c9cf !important;     font-size: 11px;     font-weight: 850;     letter-spacing: 0.15em;     line-height: 1.2;     text-transform: uppercase;   }    #fbsg-pdp .fbsg-shift-card h3 {     margin-top: 10px;     color: #fffaf2 !important;     font-size: 20px;     line-height: 1.3;   }    #fbsg-pdp .fbsg-shift-card p {     margin-top: 9px;     color: #cedbd8 !important;     font-size: 14px;     line-height: 1.65;   }    #fbsg-pdp .fbsg-shift-arrow {     display: grid;     place-items: center;     color: #93c9cf !important;   }    #fbsg-pdp .fbsg-shift-arrow svg {     width: 34px;     height: 34px;     animation: fbsg-arrow-breathe 2.2s ease-in-out infinite;   }    #fbsg-pdp .fbsg-steps {     display: grid;     gap: 13px;     margin-top: 29px;   }    #fbsg-pdp .fbsg-step {     display: grid;     grid-template-columns: 48px minmax(0, 1fr);     align-items: start;     gap: 15px;     padding: 18px;     border: 1px solid var(--fbsg-line);     border-radius: 18px;     background: var(--fbsg-paper);     box-shadow: 0 8px 24px rgba(31, 66, 69, 0.05);   }    #fbsg-pdp .fbsg-step-index {     display: grid;     width: 48px;     height: 48px;     place-items: center;     border-radius: 50%;     background: var(--fbsg-sky);     color: var(--fbsg-blue-deep) !important;     font-family: Georgia, 'Times New Roman', serif;     font-size: 21px;     font-style: italic;     line-height: 1;   }    #fbsg-pdp .fbsg-step h3 {     color: var(--fbsg-ink) !important;     font-size: 16px;     font-weight: 800;     line-height: 1.35;   }    #fbsg-pdp .fbsg-step p {     margin-top: 5px;     color: var(--fbsg-ink-soft) !important;     font-size: 13px;     line-height: 1.6;   }    #fbsg-pdp .fbsg-how-media::before {     content: '';     position: absolute;     z-index: 2;     inset: 11%;     border: 2px dashed rgba(255, 255, 255, 0.6);     border-radius: 50%;     pointer-events: none;     animation: fbsg-spin-ring 13s linear infinite;   }    #fbsg-pdp .fbsg-detail-grid {     padding: 54px;     border: 1px solid var(--fbsg-line);     border-radius: 30px;     background: linear-gradient(145deg, #eef6f4 0%, #fbf7ef 100%);     box-shadow: var(--fbsg-shadow-soft);   }    #fbsg-pdp .fbsg-detail-list {     display: grid;     gap: 14px;     margin: 28px 0 0;     padding: 0;     list-style: none;   }    #fbsg-pdp .fbsg-detail-list li {     display: grid;     grid-template-columns: 25px 1fr;     align-items: start;     gap: 11px;     color: var(--fbsg-ink-soft) !important;     font-size: 14px;     line-height: 1.62;   }    #fbsg-pdp .fbsg-detail-list svg {     width: 21px;     height: 21px;     margin-top: 1px;     color: var(--fbsg-blue) !important;   }    #fbsg-pdp .fbsg-specs {     display: grid;     grid-template-columns: repeat(5, minmax(0, 1fr));     gap: 12px;     margin-top: 34px;   }    #fbsg-pdp .fbsg-spec {     padding: 19px 16px;     border: 1px solid var(--fbsg-line);     border-radius: 17px;     background: rgba(255, 255, 255, 0.82);     text-align: center;   }    #fbsg-pdp .fbsg-spec span {     display: block;     color: var(--fbsg-blue) !important;     font-size: 10px;     font-weight: 850;     letter-spacing: 0.13em;     line-height: 1.2;     text-transform: uppercase;   }    #fbsg-pdp .fbsg-spec strong {     display: block;     margin-top: 7px;     color: var(--fbsg-ink) !important;     font-size: 13px;     line-height: 1.4;   }    #fbsg-pdp .fbsg-trust-grid {     display: grid;     grid-template-columns: repeat(3, minmax(0, 1fr));     gap: 15px;     margin-top: 32px;   }    #fbsg-pdp .fbsg-trust-card {     padding: 30px;     border: 1px solid var(--fbsg-line);     border-radius: 22px;     background: var(--fbsg-paper);     box-shadow: 0 10px 30px rgba(31, 66, 69, 0.06);   }    #fbsg-pdp .fbsg-trust-card svg {     width: 30px;     height: 30px;     color: var(--fbsg-blue) !important;   }    #fbsg-pdp .fbsg-trust-card h3 {     margin-top: 20px;     color: var(--fbsg-ink) !important;     font-size: 18px;     line-height: 1.35;   }    #fbsg-pdp .fbsg-trust-card p {     margin-top: 9px;     color: var(--fbsg-ink-soft) !important;     font-size: 14px;     line-height: 1.68;   }    #fbsg-pdp .fbsg-faq {     max-width: 850px;     margin: 33px auto 0;     border-top: 1px solid var(--fbsg-line);   }    #fbsg-pdp .fbsg-faq details {     border-bottom: 1px solid var(--fbsg-line);   }    #fbsg-pdp .fbsg-faq summary {     position: relative;     padding: 21px 46px 21px 0;     color: var(--fbsg-ink) !important;     font-size: 15px;     font-weight: 800;     line-height: 1.4;     cursor: pointer;     list-style: none;   }    #fbsg-pdp .fbsg-faq summary::-webkit-details-marker {     display: none;   }    #fbsg-pdp .fbsg-faq summary::after {     content: '+';     position: absolute;     top: 50%;     right: 3px;     display: grid;     width: 29px;     height: 29px;     place-items: center;     border-radius: 50%;     background: var(--fbsg-sky);     color: var(--fbsg-blue-deep) !important;     font-size: 20px;     font-weight: 500;     line-height: 1;     transform: translateY(-50%);     transition: transform 220ms ease;   }    #fbsg-pdp .fbsg-faq details[open] summary::after {     transform: translateY(-50%) rotate(45deg);   }    #fbsg-pdp .fbsg-faq p {     padding: 0 44px 20px 0;     color: var(--fbsg-ink-soft) !important;     font-size: 14px;     line-height: 1.7;   }    #fbsg-pdp .fbsg-final {     position: relative;     overflow: hidden;     margin-top: 92px;     padding: 70px 24px;     border-radius: 31px;     background:       radial-gradient(circle at 16% 20%, rgba(147, 201, 207, 0.23), transparent 28%),       radial-gradient(circle at 86% 80%, rgba(185, 207, 197, 0.18), transparent 30%),       var(--fbsg-ink);     text-align: center;     box-shadow: var(--fbsg-shadow);   }    #fbsg-pdp .fbsg-final::before,   #fbsg-pdp .fbsg-final::after {     content: '';     position: absolute;     border: 1px dashed rgba(220, 239, 240, 0.24);     border-radius: 50%;     pointer-events: none;   }    #fbsg-pdp .fbsg-final::before {     top: -140px;     left: -100px;     width: 360px;     height: 360px;     animation: fbsg-spin-ring 20s linear infinite;   }    #fbsg-pdp .fbsg-final::after {     right: -130px;     bottom: -180px;     width: 420px;     height: 420px;     animation: fbsg-spin-ring 23s linear infinite reverse;   }    #fbsg-pdp .fbsg-final-content {     position: relative;     z-index: 2;     max-width: 720px;     margin: 0 auto;   }    #fbsg-pdp .fbsg-final .fbsg-section-label {     color: #93c9cf !important;   }    #fbsg-pdp .fbsg-final h2 {     color: #fffaf2 !important;   }    #fbsg-pdp .fbsg-final p {     max-width: 580px;     margin: 17px auto 0;     color: #d4dfdc !important;     font-size: 16px;     line-height: 1.7;   }    #fbsg-pdp .fbsg-cta {     position: relative;     display: inline-flex;     min-width: 250px;     min-height: 58px;     align-items: center;     justify-content: center;     gap: 11px;     margin-top: 30px;     padding: 17px 28px;     border: 0;     border-radius: 999px;     background: linear-gradient(135deg, #f7eee0 0%, #ffffff 50%, #dceff0 100%);     box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.8);     color: var(--fbsg-ink) !important;     font-size: 15px;     font-weight: 850;     letter-spacing: 0.02em;     line-height: 1.2;     text-decoration: none;     cursor: pointer;     isolation: isolate;     transition: transform 220ms ease, box-shadow 220ms ease;   }    #fbsg-pdp .fbsg-cta::before {     content: '';     position: absolute;     z-index: -1;     inset: -6px;     border: 1px solid rgba(220, 239, 240, 0.45);     border-radius: inherit;     opacity: 0;     transform: scale(0.96);     transition: opacity 220ms ease, transform 220ms ease;   }    #fbsg-pdp .fbsg-cta:hover {     transform: translateY(-3px);     box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.9);   }    #fbsg-pdp .fbsg-cta:hover::before,   #fbsg-pdp .fbsg-cta:focus-visible::before {     opacity: 1;     transform: scale(1);   }    #fbsg-pdp .fbsg-cta:focus-visible {     outline: 3px solid #93c9cf;     outline-offset: 4px;   }    #fbsg-pdp .fbsg-cta svg {     width: 19px;     height: 19px;     transition: transform 220ms ease;   }    #fbsg-pdp .fbsg-cta:hover svg {     transform: translateX(4px);   }    #fbsg-pdp .fbsg-final-note {     display: block;     margin-top: 13px;     color: #aebfbb !important;     font-size: 12px;     line-height: 1.5;   }    #fbsg-pdp.fbsg-ready .fbsg-reveal {     opacity: 0;     transform: translateY(24px);     transition: opacity 650ms ease, transform 650ms cubic-bezier(0.22, 1, 0.36, 1);   }    #fbsg-pdp.fbsg-ready .fbsg-reveal.fbsg-visible {     opacity: 1;     transform: translateY(0);   }    @keyframes fbsg-light-pass {     0%, 52% { transform: translateX(-120%); }     78%, 100% { transform: translateX(120%); }   }    @keyframes fbsg-bird-flight {     0%, 100% { transform: translate3d(0, 0, 0) rotate(-3deg); }     50% { transform: translate3d(22px, -9px, 0) rotate(5deg); }   }    @keyframes fbsg-spin-ring {     to { transform: rotate(360deg); }   }    @keyframes fbsg-arrow-breathe {     0%, 100% { opacity: 0.62; transform: translateX(-3px); }     50% { opacity: 1; transform: translateX(3px); }   }    @media (max-width: 900px) {     #fbsg-pdp .fbsg-hero {       grid-template-columns: 1fr;       gap: 36px;       padding: 38px 28px 30px;     }      #fbsg-pdp .fbsg-hero-media {       order: -1;     }      #fbsg-pdp .fbsg-flight-line {       right: -8px;     }      #fbsg-pdp .fbsg-story-grid,     #fbsg-pdp .fbsg-how-grid,     #fbsg-pdp .fbsg-detail-grid {       grid-template-columns: 1fr;       gap: 34px;     }      #fbsg-pdp .fbsg-how-media {       order: -1;     }      #fbsg-pdp .fbsg-specs {       grid-template-columns: repeat(3, minmax(0, 1fr));     }   }    @media (max-width: 680px) {     #fbsg-pdp {       padding: 6px 10px 46px;     }      #fbsg-pdp .fbsg-shell {       border-radius: 25px;     }      #fbsg-pdp .fbsg-hero {       gap: 28px;       padding: 18px 16px 25px;     }      #fbsg-pdp .fbsg-image-frame,     #fbsg-pdp .fbsg-story-media,     #fbsg-pdp .fbsg-how-media,     #fbsg-pdp .fbsg-detail-media {       border-radius: 21px;     }      #fbsg-pdp .fbsg-hero h1 {       font-size: clamp(38px, 11vw, 50px);       line-height: 1.01;     }      #fbsg-pdp .fbsg-lede {       margin-top: 18px;       font-size: 15px;       line-height: 1.65;     }      #fbsg-pdp .fbsg-value-strip {       grid-template-columns: 1fr;     }      #fbsg-pdp .fbsg-value-item {       padding: 17px 20px;     }      #fbsg-pdp .fbsg-value-item + .fbsg-value-item {       border-top: 1px solid var(--fbsg-line);       border-left: 0;     }      #fbsg-pdp .fbsg-section {       padding: 68px 7px 0;     }      #fbsg-pdp .fbsg-section h2 {       font-size: clamp(32px, 9.2vw, 43px);     }      #fbsg-pdp .fbsg-section-intro {       font-size: 15px;       line-height: 1.68;     }      #fbsg-pdp .fbsg-feature-grid {       grid-template-columns: 1fr;     }      #fbsg-pdp .fbsg-feature-card {       padding: 21px;     }      #fbsg-pdp .fbsg-before-after {       margin-top: 68px;       padding: 38px 19px;       border-radius: 24px;     }      #fbsg-pdp .fbsg-shift-grid {       grid-template-columns: 1fr;       gap: 11px;     }      #fbsg-pdp .fbsg-shift-arrow {       height: 36px;       transform: rotate(90deg);     }      #fbsg-pdp .fbsg-detail-grid {       padding: 19px;       border-radius: 24px;     }      #fbsg-pdp .fbsg-specs {       grid-template-columns: repeat(2, minmax(0, 1fr));       gap: 9px;     }      #fbsg-pdp .fbsg-trust-grid {       grid-template-columns: 1fr;     }      #fbsg-pdp .fbsg-trust-card {       padding: 24px;     }      #fbsg-pdp .fbsg-final {       margin-top: 68px;       padding: 54px 18px;       border-radius: 25px;     }      #fbsg-pdp .fbsg-cta {       width: 100%;       min-width: 0;     }   }    @media (prefers-reduced-motion: reduce) {     #fbsg-pdp *,     #fbsg-pdp *::before,     #fbsg-pdp *::after {       scroll-behavior: auto !important;       animation-duration: 0.01ms !important;       animation-iteration-count: 1 !important;       transition-duration: 0.01ms !important;     }   } \u003c\/style\u003e \u003csection aria-label=\"Flying Bird Ceramic Spinner Goblet product story\" id=\"fbsg-pdp\"\u003e \u003c!-- ATTENTION --\u003e \u003cdiv class=\"fbsg-shell fbsg-reveal\"\u003e \u003cdiv class=\"fbsg-hero\"\u003e \u003cdiv class=\"fbsg-hero-copy\"\u003e \u003cspan class=\"fbsg-eyebrow\"\u003eLimited Time Offer\u003c\/span\u003e \u003ch1\u003eWatch a quiet sip \u003cem\u003etake flight.\u003c\/em\u003e\n\u003c\/h1\u003e \u003cp class=\"fbsg-lede\"\u003eA handcrafted ceramic spinner goblet that turns an everyday drink into a small moment of motion, wonder and conversation.\u003c\/p\u003e \u003cdiv aria-label=\"Product highlights\" class=\"fbsg-hero-pills\"\u003e \u003cspan class=\"fbsg-pill\"\u003e \u003csvg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3c2.7 2.1 4.2 4.4 4.2 6.8A4.2 4.2 0 0 1 12 14a4.2 4.2 0 0 1-4.2-4.2C7.8 7.4 9.3 5.1 12 3Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 14v7M8.5 18.5h7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e             Handcrafted ceramic           \u003c\/span\u003e \u003cspan class=\"fbsg-pill\"\u003e \u003csvg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20 12a8 8 0 1 1-2.3-5.7\"\u003e\u003c\/path\u003e\u003cpath d=\"M20 4v6h-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e             Interactive spinner design           \u003c\/span\u003e \u003cspan class=\"fbsg-pill\"\u003e \u003csvg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"m12 3 2.2 4.7L19 10l-4.8 2.3L12 17l-2.2-4.7L5 10l4.8-2.3L12 3Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e             Display-worthy art           \u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"fbsg-hero-media\"\u003e \u003cdiv class=\"fbsg-image-frame\"\u003e \u003cimg alt=\"Flying Bird handcrafted ceramic spinner goblet in an elegant lifestyle setting\" fetchpriority=\"high\" loading=\"eager\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/ChatGPT_Image_2026_8_28__17_07_03.png?v=1787908044\"\u003e \u003c\/div\u003e \u003cdiv aria-hidden=\"true\" class=\"fbsg-flight-line\"\u003e \u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 32 20\"\u003e\u003cpath d=\"M2 15c6-8 11-8 14 0 3-8 8-8 14 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 32 20\"\u003e\u003cpath d=\"M2 15c6-8 11-8 14 0 3-8 8-8 14 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv aria-label=\"Why it stands out\" class=\"fbsg-value-strip\"\u003e \u003cdiv class=\"fbsg-value-item\"\u003e \u003cspan aria-hidden=\"true\" class=\"fbsg-icon-bubble\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M4 12h16M12 4v16\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"8\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003cdiv\u003e\n\u003cstrong\u003eMotion You Can Feel\u003c\/strong\u003e\u003cspan\u003eA gentle spin brings the bird motif to life.\u003c\/span\u003e\n\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"fbsg-value-item\"\u003e \u003cspan aria-hidden=\"true\" class=\"fbsg-icon-bubble\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M5 20h14M8 20v-5a4 4 0 0 1 8 0v5M7 4h10l-1 5H8L7 4Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003cdiv\u003e\n\u003cstrong\u003eCrafted With Character\u003c\/strong\u003e\u003cspan\u003eSubtle variations make each finish feel personal.\u003c\/span\u003e\n\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"fbsg-value-item\"\u003e \u003cspan aria-hidden=\"true\" class=\"fbsg-icon-bubble\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20 12v8H4v-8M2 7h20v5H2V7Z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 7v13M12 7H7.5a2.5 2.5 0 1 1 2.1-3.8L12 7Zm0 0h4.5a2.5 2.5 0 1 0-2.1-3.8L12 7Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e \u003cdiv\u003e\n\u003cstrong\u003eA Memorable Gift\u003c\/strong\u003e\u003cspan\u003eUnexpected, artistic and easy to talk about.\u003c\/span\u003e\n\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- INTEREST --\u003e \u003cdiv class=\"fbsg-section fbsg-reveal\"\u003e \u003cdiv class=\"fbsg-inner fbsg-story-grid\"\u003e \u003cdiv class=\"fbsg-story-media\"\u003e \u003cimg alt=\"Flying Bird spinner goblet showing its playful motion effect\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/ChatGPT_Image_2026_8_28__17_18_04.png?v=1787909083\"\u003e \u003c\/div\u003e \u003cdiv class=\"fbsg-story-copy\"\u003e \u003cspan class=\"fbsg-section-label\"\u003eMore than drinkware\u003c\/span\u003e \u003ch2\u003eA little ceramic theatre for your table.\u003c\/h2\u003e \u003cp class=\"fbsg-section-intro\"\u003eThe wraparound bird motif and suspended accents invite you to slow down, give the goblet a gentle spin and enjoy the changing view. It is useful, sculptural and delightfully unexpected.\u003c\/p\u003e \u003cdiv class=\"fbsg-feature-grid\"\u003e \u003carticle class=\"fbsg-feature-card\"\u003e \u003cspan class=\"fbsg-feature-number\"\u003e01\u003c\/span\u003e \u003ch3\u003eBirds In Motion\u003c\/h3\u003e \u003cp\u003eThe repeating bird design creates the impression of movement as the goblet turns.\u003c\/p\u003e \u003c\/article\u003e \u003carticle class=\"fbsg-feature-card\"\u003e \u003cspan class=\"fbsg-feature-number\"\u003e02\u003c\/span\u003e \u003ch3\u003eHands-On Delight\u003c\/h3\u003e \u003cp\u003eMore engaging than an ordinary cup, it adds a playful ritual to tea, coffee or quiet breaks.\u003c\/p\u003e \u003c\/article\u003e \u003carticle class=\"fbsg-feature-card\"\u003e \u003cspan class=\"fbsg-feature-number\"\u003e03\u003c\/span\u003e \u003ch3\u003eArtisan Character\u003c\/h3\u003e \u003cp\u003eOrganic form, nuanced glaze and small variations celebrate the handmade look.\u003c\/p\u003e \u003c\/article\u003e \u003carticle class=\"fbsg-feature-card\"\u003e \u003cspan class=\"fbsg-feature-number\"\u003e04\u003c\/span\u003e \u003ch3\u003eBeautiful At Rest\u003c\/h3\u003e \u003cp\u003eWhen it is not in your hand, the sculptural shape adds personality to a shelf or coffee corner.\u003c\/p\u003e \u003c\/article\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- DESIRE: BEFORE \/ AFTER --\u003e \u003cdiv class=\"fbsg-inner fbsg-before-after fbsg-reveal\"\u003e \u003cspan class=\"fbsg-section-label\"\u003eThe everyday shift\u003c\/span\u003e \u003ch2\u003eFrom another ordinary cup to a moment worth noticing.\u003c\/h2\u003e \u003cdiv class=\"fbsg-shift-grid\"\u003e \u003cdiv class=\"fbsg-shift-card\"\u003e \u003cspan\u003eBefore\u003c\/span\u003e \u003ch3\u003eA forgettable daily sip\u003c\/h3\u003e \u003cp\u003eFunctional drinkware does the job, then disappears into the background.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv aria-hidden=\"true\" class=\"fbsg-shift-arrow\"\u003e \u003csvg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewbox=\"0 0 36 36\"\u003e\u003cpath d=\"M5 18h25M22 10l8 8-8 8\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/div\u003e \u003cdiv class=\"fbsg-shift-card\"\u003e \u003cspan\u003eAfter\u003c\/span\u003e \u003ch3\u003eA small ritual of wonder\u003c\/h3\u003e \u003cp\u003eSpin, watch and enjoy an artful pause that feels personal, playful and shareable.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- DESIRE: HOW IT WORKS --\u003e \u003cdiv class=\"fbsg-section fbsg-reveal\"\u003e \u003cdiv class=\"fbsg-inner fbsg-how-grid\"\u003e \u003cdiv class=\"fbsg-how-copy\"\u003e \u003cspan class=\"fbsg-section-label\"\u003eSimple by design\u003c\/span\u003e \u003ch2\u003eSpin it. Watch closely. Let the birds fly.\u003c\/h2\u003e \u003cp class=\"fbsg-section-intro\"\u003eNo switches, charging or setup. The experience begins with one gentle motion.\u003c\/p\u003e \u003cdiv class=\"fbsg-steps\"\u003e \u003cdiv class=\"fbsg-step\"\u003e \u003cspan class=\"fbsg-step-index\"\u003e1\u003c\/span\u003e \u003cdiv\u003e\n\u003ch3\u003eSet It On A Level Surface\u003c\/h3\u003e\n\u003cp\u003ePlace the goblet where its full silhouette and hanging details are easy to see.\u003c\/p\u003e\n\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"fbsg-step\"\u003e \u003cspan class=\"fbsg-step-index\"\u003e2\u003c\/span\u003e \u003cdiv\u003e\n\u003ch3\u003eGive It A Gentle Spin\u003c\/h3\u003e\n\u003cp\u003eUse a light touch and let the wraparound bird sequence move past your eyes.\u003c\/p\u003e\n\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"fbsg-step\"\u003e \u003cspan class=\"fbsg-step-index\"\u003e3\u003c\/span\u003e \u003cdiv\u003e\n\u003ch3\u003eEnjoy Or Capture The Moment\u003c\/h3\u003e\n\u003cp\u003eWatch in person or film the movement to share the effect with someone else.\u003c\/p\u003e\n\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"fbsg-how-media\"\u003e \u003cimg alt=\"A hand gently spinning the ceramic goblet while a phone captures the movement\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/ChatGPT_Image_2026_8_28__17_24_22.png?v=1787909084\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- DESIRE: DETAIL \/ SPECIFICATIONS --\u003e \u003cdiv class=\"fbsg-section fbsg-reveal\"\u003e \u003cdiv class=\"fbsg-inner fbsg-detail-grid\"\u003e \u003cdiv class=\"fbsg-detail-media\"\u003e \u003cimg alt=\"Close view of the Flying Bird ceramic spinner goblet and its suspended accents\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/DM_20260828162934_002.jpg?v=1787905861\"\u003e \u003c\/div\u003e \u003cdiv class=\"fbsg-detail-copy\"\u003e \u003cspan class=\"fbsg-section-label\"\u003eMade to be noticed\u003c\/span\u003e \u003ch2\u003eCharacter lives in the details.\u003c\/h2\u003e \u003cp class=\"fbsg-section-intro\"\u003eFrom the speckled ceramic surface to the deep blue birds and cool-toned glaze, every element works together as one expressive object.\u003c\/p\u003e \u003cul class=\"fbsg-detail-list\"\u003e \u003cli\u003e\n\u003csvg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"m5 12 4 4L19 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003e\u003cstrong\u003eHandcrafted appearance:\u003c\/strong\u003e natural variation adds warmth instead of factory-perfect sameness.\u003c\/span\u003e\n\u003c\/li\u003e \u003cli\u003e\n\u003csvg aria-hidden=\"true\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"m5 12 4 4L19 6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003e\u003cstrong\u003eWraparound composition:\u003c\/strong\u003e the bird sequence is designed to be \u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e","brand":"LC","offers":[{"title":"Default Title","offer_id":51336942977271,"sku":null,"price":48.97,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0938\/7891\/1223\/files\/DM_20260828162934_001.jpg?v=1792203881","url":"https:\/\/arjwveany.com\/products\/ceramic-spinner-goblet","provider":"Arjwveany","version":"1.0","type":"link"}