{"product_id":"anti-yellow-purple-hair-mask","title":"Anti-Yellowing Purple Hair Mask 💜 Say goodbye to Red Highlights! 💜","description":" \u003cstyle\u003e \/* =========================================================    ANTI-YELLOW PURPLE HAIR MASK    RIGHT-COLUMN DESCRIPTION — WOLF-STYLE STORY RHYTHM    Midnight Plum × Violet Glow × Pearl Silver ========================================================= *\/ .pmwolf, .pmwolf *, .pmwolf *::before, .pmwolf *::after{box-sizing:border-box}  .pmwolf{   --night:#17111f;   --night2:#23182e;   --night3:#2d1f3d;   --violet:#8b5fd3;   --violet2:#b595e9;   --violet3:#d9c9f2;   --pearl:#f7f4fb;   --silver:#d8d4df;   --white:#fff;   --text:#f7f4fb;   --muted:#b8aec2;   --ink:#261f2d;   --line:rgba(255,255,255,.10);   width:100%;   max-width:100%;   margin:0;   overflow:hidden;   background:#181120;   color:var(--text);   font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;   line-height:1.68; }  .pmwolf img{   display:block;   width:100%!important;   max-width:100%!important;   height:auto!important;   object-fit:contain!important;   margin:0!important; }  .pmwolf h2,.pmwolf h3,.pmwolf p{margin-top:0}  .pmwolf-section{   position:relative;   padding:50px 18px; }  .pmwolf-kicker{   display:inline-flex;   align-items:center;   margin-bottom:12px;   padding:7px 11px;   border:1px solid rgba(181,149,233,.28);   border-radius:999px;   color:#d7c5ef;   background:rgba(139,95,211,.09);   font-size:10px;   font-weight:900;   letter-spacing:.10em;   text-transform:uppercase; }  .pmwolf-title{   margin:0 0 14px;   color:#fff;   font-family:Georgia,'Times New Roman',serif;   font-size:34px;   font-weight:400;   line-height:1.03;   letter-spacing:-.035em; }  .pmwolf-title span{color:#c5a9ec}  .pmwolf-sub{   margin:0;   color:var(--muted);   font-size:14px;   line-height:1.72; }  \/* HERO *\/ .pmwolf-hero{   position:relative;   padding:58px 18px 38px;   overflow:hidden;   background:     radial-gradient(circle at 84% 12%,rgba(181,149,233,.22),transparent 28%),     radial-gradient(circle at 15% 88%,rgba(106,64,166,.14),transparent 30%),     linear-gradient(145deg,#120d18,#21172b 58%,#2b1f39); }  .pmwolf-hero::before{   content:'';   position:absolute;   inset:0;   pointer-events:none;   opacity:.17;   background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.8px);   background-size:68px 68px; }  .pmwolf-hero-grid{   position:relative;   z-index:2;   display:grid;   grid-template-columns:1fr;   gap:24px; }  .pmwolf-hero h2{   margin:0 0 14px;   color:#fff;   font-family:Georgia,'Times New Roman',serif;   font-size:40px;   font-weight:400;   line-height:.98;   letter-spacing:-.045em; }  .pmwolf-hero h2 span{display:block;color:#c8a9ee}  .pmwolf-hero p{   margin-bottom:18px;   color:#c8bfce;   font-size:15px; }  .pmwolf-pills{   display:flex;   flex-wrap:wrap;   gap:7px; }  .pmwolf-pill{   padding:7px 10px;   border:1px solid rgba(255,255,255,.12);   border-radius:999px;   background:rgba(255,255,255,.045);   color:#fff;   font-size:10px;   font-weight:800; }  .pmwolf-hero-image{   position:relative;   padding:6px;   overflow:hidden;   border:1px solid rgba(255,255,255,.12);   border-radius:16px;   background:#120d18;   box-shadow:0 24px 54px rgba(0,0,0,.42),0 0 42px rgba(139,95,211,.10); }  .pmwolf-hero-image img{border-radius:10px}  \/* QUICK VALUE *\/ .pmwolf-quick{   display:grid;   grid-template-columns:1fr 1fr;   background:#21172a;   border-top:1px solid rgba(255,255,255,.06);   border-bottom:1px solid rgba(255,255,255,.06); }  .pmwolf-quick-item{   padding:18px 10px;   text-align:center;   border-right:1px solid rgba(255,255,255,.07);   border-bottom:1px solid rgba(255,255,255,.07); }  .pmwolf-quick-item:nth-child(2n){border-right:0} .pmwolf-quick-item:nth-last-child(-n+2){border-bottom:0}  .pmwolf-quick-item strong{   display:block;   margin-bottom:3px;   color:#fff;   font-family:Georgia,'Times New Roman',serif;   font-size:16px;   font-weight:400; }  .pmwolf-quick-item span{   color:#a79bad;   font-size:9px;   font-weight:800;   letter-spacing:.06em;   text-transform:uppercase; }  \/* HOOK *\/ .pmwolf-hook{background:#17111f}  .pmwolf-hook-box{   padding:28px 22px;   border-left:4px solid var(--violet2);   border-top:1px solid rgba(255,255,255,.06);   border-right:1px solid rgba(255,255,255,.06);   border-bottom:1px solid rgba(255,255,255,.06);   border-radius:13px;   background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018)); }  .pmwolf-hook-box h2{   margin:0 0 12px;   color:#fff;   font-family:Georgia,'Times New Roman',serif;   font-size:30px;   font-weight:400;   line-height:1.05; }  .pmwolf-hook-box h2 span{color:#c9afea}  .pmwolf-hook-box p{   margin:0;   color:#b8aec2;   font-size:14px; }  .pmwolf-image{   margin-top:24px;   padding:6px;   overflow:hidden;   border:1px solid rgba(255,255,255,.09);   border-radius:15px;   background:#201727;   box-shadow:0 18px 44px rgba(0,0,0,.34); }  .pmwolf-image img{border-radius:9px}  \/* SPLIT *\/ .pmwolf-split{   display:grid;   grid-template-columns:1fr;   gap:24px;   align-items:start; }  .pmwolf-copy h2{   margin:0 0 13px;   color:#fff;   font-family:Georgia,'Times New Roman',serif;   font-size:31px;   font-weight:400;   line-height:1.05; }  .pmwolf-copy h2 span{color:#c8a9ee}  .pmwolf-copy p{   margin-bottom:13px;   color:#b8aec2;   font-size:14px; }  .pmwolf-list{   margin:16px 0 0;   padding:0;   list-style:none; }  .pmwolf-list li{   position:relative;   margin-bottom:9px;   padding-left:24px;   color:#d3cad8;   font-size:13px;   font-weight:700; }  .pmwolf-list li::before{   content:'✦';   position:absolute;   left:0;   color:#b595e9; }  .pmwolf-photo{   padding:6px;   overflow:hidden;   border:1px solid rgba(255,255,255,.09);   border-radius:15px;   background:#211829;   box-shadow:0 18px 40px rgba(0,0,0,.32); }  .pmwolf-photo img{border-radius:9px}  .pmwolf-wall{   background:     radial-gradient(circle at 82% 12%,rgba(181,149,233,.12),transparent 28%),     linear-gradient(145deg,#1d1526,#281b35); }  \/* FEATURES *\/ .pmwolf-feature-grid{   display:grid;   grid-template-columns:1fr 1fr;   gap:10px;   margin-top:24px; }  .pmwolf-feature{   padding:20px 14px;   border:1px solid rgba(255,255,255,.09);   border-radius:13px;   background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018)); }  .pmwolf-feature-icon{margin-bottom:7px;font-size:24px}  .pmwolf-feature h3{   margin:0 0 6px;   color:#fff;   font-size:15px;   font-weight:800; }  .pmwolf-feature p{   margin:0;   color:#a99fad;   font-size:12px;   line-height:1.5; }  \/* USE STEPS *\/ .pmwolf-steps{   display:grid;   gap:10px;   margin-top:22px; }  .pmwolf-step{   display:grid;   grid-template-columns:40px 1fr;   gap:12px;   padding:15px 0;   border-top:1px solid rgba(255,255,255,.08); }  .pmwolf-step b{   color:#c3a5e8;   font-size:11px;   letter-spacing:.08em; }  .pmwolf-step strong{   display:block;   margin-bottom:3px;   color:#fff;   font-size:14px; }  .pmwolf-step span{   display:block;   color:#a99fad;   font-size:12px;   line-height:1.55; }  \/* FAQ *\/ .pmwolf-faq{background:#17111f}  .pmwolf details{   margin-bottom:9px;   overflow:hidden;   border:1px solid rgba(255,255,255,.08);   border-radius:10px;   background:#21172a; }  .pmwolf summary{   position:relative;   display:block;   padding:15px 42px 15px 15px;   color:#fff;   cursor:pointer;   font-size:13px;   font-weight:800;   list-style:none; }  .pmwolf summary::-webkit-details-marker{display:none}  .pmwolf summary::after{   content:'+';   position:absolute;   right:15px;   top:50%;   color:#c5a7e7;   font-size:20px;   transform:translateY(-50%); }  .pmwolf details[open] summary::after{content:'−'}  .pmwolf-answer{   padding:0 15px 15px;   color:#aaa0b1;   font-size:12px;   line-height:1.62; }  \/* FINAL *\/ .pmwolf-final{   position:relative;   padding:62px 18px;   overflow:hidden;   text-align:center;   background:     radial-gradient(circle at 50% 0,rgba(181,149,233,.18),transparent 34%),     linear-gradient(145deg,#120d18,#24172f); }  .pmwolf-final h2{   margin:0 0 12px;   color:#fff;   font-family:Georgia,'Times New Roman',serif;   font-size:34px;   font-weight:400;   line-height:1.03; }  .pmwolf-final h2 span{color:#c8a9ee}  .pmwolf-final p{   margin:0;   color:#beb4c4;   font-size:14px; }  @media(max-width:430px){   .pmwolf-hero h2{font-size:36px}   .pmwolf-title{font-size:30px}   .pmwolf-section{padding:46px 14px}   .pmwolf-hero{padding:52px 14px 34px} } \u003c\/style\u003e  \u003cdiv class=\"pmwolf\"\u003e    \u003csection class=\"pmwolf-hero\"\u003e     \u003cdiv class=\"pmwolf-hero-grid\"\u003e       \u003cdiv\u003e         \u003cspan class=\"pmwolf-kicker\"\u003e💜 Anti-Yellow Purple Hair Mask\u003c\/span\u003e         \u003ch2\u003eCool the brass.\u003cspan\u003eBring back the bright.\u003c\/span\u003e \u003c\/h2\u003e         \u003cp\u003eA rich purple toning mask for blonde, platinum, gray and silver hair when warmth starts taking over the shade.\u003c\/p\u003e         \u003cdiv class=\"pmwolf-pills\"\u003e           \u003cspan class=\"pmwolf-pill\"\u003eNeutralizes Yellow Tones\u003c\/span\u003e           \u003cspan class=\"pmwolf-pill\"\u003eDeeply Nourishes\u003c\/span\u003e           \u003cspan class=\"pmwolf-pill\"\u003eSofter + Shinier Hair\u003c\/span\u003e         \u003c\/div\u003e       \u003c\/div\u003e       \u003cdiv class=\"pmwolf-hero-image\"\u003e         \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/0397\/5780\/files\/968b0613-3175-4e64-bbe6-ea370efe17ad.png?v=1791269495\" alt=\"Purple hair mask result\"\u003e       \u003c\/div\u003e     \u003c\/div\u003e   \u003c\/section\u003e    \u003csection class=\"pmwolf-quick\"\u003e     \u003cdiv class=\"pmwolf-quick-item\"\u003e       \u003cstrong\u003eBlonde\u003c\/strong\u003e       \u003cspan\u003eCooler-looking tone\u003c\/span\u003e     \u003c\/div\u003e     \u003cdiv class=\"pmwolf-quick-item\"\u003e       \u003cstrong\u003eSilver\u003c\/strong\u003e       \u003cspan\u003eLess yellow cast\u003c\/span\u003e     \u003c\/div\u003e     \u003cdiv class=\"pmwolf-quick-item\"\u003e       \u003cstrong\u003eGray\u003c\/strong\u003e       \u003cspan\u003eCleaner finish\u003c\/span\u003e     \u003c\/div\u003e     \u003cdiv class=\"pmwolf-quick-item\"\u003e       \u003cstrong\u003ePurple\u003c\/strong\u003e       \u003cspan\u003eToning care\u003c\/span\u003e     \u003c\/div\u003e   \u003c\/section\u003e    \u003csection class=\"pmwolf-section pmwolf-hook\"\u003e     \u003cdiv class=\"pmwolf-hook-box\"\u003e       \u003cspan class=\"pmwolf-kicker\"\u003eNot Just Another Hair Mask\u003c\/span\u003e       \u003ch2\u003eWhen the color turns warm,\u003cspan\u003ethe whole blonde changes.\u003c\/span\u003e \u003c\/h2\u003e       \u003cp\u003eYellow and brassy tones can make bright blonde, silver or gray hair look duller than intended. Purple tone care is made to visually push the shade back toward cool.\u003c\/p\u003e     \u003c\/div\u003e     \u003cdiv class=\"pmwolf-image\"\u003e       \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/0397\/5780\/files\/7ce151ea-b714-4c62-a986-7c230fa812fc.png?v=1791269494\" alt=\"Anti-brass purple hair mask tone transformation\"\u003e     \u003c\/div\u003e   \u003c\/section\u003e    \u003csection class=\"pmwolf-section pmwolf-wall\"\u003e     \u003cdiv class=\"pmwolf-split\"\u003e       \u003cdiv class=\"pmwolf-copy\"\u003e         \u003cspan class=\"pmwolf-kicker\"\u003e💜 Why Purple?\u003c\/span\u003e         \u003ch2\u003ePurple meets yellow.\u003cspan\u003eThe warmth gets visually quieter.\u003c\/span\u003e \u003c\/h2\u003e         \u003cp\u003ePurple sits opposite yellow in color theory, which is why purple-toning care is commonly used when light hair starts looking too warm.\u003c\/p\u003e         \u003cul class=\"pmwolf-list\"\u003e           \u003cli\u003eHelps reduce the look of unwanted yellow tones\u003c\/li\u003e           \u003cli\u003eSupports a cooler blonde or silver finish\u003c\/li\u003e           \u003cli\u003eWorks as a targeted color-maintenance step\u003c\/li\u003e         \u003c\/ul\u003e       \u003c\/div\u003e       \u003cdiv class=\"pmwolf-photo\"\u003e         \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/0397\/5780\/files\/c2e4911c-21cf-49ed-877f-13a5809100c3.png?v=1791269494\" alt=\"Purple toning formula\"\u003e       \u003c\/div\u003e     \u003c\/div\u003e   \u003c\/section\u003e    \u003csection class=\"pmwolf-section\"\u003e     \u003cdiv class=\"pmwolf-split\"\u003e       \u003cdiv class=\"pmwolf-photo\"\u003e         \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/0397\/5780\/files\/f48a46a1-1e86-4c1c-95f6-a0dc75dcce87.png?v=1791269494\" alt=\"Purple hair mask for blonde gray and silver hair\"\u003e       \u003c\/div\u003e       \u003cdiv class=\"pmwolf-copy\"\u003e         \u003cspan class=\"pmwolf-kicker\"\u003e✨ More Than Tone Correction\u003c\/span\u003e         \u003ch2\u003eCooler color.\u003cspan\u003eSofter, shinier-looking hair.\u003c\/span\u003e \u003c\/h2\u003e         \u003cp\u003eThe mask format combines purple tone care with a richer treatment-style step, so the routine feels less like correction and more like care.\u003c\/p\u003e         \u003cul class=\"pmwolf-list\"\u003e           \u003cli\u003eRich purple toning formula\u003c\/li\u003e           \u003cli\u003eDeep conditioning mask format\u003c\/li\u003e           \u003cli\u003eDesigned for blonde, platinum, gray and silver hair\u003c\/li\u003e         \u003c\/ul\u003e       \u003c\/div\u003e     \u003c\/div\u003e   \u003c\/section\u003e    \u003csection class=\"pmwolf-section pmwolf-wall\"\u003e     \u003cspan class=\"pmwolf-kicker\"\u003eWhy It Stands Out\u003c\/span\u003e     \u003ch2 class=\"pmwolf-title\"\u003eA Color-Care Step That Feels\u003cspan\u003e Like Real Hair Care.\u003c\/span\u003e \u003c\/h2\u003e     \u003cdiv class=\"pmwolf-feature-grid\"\u003e       \u003carticle class=\"pmwolf-feature\"\u003e         \u003cdiv class=\"pmwolf-feature-icon\"\u003e💜\u003c\/div\u003e         \u003ch3\u003eAnti-Brass Tone Care\u003c\/h3\u003e         \u003cp\u003eHelps visually counter unwanted yellow warmth.\u003c\/p\u003e       \u003c\/article\u003e       \u003carticle class=\"pmwolf-feature\"\u003e         \u003cdiv class=\"pmwolf-feature-icon\"\u003e✨\u003c\/div\u003e         \u003ch3\u003eShine Support\u003c\/h3\u003e         \u003cp\u003eMade for a brighter, more polished-looking finish.\u003c\/p\u003e       \u003c\/article\u003e       \u003carticle class=\"pmwolf-feature\"\u003e         \u003cdiv class=\"pmwolf-feature-icon\"\u003e💧\u003c\/div\u003e         \u003ch3\u003eMask Format\u003c\/h3\u003e         \u003cp\u003eA richer treatment step instead of a quick wash-off feel.\u003c\/p\u003e       \u003c\/article\u003e       \u003carticle class=\"pmwolf-feature\"\u003e         \u003cdiv class=\"pmwolf-feature-icon\"\u003e❄️\u003c\/div\u003e         \u003ch3\u003eCool-Tone Focus\u003c\/h3\u003e         \u003cp\u003eEspecially suited to blonde, silver, platinum and gray shades.\u003c\/p\u003e       \u003c\/article\u003e     \u003c\/div\u003e   \u003c\/section\u003e    \u003csection class=\"pmwolf-section\"\u003e     \u003cdiv class=\"pmwolf-split\"\u003e       \u003cdiv class=\"pmwolf-copy\"\u003e         \u003cspan class=\"pmwolf-kicker\"\u003eHow To Use\u003c\/span\u003e         \u003ch2\u003eKeep it simple.\u003cspan\u003eLet the violet do the work.\u003c\/span\u003e \u003c\/h2\u003e         \u003cdiv class=\"pmwolf-steps\"\u003e           \u003cdiv class=\"pmwolf-step\"\u003e             \u003cb\u003e01\u003c\/b\u003e             \u003cdiv\u003e \u003cstrong\u003eApply as directed\u003c\/strong\u003e\u003cspan\u003eUse according to the instructions printed on the package.\u003c\/span\u003e \u003c\/div\u003e           \u003c\/div\u003e           \u003cdiv class=\"pmwolf-step\"\u003e             \u003cb\u003e02\u003c\/b\u003e             \u003cdiv\u003e \u003cstrong\u003eFocus where brassiness shows\u003c\/strong\u003e\u003cspan\u003ePay attention to the areas where warmth is easiest to see.\u003c\/span\u003e \u003c\/div\u003e           \u003c\/div\u003e           \u003cdiv class=\"pmwolf-step\"\u003e             \u003cb\u003e03\u003c\/b\u003e             \u003cdiv\u003e \u003cstrong\u003eRinse thoroughly\u003c\/strong\u003e\u003cspan\u003eFinish the routine and style as usual.\u003c\/span\u003e \u003c\/div\u003e           \u003c\/div\u003e         \u003c\/div\u003e       \u003c\/div\u003e       \u003cdiv class=\"pmwolf-photo\"\u003e         \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/0397\/5780\/files\/a60ecf97-baaa-4359-83a6-b88a5d454b7f.png?v=1791269494\" alt=\"How to use purple hair mask\"\u003e       \u003c\/div\u003e     \u003c\/div\u003e   \u003c\/section\u003e    \u003csection class=\"pmwolf-section pmwolf-hook\"\u003e     \u003cdiv class=\"pmwolf-hook-box\"\u003e       \u003cspan class=\"pmwolf-kicker\"\u003eSalon-Tone Maintenance at Home\u003c\/span\u003e       \u003ch2\u003eFor the days your blonde starts looking\u003cspan\u003e more yellow than you remember.\u003c\/span\u003e \u003c\/h2\u003e       \u003cp\u003eKeep it in the routine for the moments your cool tone begins drifting warm between color appointments.\u003c\/p\u003e     \u003c\/div\u003e     \u003cdiv class=\"pmwolf-image\"\u003e       \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/0397\/5780\/files\/5af04616-bae1-4497-9fc5-cdd119a113b0.png?v=1791269494\" alt=\"Purple hair mask close-up\"\u003e     \u003c\/div\u003e   \u003c\/section\u003e    \u003csection class=\"pmwolf-section pmwolf-gift\"\u003e     \u003cdiv class=\"pmwolf-split\"\u003e       \u003cdiv class=\"pmwolf-copy\"\u003e         \u003cspan class=\"pmwolf-kicker\"\u003eA Closer Look\u003c\/span\u003e         \u003ch2\u003eRich violet color.\u003cspan\u003eFocused tone care.\u003c\/span\u003e \u003c\/h2\u003e         \u003cp\u003eThe highly visible purple formula is part of what makes the product feel purpose-built for blonde and silver tone maintenance.\u003c\/p\u003e       \u003c\/div\u003e       \u003cdiv class=\"pmwolf-photo\"\u003e         \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/0397\/5780\/files\/237da26c-a461-4e64-a29a-0ba356cd323b.png?v=1791269493\" alt=\"Purple hair mask product detail\"\u003e       \u003c\/div\u003e     \u003c\/div\u003e   \u003c\/section\u003e    \u003csection class=\"pmwolf-section pmwolf-faq\"\u003e     \u003cspan class=\"pmwolf-kicker\"\u003eGood to Know\u003c\/span\u003e     \u003ch2 class=\"pmwolf-title\"\u003eBefore Purple Meets Your Blonde.\u003c\/h2\u003e      \u003cdetails open\u003e       \u003csummary\u003eWhat hair colors is this best for?\u003c\/summary\u003e       \u003cdiv class=\"pmwolf-answer\"\u003eBlonde, platinum, gray and silver hair—especially when unwanted yellow or brassy tones begin to show.\u003c\/div\u003e     \u003c\/details\u003e      \u003cdetails\u003e       \u003csummary\u003eWhat does the purple formula do?\u003c\/summary\u003e       \u003cdiv class=\"pmwolf-answer\"\u003ePurple tone care is used to visually counter yellow warmth and support a cooler-looking finish.\u003c\/div\u003e     \u003c\/details\u003e      \u003cdetails\u003e       \u003csummary\u003eIs this permanent hair color?\u003c\/summary\u003e       \u003cdiv class=\"pmwolf-answer\"\u003eNo. It is a toning hair mask for color maintenance rather than permanent hair coloring.\u003c\/div\u003e     \u003c\/details\u003e      \u003cdetails\u003e       \u003csummary\u003eHow long should I leave it on?\u003c\/summary\u003e       \u003cdiv class=\"pmwolf-answer\"\u003eFollow the timing stated on your product packaging rather than guessing the processing time.\u003c\/div\u003e     \u003c\/details\u003e   \u003c\/section\u003e    \u003csection class=\"pmwolf-final\"\u003e     \u003cspan class=\"pmwolf-kicker\"\u003e💜 Keep the Tone You Chose\u003c\/span\u003e     \u003ch2\u003eLess brass.\u003cspan\u003eMore bright, cool blonde.\u003c\/span\u003e \u003c\/h2\u003e     \u003cp\u003eA richer purple-mask step for keeping light hair looking cleaner, cooler and more polished between color appointments.\u003c\/p\u003e   \u003c\/section\u003e  \u003c\/div\u003e   \u003cstyle id=\"pmwolf-light-purple-override\"\u003e \/* =========================================================    LIGHT PURPLE REFINEMENT    Keep the wolf-style storytelling rhythm,    but match the actual purple hair-mask product.    Pearl White × Lavender Mist × Rich Violet ========================================================= *\/  .pmwolf{   --night:#fbf9fd;   --night2:#f5f0fa;   --night3:#eee6f6;    --violet:#7448b4;   --violet2:#956ed0;   --violet3:#d8c5ee;    --pearl:#fffdfd;   --silver:#ded8e5;    --white:#ffffff;   --text:#2b2431;   --muted:#716879;   --ink:#2b2431;    --line:rgba(91,64,121,.13);    background:#fbf9fd;   color:var(--ink); }  \/* KICKERS *\/ .pmwolf-kicker{   border-color:rgba(116,72,180,.18);   color:#7448b4;   background:rgba(116,72,180,.055); }  \/* TITLES \/ COPY *\/ .pmwolf-title, .pmwolf-copy h2, .pmwolf-hook-box h2{   color:#2b2431; }  .pmwolf-title span, .pmwolf-copy h2 span, .pmwolf-hook-box h2 span{   color:#7448b4; }  .pmwolf-sub, .pmwolf-copy p, .pmwolf-hook-box p{   color:#716879; }  \/* HERO *\/ .pmwolf-hero{   background:     radial-gradient(circle at 82% 10%,rgba(149,110,208,.18),transparent 30%),     radial-gradient(circle at 10% 90%,rgba(207,185,233,.18),transparent 32%),     linear-gradient(145deg,#fffdfd 0%,#f7f1fb 60%,#eee5f6 100%); }  .pmwolf-hero::before{   opacity:.10;   background-image:     radial-gradient(circle,rgba(116,72,180,.55) 0 1px,transparent 1.7px); }  .pmwolf-hero h2{   color:#261f2c; }  .pmwolf-hero h2 span{   color:#7448b4; }  .pmwolf-hero p{   color:#6f6677; }  .pmwolf-pill{   border-color:rgba(116,72,180,.14);   color:#4d3c5d;   background:rgba(255,255,255,.66); }  \/* IMAGE FRAMES *\/ .pmwolf-hero-image, .pmwolf-image, .pmwolf-photo{   border-color:rgba(116,72,180,.12);   background:#fff;   box-shadow:0 18px 42px rgba(68,43,91,.10); }  \/* QUICK VALUE *\/ .pmwolf-quick{   background:#f1eaf7;   border-top-color:rgba(116,72,180,.09);   border-bottom-color:rgba(116,72,180,.09); }  .pmwolf-quick-item{   border-right-color:rgba(116,72,180,.09);   border-bottom-color:rgba(116,72,180,.09); }  .pmwolf-quick-item strong{   color:#2e2535; }  .pmwolf-quick-item span{   color:#756b7e; }  \/* STORY \/ HOOK *\/ .pmwolf-hook{   background:#fffdfd; }  .pmwolf-hook-box{   border-left-color:#8b60c4;   border-top-color:rgba(116,72,180,.10);   border-right-color:rgba(116,72,180,.10);   border-bottom-color:rgba(116,72,180,.10);   background:     linear-gradient(135deg,#f8f3fb,#ffffff); }  \/* ALTERNATING PURPLE SECTIONS *\/ .pmwolf-wall{   background:     radial-gradient(circle at 85% 10%,rgba(149,110,208,.12),transparent 28%),     linear-gradient(145deg,#f4eef9,#eee5f6); }  .pmwolf-wall .pmwolf-kicker{   color:#6e43aa; }  .pmwolf-wall .pmwolf-title, .pmwolf-wall .pmwolf-copy h2{   color:#2b2431; }  \/* LIST *\/ .pmwolf-list li{   color:#4f4658; }  .pmwolf-list li::before{   color:#8456c0; }  \/* FEATURE CARDS *\/ .pmwolf-feature{   border-color:rgba(116,72,180,.11);   background:     linear-gradient(145deg,rgba(255,255,255,.88),rgba(248,243,251,.95));   box-shadow:0 10px 24px rgba(73,48,92,.05); }  .pmwolf-feature h3{   color:#302738; }  .pmwolf-feature p{   color:#726a7a; }  \/* USE STEPS *\/ .pmwolf-step{   border-top-color:rgba(116,72,180,.11); }  .pmwolf-step b{   color:#7b4eb5; }  .pmwolf-step strong{   color:#302738; }  .pmwolf-step span{   color:#746c7c; }  \/* FAQ *\/ .pmwolf-faq{   background:#faf7fc; }  .pmwolf-faq .pmwolf-title{   color:#2b2431; }  .pmwolf details{   border-color:rgba(116,72,180,.10);   background:#fff; }  .pmwolf summary{   color:#312738; }  .pmwolf summary::after{   color:#7b4eb5; }  .pmwolf-answer{   color:#746c7c; }  \/* FINAL: keep one deeper anchor section only *\/ .pmwolf-final{   background:     radial-gradient(circle at 50% 0,rgba(216,197,238,.24),transparent 34%),     linear-gradient(145deg,#5a3b78,#744f9b); }  .pmwolf-final .pmwolf-kicker{   color:#f1e8fb;   border-color:rgba(255,255,255,.18);   background:rgba(255,255,255,.08); }  .pmwolf-final h2{   color:#fff; }  .pmwolf-final h2 span{   color:#eadcff; }  .pmwolf-final p{   color:#eee5f5; }  \/* Make the overall page feel more premium \/ less 'dark themed' *\/ .pmwolf-section{   border-top:1px solid rgba(116,72,180,.045); }  @media(max-width:430px){   .pmwolf-feature-grid{     grid-template-columns:1fr 1fr;   } } \u003c\/style\u003e  ","brand":"mysite","offers":[{"title":"100g","offer_id":67654802309272,"sku":"YYP2609219636-100g（仅供外贸出口销售，禁止国内销售，购买等同默认免责申","price":22.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0789\/5613\/4552\/files\/5af04616-bae1-4497-9fc5-cdd119a113b0.png?v=1791314337","url":"https:\/\/keepfbshop.com\/products\/anti-yellow-purple-hair-mask","provider":"keepfbshop","version":"1.0","type":"link"}