.rk-mochi-wrap {
--rk-cream: #f6f1e7;
--rk-black: #111111;
--rk-blue: #79aefc;
--rk-blue-deep: #4f86e8;
--rk-tan: #d9ccb4;
--rk-shadow: rgba(0, 0, 0, 0.18);
background: linear-gradient(180deg, #fbf8f1 0%, #f3ede0 100%);
border: 2px solid var(--rk-black);
border-radius: 18px;
padding: 22px;
color: var(--rk-black);
box-shadow: 0 12px 28px var(--rk-shadow);
font-family: Arial, Helvetica, sans-serif;
max-width: 980px;
margin: 20px auto;
}

.rk-mochi-head {
display: grid;
grid-template-columns: 1.15fr 0.85fr;
gap: 22px;
align-items: center;
}

.rk-mochi-title {
margin: 0 0 10px;
font-size: 34px;
line-height: 1.05;
font-weight: 900;
color: var(--rk-black);
letter-spacing: -0.02em;
text-transform: uppercase;
}

.rk-mochi-kicker {
display: inline-block;
background: var(--rk-blue);
color: var(--rk-black);
border: 2px solid var(--rk-black);
border-radius: 999px;
padding: 6px 12px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 10px;
}

.rk-mochi-sub {
margin: 0 0 14px;
font-size: 15px;
line-height: 1.65;
color: #1e1e1e;
}

.rk-mochi-badges {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 14px 0 0;
}

.rk-mochi-badge {
background: #ffffff;
border: 2px solid var(--rk-black);
border-radius: 999px;
padding: 8px 12px;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
box-shadow: 0 3px 0 var(--rk-black);
}

.rk-mochi-card {
background: #fffdfa;
border: 2px solid var(--rk-black);
border-radius: 16px;
padding: 16px;
box-shadow: 0 6px 0 rgba(17,17,17,0.08);
}

.rk-mochi-side h3 {
margin: 0 0 8px;
font-size: 18px;
line-height: 1.2;
font-weight: 900;
text-transform: uppercase;
}

.rk-mochi-side p,
.rk-mochi-side li {
font-size: 14px;
line-height: 1.55;
margin: 0;
}

.rk-mochi-side ul {
margin: 10px 0 0 18px;
padding: 0;
}

.rk-mochi-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 16px;
}

.rk-mochi-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 12px 16px;
border-radius: 12px;
border: 2px solid var(--rk-black);
text-decoration: none;
font-weight: 900;
font-size: 14px;
text-transform: uppercase;
cursor: pointer;
transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.rk-mochi-btn:hover,
.rk-mochi-btn:focus-visible {
transform: translateY(-1px);
box-shadow: 0 6px 14px rgba(0,0,0,0.12);
outline: none;
}

.rk-mochi-btn-primary {
background: var(--rk-blue);
color: var(--rk-black);
}

.rk-mochi-btn-secondary {
background: var(--rk-black);
color: #ffffff;
}

.rk-mochi-accordions {
margin-top: 22px;
display: grid;
gap: 12px;
}

.rk-mochi-acc {
border: 2px solid var(--rk-black);
border-radius: 14px;
overflow: hidden;
background: rgba(255,255,255,0.85);
}

.rk-mochi-acc-btn {
width: 100%;
border: 0;
background: var(--rk-cream);
color: var(--rk-black);
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
text-align: left;
padding: 16px 18px;
font-size: 17px;
font-weight: 900;
line-height: 1.25;
cursor: pointer;
}

.rk-mochi-acc-btn:hover,
.rk-mochi-acc-btn:focus-visible {
background: #efe7d7;
outline: none;
}

.rk-mochi-symbol {
flex: 0 0 auto;
width: 30px;
height: 30px;
border-radius: 999px;
background: var(--rk-blue);
border: 2px solid var(--rk-black);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 900;
line-height: 1;
}

.rk-mochi-acc-panel {
display: none;
padding: 16px 18px 18px;
background: #fffefb;
border-top: 2px solid var(--rk-black);
}

.rk-mochi-acc.active .rk-mochi-acc-panel {
display: block;
}

.rk-mochi-acc.active .rk-mochi-symbol::before {
content: "−";
}

.rk-mochi-symbol::before {
content: "+";
}

.rk-mochi-acc-panel p,
.rk-mochi-acc-panel li {
font-size: 14px;
line-height: 1.65;
color: #1f1f1f;
}

.rk-mochi-acc-panel ul {
margin: 10px 0 0 18px;
padding: 0;
}

.rk-mochi-acc-panel strong {
color: var(--rk-black);
}

.rk-mochi-note {
margin-top: 18px;
font-size: 12px;
line-height: 1.6;
color: #333;
background: #fff;
border: 2px dashed var(--rk-tan);
border-radius: 12px;
padding: 12px 14px;
}

@media (max-width: 768px) {
.rk-mochi-wrap {
padding: 16px;
border-radius: 14px;
}

.rk-mochi-head {
grid-template-columns: 1fr;
gap: 16px;
}

.rk-mochi-title {
font-size: 27px;
}

.rk-mochi-acc-btn {
font-size: 15px;
padding: 14px 14px;
}

.rk-mochi-acc-panel {
padding: 14px;
}
}

(function() {
const container = document.getElementById('rk-mochi-product');
if (!container) return;

const items = container.querySelectorAll('.rk-mochi-acc');
items.forEach((item) => {
const btn = item.querySelector('.rk-mochi-acc-btn');
btn.addEventListener('click', () => {
const isActive = item.classList.contains('active');
item.classList.toggle('active');
btn.setAttribute('aria-expanded', String(!isActive));
});
});

const schema = {
"@context": "https://schema.org",
"@type": "Product",
"name": "Mochi Cookies & Cream Magic Mushroom Chocolate - 1 Bar",
"brand": {
"@type": "Brand",
"name": "Mochi"
},
"seller": {
"@type": "Organization",
"name": "Ripkitty x Bud's Growery"
},
"description": "Cookies & Cream bar curated by Ripkitty x Bud's Growery. One 55 g bar with 15 servings, cookies-and-cream flavor, viewable COA, and accordion product details.",
"category": "Chocolate Bar",
"gtin12": "735112010974",
"sku": "MOCHI-COOKIES-CREAM-1BAR",
"url": window.location.href,
"image": [
"https://cdn.shopify.com/s/files/1/0594/3289/4671/files/COA_-_Cookies_Cream.pdf?v=1773945804"
],
"additionalProperty": [
{
"@type": "PropertyValue",
"name": "Flavor",
"value": "Cookies & Cream"
},
{
"@type": "PropertyValue",
"name": "Net Weight",
"value": "55 g"
},
{
"@type": "PropertyValue",
"name": "Servings Per Bar",
"value": "15"
},
{
"@type": "PropertyValue",
"name": "COA",
"value": "https://cdn.shopify.com/s/files/1/0594/3289/4671/files/COA_-_Cookies_Cream.pdf?v=1773945804"
}
]
};

const oldSchema = document.getElementById('rk-mochi-schema');
if (oldSchema) oldSchema.remove();

const script = document.createElement('script');
script.type = 'application/ld+json';
script.id = 'rk-mochi-schema';
script.text = JSON.stringify(schema);
document.head.appendChild(script);
})();