{"product_id":"4in1-derpy-friends-coaster-bundle","title":"4in1 derpy friends coaster bundle pattern - mincrochets","description":"\u003cstyle\u003e  .gf-crochet-detail {    --green: #4f7f18;    --dark-green: #123c24;    --soft-green: #eef4e7;    --cream: #faf7f0;    --cream-2: #f4efe4;    --text: #20231f;    --muted: #6f746c;    --line: #e7e3d9;    max-width: 760px;    margin: 0 auto;    color: var(--text);    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;    line-height: 1.55;    overflow: hidden;  }  .gf-crochet-detail * {    box-sizing: border-box;  }  .gf-crochet-detail img {    display: block;    width: 100%;    height: auto;  }  .gf-crochet-detail h2,  .gf-crochet-detail h3,  .gf-crochet-detail p {    margin-top: 0;  }  \/* HERO *\/  .gf-hero {    background: linear-gradient(145deg, #f7f3e9 0%, #edf4e3 100%);    border-radius: 22px;    padding: 30px 26px;    margin-bottom: 18px;    position: relative;    overflow: hidden;  }  .gf-hero:after {    content: \"☕\";    position: absolute;    right: 18px;    top: 12px;    font-size: 72px;    opacity: .07;    transform: rotate(12deg);  }  .gf-eyebrow {    display: inline-flex;    align-items: center;    gap: 7px;    padding: 7px 12px;    border-radius: 999px;    background: #fff;    color: var(--green);    font-size: 12px;    font-weight: 800;    letter-spacing: .05em;    text-transform: uppercase;    margin-bottom: 15px;  }  .gf-hero h2 {    max-width: 610px;    margin-bottom: 14px;    color: var(--dark-green);    font-size: clamp(29px, 5vw, 46px);    line-height: 1.04;    letter-spacing: -0.04em;  }  .gf-hero p {    max-width: 650px;    margin-bottom: 0;    font-size: 16px;    color: #4f554c;  }  .gf-hero strong {    color: var(--dark-green);  }  \/* QUICK BENEFITS *\/  .gf-benefits {    display: grid;    grid-template-columns: repeat(4, 1fr);    gap: 8px;    margin-bottom: 18px;  }  .gf-benefit {    background: #fff;    border: 1px solid var(--line);    border-radius: 16px;    padding: 16px 9px;    text-align: center;  }  .gf-benefit-icon {    display: block;    font-size: 22px;    margin-bottom: 7px;  }  .gf-benefit strong {    display: block;    color: var(--dark-green);    font-size: 12px;    line-height: 1.3;  }  \/* IMAGE *\/  .gf-image-card {    margin-bottom: 18px;    overflow: hidden;    border-radius: 22px;    background: var(--cream);  }  .gf-image-card img {    aspect-ratio: 1 \/ 1;    object-fit: cover;  }  \/* COPY SECTION *\/  .gf-section {    border-radius: 22px;    padding: 30px 26px;    margin-bottom: 18px;  }  .gf-section-light {    background: var(--cream);  }  .gf-section-green {    background: var(--dark-green);    color: #fff;  }  .gf-section-green h2,  .gf-section-green h3 {    color: #fff;  }  .gf-section-green p {    color: rgba(255,255,255,.78);  }  .gf-kicker {    color: var(--green);    font-size: 12px;    font-weight: 800;    text-transform: uppercase;    letter-spacing: .08em;    margin-bottom: 10px;  }  .gf-section-green .gf-kicker {    color: #b9dd78;  }  .gf-section h2 {    margin-bottom: 12px;    color: var(--dark-green);    font-size: clamp(25px, 4vw, 34px);    line-height: 1.08;    letter-spacing: -.035em;  }  .gf-section \u003e p {    font-size: 15px;    color: var(--muted);  }  \/* FEATURE LIST *\/  .gf-feature-list {    display: grid;    gap: 10px;    margin-top: 22px;  }  .gf-feature-row {    display: grid;    grid-template-columns: 42px 1fr;    gap: 13px;    align-items: flex-start;    padding: 15px;    border-radius: 15px;    background: #fff;    border: 1px solid var(--line);  }  .gf-feature-icon {    width: 42px;    height: 42px;    display: flex;    align-items: center;    justify-content: center;    border-radius: 50%;    background: var(--soft-green);    font-size: 20px;  }  .gf-feature-row h3 {    margin: 1px 0 4px;    color: var(--dark-green);    font-size: 15px;    line-height: 1.25;  }  .gf-feature-row p {    margin: 0;    color: var(--muted);    font-size: 13px;    line-height: 1.5;  }  \/* PROTECTION CARDS *\/  .gf-protection-grid {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 10px;    margin-top: 20px;  }  .gf-protection-card {    padding: 19px 17px;    border-radius: 16px;    background: rgba(255,255,255,.09);    border: 1px solid rgba(255,255,255,.12);  }  .gf-protection-card span {    display: block;    font-size: 25px;    margin-bottom: 9px;  }  .gf-protection-card strong {    display: block;    margin-bottom: 4px;    font-size: 14px;  }  .gf-protection-card p {    margin: 0;    font-size: 12px;    line-height: 1.45;    color: rgba(255,255,255,.72);  }  \/* QUOTE *\/  .gf-quote {    margin-bottom: 18px;    border-radius: 22px;    padding: 28px 25px;    background: #ecf4de;    text-align: center;  }  .gf-quote-mark {    font-size: 35px;    height: 30px;    color: var(--green);    font-family: Georgia, serif;  }  .gf-quote p {    max-width: 610px;    margin: 0 auto;    color: var(--dark-green);    font-weight: 700;    font-size: 18px;    line-height: 1.45;  }  \/* BUNDLE *\/  .gf-bundle {    padding: 28px 24px;    border: 1px solid var(--line);    border-radius: 22px;    margin-bottom: 18px;    text-align: center;    background: #fff;  }  .gf-bundle-number {    display: inline-flex;    width: 72px;    height: 72px;    border-radius: 50%;    align-items: center;    justify-content: center;    background: var(--green);    color: #fff;    font-size: 35px;    font-weight: 900;    margin-bottom: 15px;  }  .gf-bundle h2 {    margin-bottom: 8px;    color: var(--dark-green);    font-size: 27px;    line-height: 1.1;  }  .gf-bundle p {    max-width: 540px;    margin: 0 auto;    color: var(--muted);    font-size: 14px;  }  \/* GIFT *\/  .gf-gift {    display: grid;    grid-template-columns: 1fr 1fr;    overflow: hidden;    border-radius: 22px;    background: var(--cream-2);    margin-bottom: 18px;  }  .gf-gift-copy {    padding: 27px 24px;    display: flex;    flex-direction: column;    justify-content: center;  }  .gf-gift-copy h2 {    margin-bottom: 10px;    color: var(--dark-green);    font-size: 26px;    line-height: 1.08;  }  .gf-gift-copy p {    margin-bottom: 0;    color: var(--muted);    font-size: 14px;  }  .gf-gift-image {    min-height: 300px;  }  .gf-gift-image img {    width: 100%;    height: 100%;    object-fit: cover;  }  \/* TAGS *\/  .gf-tags {    display: flex;    flex-wrap: wrap;    gap: 7px;    margin-top: 16px;  }  .gf-tag {    padding: 7px 10px;    border-radius: 999px;    background: #fff;    border: 1px solid #e4dfd3;    font-size: 11px;    font-weight: 700;    color: #53604e;  }  \/* FINAL *\/  .gf-final {    background: linear-gradient(135deg, #557d1f, #193f27);    color: #fff;    border-radius: 22px;    padding: 32px 25px;    text-align: center;  }  .gf-final .gf-mini {    margin-bottom: 7px;    color: #d9efa5;    font-size: 12px;    font-weight: 800;    text-transform: uppercase;    letter-spacing: .08em;  }  .gf-final h2 {    margin-bottom: 11px;    color: #fff;    font-size: 29px;    line-height: 1.07;    letter-spacing: -.035em;  }  .gf-final p {    max-width: 560px;    margin: 0 auto;    color: rgba(255,255,255,.78);    font-size: 14px;  }  \/* MOBILE *\/  @media (max-width: 600px) {    .gf-crochet-detail {      width: 100%;    }    .gf-hero,    .gf-section,    .gf-bundle,    .gf-quote,    .gf-final {      border-radius: 16px;    }    .gf-hero {      padding: 24px 19px;    }    .gf-hero h2 {      font-size: 32px;    }    .gf-hero p {      font-size: 14px;    }    .gf-benefits {      grid-template-columns: 1fr 1fr;    }    .gf-benefit {      padding: 14px 8px;    }    .gf-section {      padding: 24px 19px;    }    .gf-section h2 {      font-size: 27px;    }    .gf-protection-grid {      grid-template-columns: 1fr 1fr;    }    .gf-gift {      grid-template-columns: 1fr;      border-radius: 16px;    }    .gf-gift-image {      order: -1;      min-height: auto;    }    .gf-gift-image img {      aspect-ratio: 1 \/ 1;    }    .gf-quote {      padding: 24px 18px;    }    .gf-quote p {      font-size: 16px;    }  }\u003c\/style\u003e\u003cdiv class=\"gf-crochet-detail\"\u003e  \u003c!-- HERO --\u003e  \u003csection class=\"gf-hero\"\u003e    \u003cdiv class=\"gf-eyebrow\"\u003e🐾 Crochet Animal Mug Rugs\u003c\/div\u003e    \u003ch2\u003e      Your coffee just found a much weirder place to sit.    \u003c\/h2\u003e    \u003cp\u003e      Ever looked at an animal and thought,      \u003cstrong\u003e“I wish I could put my iced coffee on you”?\u003c\/strong\u003e      No? Just us? Either way, these little creatures have been      \u003cstrong\u003eprofessionally flattened\u003c\/strong\u003e for your hydration needs.    \u003c\/p\u003e  \u003c\/section\u003e  \u003c!-- QUICK SELLING POINTS --\u003e  \u003cdiv class=\"gf-benefits\"\u003e    \u003cdiv class=\"gf-benefit\"\u003e      \u003cspan class=\"gf-benefit-icon\"\u003e🧶\u003c\/span\u003e      \u003cstrong\u003eCute Crochet Detail\u003c\/strong\u003e    \u003c\/div\u003e    \u003cdiv class=\"gf-benefit\"\u003e      \u003cspan class=\"gf-benefit-icon\"\u003e☕\u003c\/span\u003e      \u003cstrong\u003eMug \u0026amp; Drink Friendly\u003c\/strong\u003e    \u003c\/div\u003e    \u003cdiv class=\"gf-benefit\"\u003e      \u003cspan class=\"gf-benefit-icon\"\u003e🛡️\u003c\/span\u003e      \u003cstrong\u003eTabletop Protection\u003c\/strong\u003e    \u003c\/div\u003e    \u003cdiv class=\"gf-benefit\"\u003e      \u003cspan class=\"gf-benefit-icon\"\u003e🎁\u003c\/span\u003e      \u003cstrong\u003eGiftable \u0026amp; Funny\u003c\/strong\u003e    \u003c\/div\u003e  \u003c\/div\u003e  \u003c!-- PRODUCT IMAGE --\u003e  \u003cdiv class=\"gf-image-card\"\u003e    \u003cimg src=\"https:\/\/mincrochets.com\/wp-content\/uploads\/2026\/02\/anhr_444-scaled-1.webp\" alt=\"Funny crochet animal mug rug coaster\" loading=\"lazy\"\u003e  \u003c\/div\u003e  \u003c!-- FUNNY TABLE COMPANION --\u003e  \u003csection class=\"gf-section gf-section-light\"\u003e    \u003cdiv class=\"gf-kicker\"\u003eNot Just A Coaster\u003c\/div\u003e    \u003ch2\u003e      Meet the weird little friend your desk was missing.    \u003c\/h2\u003e    \u003cp\u003e      Place your coffee, tea, iced drink or favorite mug right on its belly.      The funny flattened pose turns an everyday coaster into a tiny tabletop      character that makes coffee breaks a lot less boring.    \u003c\/p\u003e    \u003cdiv class=\"gf-feature-list\"\u003e      \u003cdiv class=\"gf-feature-row\"\u003e        \u003cdiv class=\"gf-feature-icon\"\u003e🐸\u003c\/div\u003e        \u003cdiv\u003e          \u003ch3\u003eFunny Tabletop Companion\u003c\/h3\u003e          \u003cp\u003e            The playful 3D face, raised eyes and ridiculous flattened pose            make it an instant conversation starter at home or work.          \u003c\/p\u003e        \u003c\/div\u003e      \u003c\/div\u003e      \u003cdiv class=\"gf-feature-row\"\u003e        \u003cdiv class=\"gf-feature-icon\"\u003e🧶\u003c\/div\u003e        \u003cdiv\u003e          \u003ch3\u003eCute Crochet Character\u003c\/h3\u003e          \u003cp\u003e            Soft yarn, textured stitching and dimensional crochet details            give each little creature a cozy handmade-inspired personality.          \u003c\/p\u003e        \u003c\/div\u003e      \u003c\/div\u003e      \u003cdiv class=\"gf-feature-row\"\u003e        \u003cdiv class=\"gf-feature-icon\"\u003e🏡\u003c\/div\u003e        \u003cdiv\u003e          \u003ch3\u003eFits Almost Anywhere\u003c\/h3\u003e          \u003cp\u003e            Use it on coffee tables, kitchen counters, bedside tables,            office desks, coffee bars and cozy reading corners.          \u003c\/p\u003e        \u003c\/div\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- FUNCTION IMAGE --\u003e  \u003cdiv class=\"gf-image-card\"\u003e    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0735\/3634\/0061\/files\/min-banner-9.jpg?v=1788322506\" alt=\"Crochet animal coaster protecting tabletop under a mug\" loading=\"lazy\"\u003e  \u003c\/div\u003e  \u003c!-- TABLE PROTECTION --\u003e  \u003csection class=\"gf-section gf-section-green\"\u003e    \u003cdiv class=\"gf-kicker\"\u003eCute + Actually Useful\u003c\/div\u003e    \u003ch2\u003e      Your table gets protection.\u003cbr\u003e      You get a tiny chaotic roommate.    \u003c\/h2\u003e    \u003cp\u003e      Designed for everyday cups and drinks, the crochet mug rug adds a      protective layer between your favorite beverage and the surface below.    \u003c\/p\u003e    \u003cdiv class=\"gf-protection-grid\"\u003e      \u003cdiv class=\"gf-protection-card\"\u003e        \u003cspan\u003e💧\u003c\/span\u003e        \u003cstrong\u003eHelps Catch Moisture\u003c\/strong\u003e        \u003cp\u003e          Great underneath iced drinks and cups that create condensation.        \u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"gf-protection-card\"\u003e        \u003cspan\u003e♨️\u003c\/span\u003e        \u003cstrong\u003eEveryday Heat Barrier\u003c\/strong\u003e        \u003cp\u003e          Adds a soft layer between warm mugs and your tabletop.        \u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"gf-protection-card\"\u003e        \u003cspan\u003e✨\u003c\/span\u003e        \u003cstrong\u003eHelps Reduce Marks\u003c\/strong\u003e        \u003cp\u003e          Helps protect surfaces from everyday rings, minor spills and scratches.        \u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"gf-protection-card\"\u003e        \u003cspan\u003e☕\u003c\/span\u003e        \u003cstrong\u003eMade for Daily Drinks\u003c\/strong\u003e        \u003cp\u003e          Coffee, tea, water, iced drinks and your favorite desk mug all welcome.        \u003c\/p\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- HUMOR QUOTE --\u003e  \u003cdiv class=\"gf-quote\"\u003e    \u003cdiv class=\"gf-quote-mark\"\u003e“\u003c\/div\u003e    \u003cp\u003e      Somewhere between “adorable handmade decor” and      “why is my coffee sitting on a flattened animal?”    \u003c\/p\u003e  \u003c\/div\u003e  \u003c!-- 4 PIECE BUNDLE --\u003e  \u003csection class=\"gf-bundle\"\u003e    \u003cdiv class=\"gf-bundle-number\"\u003e4\u003c\/div\u003e    \u003ch2\u003e      Four iconic little weirdos.\u003cbr\u003e      One very unserious coaster collection.    \u003c\/h2\u003e    \u003cp\u003e      Build a playful little animal crew for your coffee table, desk or      kitchen. Use them together, spread them around the house, or keep a      different one wherever your next caffeine emergency happens.    \u003c\/p\u003e  \u003c\/section\u003e  \u003c!-- GIFT SECTION --\u003e  \u003csection class=\"gf-gift\"\u003e    \u003cdiv class=\"gf-gift-copy\"\u003e      \u003cdiv class=\"gf-kicker\"\u003eGiftable Weirdness\u003c\/div\u003e      \u003ch2\u003e        For the friend who absolutely does not need another normal coaster.      \u003c\/h2\u003e      \u003cp\u003e        A fun gift for crochet lovers, animal lovers, coworkers, teachers,        coffee addicts and anyone whose desk could use a little more personality.      \u003c\/p\u003e      \u003cdiv class=\"gf-tags\"\u003e        \u003cspan class=\"gf-tag\"\u003eBirthdays\u003c\/span\u003e        \u003cspan class=\"gf-tag\"\u003eHousewarming\u003c\/span\u003e        \u003cspan class=\"gf-tag\"\u003eCoworker Gifts\u003c\/span\u003e        \u003cspan class=\"gf-tag\"\u003eChristmas\u003c\/span\u003e        \u003cspan class=\"gf-tag\"\u003eCoffee Lovers\u003c\/span\u003e        \u003cspan class=\"gf-tag\"\u003eCrochet Lovers\u003c\/span\u003e      \u003c\/div\u003e    \u003c\/div\u003e    \u003cdiv class=\"gf-gift-image\"\u003e      \u003cimg src=\"https:\/\/mincrochets.com\/wp-content\/uploads\/2026\/02\/anhr_444-scaled-1.webp\" alt=\"Funny crochet animal coaster gift\" loading=\"lazy\"\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- DECOR SECTION --\u003e  \u003csection class=\"gf-section gf-section-light\"\u003e    \u003cdiv class=\"gf-kicker\"\u003eDesk Decor With Personality\u003c\/div\u003e    \u003ch2\u003e      Even when the mug leaves,\u003cbr\u003e      the personality stays.    \u003c\/h2\u003e    \u003cp\u003e      More than a functional mug rug, each crochet animal doubles as a small      decorative piece for coffee bars, desks, kitchens and cozy spaces.      Leave one out between drinks and it still looks like a tiny confused      creature dramatically collapsed on your table.    \u003c\/p\u003e    \u003cdiv class=\"gf-feature-list\"\u003e      \u003cdiv class=\"gf-feature-row\"\u003e        \u003cdiv class=\"gf-feature-icon\"\u003e💻\u003c\/div\u003e        \u003cdiv\u003e          \u003ch3\u003eOffice Desk Buddy\u003c\/h3\u003e          \u003cp\u003e            Add something playful to workspaces, study desks and home offices.          \u003c\/p\u003e        \u003c\/div\u003e      \u003c\/div\u003e      \u003cdiv class=\"gf-feature-row\"\u003e        \u003cdiv class=\"gf-feature-icon\"\u003e🌿\u003c\/div\u003e        \u003cdiv\u003e          \u003ch3\u003eCozy Home Accent\u003c\/h3\u003e          \u003cp\u003e            A small decorative detail that works beautifully with warm,            casual and handmade-inspired interiors.          \u003c\/p\u003e        \u003c\/div\u003e      \u003c\/div\u003e      \u003cdiv class=\"gf-feature-row\"\u003e        \u003cdiv class=\"gf-feature-icon\"\u003e😂\u003c\/div\u003e        \u003cdiv\u003e          \u003ch3\u003eInstant Conversation Starter\u003c\/h3\u003e          \u003cp\u003e            Cute enough to display and weird enough that somebody will            definitely ask you where you got it.          \u003c\/p\u003e        \u003c\/div\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- FINAL --\u003e  \u003csection class=\"gf-final\"\u003e    \u003cdiv class=\"gf-mini\"\u003eYour Mug Deserves Better\u003c\/div\u003e    \u003ch2\u003e      Life's too short for boring coasters.    \u003c\/h2\u003e    \u003cp\u003e      Protect the table. Make people laugh. Give your morning coffee      a ridiculously cute place to land.    \u003c\/p\u003e  \u003c\/section\u003e\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"Squirrel","offer_id":51648155648246,"sku":"NC03342609025533-松鼠杯垫","price":9.99,"currency_code":"USD","in_stock":true},{"title":"Green lizard","offer_id":51648155681014,"sku":"NC03342609025533-绿色蜥蜴杯垫","price":9.99,"currency_code":"USD","in_stock":true},{"title":"Blue Lizard","offer_id":51648155713782,"sku":"NC03342609025533-蓝色蜥蜴杯垫","price":9.99,"currency_code":"USD","in_stock":true},{"title":"The Ugly Duckling","offer_id":51648155746550,"sku":"NC03342609025533-丑小鸭杯垫","price":9.99,"currency_code":"USD","in_stock":true},{"title":"Get All 4 Save $9.9","offer_id":51648155779318,"sku":"NC03342609025533-松鼠杯垫+NC03342609025533-绿色蜥蜴杯垫+NC03342609025533-蓝色蜥蜴杯垫+NC03342609025533-丑小鸭杯垫","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0824\/9186\/7382\/files\/6f1bc729f65049fa8a601ecad4db3e65_tplv-fhlh96nyum-resize-webp_800_800.webp?v=1789437889","url":"https:\/\/toppicksdeals.com\/products\/4in1-derpy-friends-coaster-bundle","provider":"我的商店","version":"1.0","type":"link"}