Small Forever Heart

Petal Relations Verified independent store

→

/* Design tokens (+10% type scale) */ .pr-pd{ --pr-accent:#ef4444; /* red for + / − */ --pr-faq-bg:#fff5f5; /* very light red */ --pr-faq-bg-open:#feecec; /* slightly deeper when o pen */ --pr-faq-border:#fbd0d0; /* soft red border */ font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"; font-size:1.30625rem; /* fallback (~21px) */ font-size:clamp(1.30625rem, 1.1rem + 0.88vw, 1.485rem); line-height:1.7; color:inherit; width:100%; max-width:100%; display:block; text-wrap:pretty; overflow-wrap:anywhere; } /* Headings */ .pr-pd h2,.pr-pd h3{line-height:1.25;margin:0 0 .6rem} .pr-pd h2{font-size:clamp(1.815rem, 1.54rem + 0.88vw, 2.145rem);margin-top:.2rem} .pr-pd h3{font-size:clamp(1.375rem, 1.21rem + 0.55vw, 1.595rem);margin-top:1.2rem} /* Body text spacing */ .pr-pd p{margin:.8rem 0} .pr-pd ul{margin:.3rem 0 .9rem 1.25rem;padding:0} .pr-pd li{margin:.4rem 0} .pr-pd .badge{ display:inline-block;font-weight:600;border:1px solid currentColor;border-radius:.5rem; padding:.3rem .6rem;margin:.3rem 0; font-size:1.16875rem; /* +10% */ } .pr-pd a{text-underline-offset:2px} .pr-pd .grid{display:grid;gap:1rem} .pr-pd .grid--2{grid-template-columns:1fr} .pr-pd nav.grid a{display:block} /* ===== Overview / columns ===== */ .pr-pd .overview{ border:1px solid var(--pr-faq-border); border-radius:.9rem; padding:1rem; background:#fff; } .pr-pd .overview .kicker{ font-weight:700; letter-spacing:.02em; opacity:.9; margin:.25rem 0 .5rem; } .pr-pd .lead{font-size:clamp(1.28rem,1.1rem + .6vw,1.45rem); line-height:1.6; margin:.4rem 0 .8rem} .pr-pd .pill{ display:inline-block; border:1px solid currentColor; border-radius:999px; padding:.3rem .7rem; font-weight:600; font-size:1.02em; margin:.25rem .4rem .25rem 0; white-space:nowrap; } /* Feature grid cards */ .pr-pd .feature-grid{ display:grid; gap:.8rem; grid-template-columns:1fr; } .pr-pd .feature{ border:1px solid var(--pr-faq-border); border-radius:.8rem; padding:.8rem .9rem; background:#fff; } .pr-pd .feature strong{display:block; margin-bottom:.25rem} .pr-pd .feature small{opacity:.9} /* ===== NEW: Info grid (Care + Delivery columns) ===== */ .pr-pd .info-grid{ display:grid; gap:1rem; grid-template-columns:1fr; } .pr-pd .info{ border:1px solid var(--pr-faq-border); border-radius:.9rem; padding:1rem; background:#fff; } .pr-pd .info h3{margin-top:.1rem} /* FAQ */ .pr-pd .faq-grid{gap:.75rem} .pr-pd details{ border:1px solid var(--pr-faq-border); border-radius:.75rem; background:var(--pr-faq-bg); transition:background-color .2s ease,border-color .2s ease; padding:0; overflow:hidden; } .pr-pd details[open]{background:var(--pr-faq-bg-open)} .pr-pd details > summary{ display:flex; align-items:center; gap:.75rem; cursor:pointer; font-weight:700; list-style:none; padding:.7rem 2.25rem .7rem .95rem; /* t r b l */ min-height:3rem; margin:0; } .pr-pd details > summary::-webkit-details-marker{display:none} .pr-pd details > summary::after{ content:"+"; margin-left:auto; font-weight:900; font-size:1.595rem; line-height:1; color:var(--pr-accent); } .pr-pd details[open] > summary::after{content:"−"} .pr-pd details > *:not(summary){padding:0 .95rem .85rem .95rem;margin:0} .pr-pd details p{margin:.6rem 0 0} /* Tablet+ layout */ @media (min-width:720px){ .pr-pd .grid--2{gap:1.1rem} .pr-pd .feature-grid{grid-template-columns:repeat(2,1fr)} } /* Desktop layout */ @media (min-width:1024px){ .pr-pd .grid--2{grid-template-columns:1.2fr .8fr;gap:1.25rem} .pr-pd .faq-grid{grid-template-columns:1fr 1fr} .pr-pd .feature-grid{grid-template-columns:repeat(3,1fr)} .pr-pd .info-grid{grid-template-columns:1fr 1fr} } /* Storefront-only width nudge */ .template-product .product-single__description .pr-pd, .template-product .product__description .pr-pd, .template-product .rte .pr-pd, .template-product .product__info-wrapper .pr-pd{max-width:100% !important;width:100% !important} /* >>> Force body text to inherit the larger size, beating theme rules Show more