{"product_id":"imported-quick-hair-color-stick","title":"Imported Quick Hair Color Stick","description":"\u003cdiv class=\"zhc-product\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection class=\"zhc-hero zhc-animate\"\u003e\n    \u003cdiv class=\"zhc-hero-content\"\u003e\n      \u003cspan class=\"zhc-label\"\u003eZEREER.PK • BEAUTY ESSENTIAL\u003c\/span\u003e\n\n      \u003ch2\u003e\n        Imported Quick Hair Color Stick\n        \u003cspan\u003eQuick Root Touch-Ups, Anytime \u0026amp; Anywhere\u003c\/span\u003e\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Visible gray roots aur selected sparse-looking hair areas ko temporarily\n        touch up karein—bina complete hair-color routine ke. Compact comb-style\n        applicator targeted application mein madad karta hai, taake aap apna look\n        ghar, office, event ya travel ke dauran quickly refresh kar sakein.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"zhc-pills\"\u003e\n        \u003cspan\u003eInstant Root Touch-Up\u003c\/span\u003e\n        \u003cspan\u003eCompact \u0026amp; Portable\u003c\/span\u003e\n        \u003cspan\u003eNatural-Looking Blend\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"zhc-hero-card\"\u003e\n      \u003cdiv class=\"zhc-star\"\u003e✦\u003c\/div\u003e\n      \u003cstrong\u003eStyle Meets Self-Care\u003c\/strong\u003e\n      \u003cp\u003e\n        A convenient Beauty, Wellness \u0026amp; Essentials pick from Zereer.pk.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- FASHION OFFER --\u003e\n  \u003csection class=\"zhc-offer zhc-animate\"\u003e\n    \u003cdiv class=\"zhc-offer-icon\"\u003e✦\u003c\/div\u003e\n\n    \u003cdiv class=\"zhc-offer-content\"\u003e\n      \u003cspan\u003eFASHION + BEAUTY OFFER\u003c\/span\u003e\n      \u003ch3\u003eAny Dress ke Saath Selected Beauty Essential par Special Discount\u003c\/h3\u003e\n      \u003cp\u003e\n        Zereer.pk se eligible dress purchase karein aur selected Beauty Essential\n        par promotional discount enjoy karein.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"zhc-offer-badge\"\u003eDress + Beauty\u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"zhc-section zhc-animate\"\u003e\n    \u003cdiv class=\"zhc-heading\"\u003e\n      \u003cspan\u003eEVERYDAY SELF-CARE ESSENTIAL\u003c\/span\u003e\n      \u003ch2\u003eFresh-Looking Roots Without a Full Coloring Routine\u003c\/h2\u003e\n      \u003cp\u003e\n        Unexpected meeting, dinner plan, family gathering ya special occasion se\n        pehle visible gray roots ko quickly refresh karein. Yeh portable cosmetic\n        touch-up stick everyday grooming routine ko simple aur convenient banata hai.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BENEFITS --\u003e\n  \u003csection class=\"zhc-benefits zhc-animate\"\u003e\n\n    \u003carticle class=\"zhc-card\"\u003e\n      \u003cdiv class=\"zhc-card-icon\"\u003e◷\u003c\/div\u003e\n      \u003ch3\u003eQuick Coverage\u003c\/h3\u003e\n      \u003cp\u003e\n        Visible gray roots ko temporarily cover karne ke liye convenient\n        on-the-go solution.\n      \u003c\/p\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"zhc-card\"\u003e\n      \u003cdiv class=\"zhc-card-icon\"\u003e✦\u003c\/div\u003e\n      \u003ch3\u003eNatural-Looking Finish\u003c\/h3\u003e\n      \u003cp\u003e\n        Matching shade ko light strokes ke saath blend karke softer aur\n        even-looking result paayein.\n      \u003c\/p\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"zhc-card\"\u003e\n      \u003cdiv class=\"zhc-card-icon\"\u003e≋\u003c\/div\u003e\n      \u003ch3\u003eComb-Style Applicator\u003c\/h3\u003e\n      \u003cp\u003e\n        Built-in applicator roots aur selected areas par controlled application\n        mein madad karta hai.\n      \u003c\/p\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"zhc-card\"\u003e\n      \u003cdiv class=\"zhc-card-icon\"\u003e▣\u003c\/div\u003e\n      \u003ch3\u003eCompact \u0026amp; Portable\u003c\/h3\u003e\n      \u003cp\u003e\n        Handbag, vanity pouch, office drawer ya travel kit mein easily carry karein.\n      \u003c\/p\u003e\n    \u003c\/article\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- HOW TO USE --\u003e\n  \u003csection class=\"zhc-section zhc-animate\"\u003e\n    \u003cdiv class=\"zhc-heading\"\u003e\n      \u003cspan\u003eSIMPLE BEAUTY ROUTINE\u003c\/span\u003e\n      \u003ch2\u003eHow to Use\u003c\/h2\u003e\n      \u003cp\u003e\n        Best result ke liye clean aur completely dry hair par small sections mein\n        product apply karein.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"zhc-steps\"\u003e\n\n      \u003cdiv class=\"zhc-step\"\u003e\n        \u003cb\u003e01\u003c\/b\u003e\n        \u003ch3\u003eOpen\u003c\/h3\u003e\n        \u003cp\u003e\n          Product ka cap remove karein aur color applicator ko expose karein.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"zhc-step\"\u003e\n        \u003cb\u003e02\u003c\/b\u003e\n        \u003ch3\u003eApply\u003c\/h3\u003e\n        \u003cp\u003e\n          Visible gray roots ya required hair areas par gently glide karein.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"zhc-step\"\u003e\n        \u003cb\u003e03\u003c\/b\u003e\n        \u003ch3\u003eBlend\u003c\/h3\u003e\n        \u003cp\u003e\n          Small aur light strokes se color ko surrounding hair ke saath blend karein.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"zhc-step\"\u003e\n        \u003cb\u003e04\u003c\/b\u003e\n        \u003ch3\u003eSet \u0026amp; Go\u003c\/h3\u003e\n        \u003cp\u003e\n          Product ko settle hone dein aur application ke foran baad hair ko rub na karein.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CORRECTED VARIANTS --\u003e\n  \u003csection class=\"zhc-shades zhc-animate\"\u003e\n\n    \u003cdiv class=\"zhc-shades-copy\"\u003e\n      \u003cspan class=\"zhc-label\"\u003eAVAILABLE VARIANTS\u003c\/span\u003e\n      \u003ch2\u003eChoose Your Perfect Match\u003c\/h2\u003e\n      \u003cp\u003e\n        Imported Quick Hair Color Stick sirf do shades mein available hai:\n        \u003cstrong\u003eBlack\u003c\/strong\u003e aur \u003cstrong\u003eDark Brown\u003c\/strong\u003e. Apne natural hair\n        color ke sabse qareeb shade ko select karein.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"zhc-shade-note\"\u003e\n        Screen brightness aur lighting ki wajah se actual shade thora different\n        nazar aa sakta hai.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"zhc-shade-grid\"\u003e\n\n      \u003carticle class=\"zhc-shade-card\"\u003e\n        \u003cdiv class=\"zhc-swatch zhc-black\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"zhc-shade-info\"\u003e\n          \u003cspan\u003e01\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eBlack\u003c\/strong\u003e\n            \u003csmall\u003eFor black and naturally deep hair tones\u003c\/small\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"zhc-shade-features\"\u003e\n          \u003cspan\u003eDeep Black Tone\u003c\/span\u003e\n          \u003cspan\u003eGray Root Touch-Up\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"zhc-shade-card\"\u003e\n        \u003cdiv class=\"zhc-swatch zhc-dark-brown\"\u003e\u003c\/div\u003e\n\n        \u003cdiv class=\"zhc-shade-info\"\u003e\n          \u003cspan\u003e02\u003c\/span\u003e\n          \u003cdiv\u003e\n            \u003cstrong\u003eDark Brown\u003c\/strong\u003e\n            \u003csmall\u003eFor dark brown and softer brunette hair tones\u003c\/small\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"zhc-shade-features\"\u003e\n          \u003cspan\u003eRich Dark Brown\u003c\/span\u003e\n          \u003cspan\u003eNatural-Looking Blend\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- USE CASES --\u003e\n  \u003csection class=\"zhc-section zhc-animate\"\u003e\n    \u003cdiv class=\"zhc-heading\"\u003e\n      \u003cspan\u003eANYTIME, ANYWHERE\u003c\/span\u003e\n      \u003ch2\u003eMade for Everyday Touch-Up Moments\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"zhc-usecases\"\u003e\n\n      \u003carticle\u003e\n        \u003cspan\u003e01\u003c\/span\u003e\n        \u003ch3\u003eBefore Work\u003c\/h3\u003e\n        \u003cp\u003e\n          Morning routine mein visible gray roots ko quickly refresh karein.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle\u003e\n        \u003cspan\u003e02\u003c\/span\u003e\n        \u003ch3\u003eBefore an Event\u003c\/h3\u003e\n        \u003cp\u003e\n          Dinner, family gathering ya special occasion se pehle polished look paayein.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle\u003e\n        \u003cspan\u003e03\u003c\/span\u003e\n        \u003ch3\u003eWhile Travelling\u003c\/h3\u003e\n        \u003cp\u003e\n          Compact design ki wajah se handbag aur travel pouch mein easily carry karein.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle\u003e\n        \u003cspan\u003e04\u003c\/span\u003e\n        \u003ch3\u003eBetween Color Sessions\u003c\/h3\u003e\n        \u003cp\u003e\n          Regular hair-color sessions ke darmiyan temporary cosmetic touch-up karein.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- GIFT --\u003e\n  \u003csection class=\"zhc-gift zhc-animate\"\u003e\n    \u003cdiv class=\"zhc-gift-copy\"\u003e\n      \u003cspan\u003eTHOUGHTFUL GIFTING\u003c\/span\u003e\n      \u003ch2\u003eA Practical Beauty Essential for Her\u003c\/h2\u003e\n      \u003cp\u003e\n        Wife, mother, sister, daughter ya friend ke liye ek thoughtful self-care\n        essential—especially un women ke liye jo convenient grooming products\n        pasand karti hain.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"zhc-gift-grid\"\u003e\n      \u003cspan\u003eFor Wife\u003c\/span\u003e\n      \u003cspan\u003eFor Mother\u003c\/span\u003e\n      \u003cspan\u003eFor Sister\u003c\/span\u003e\n      \u003cspan\u003eFor Someone Special\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ZEREER IDENTITY --\u003e\n  \u003csection class=\"zhc-brand zhc-animate\"\u003e\n    \u003cdiv class=\"zhc-brand-logo\"\u003eZ\u003c\/div\u003e\n\n    \u003cdiv\u003e\n      \u003cspan\u003eZEREER.PK\u003c\/span\u003e\n      \u003ch2\u003eWomen’s Fashion, Beauty \u0026amp; Everyday Confidence\u003c\/h2\u003e\n      \u003cp\u003e\n        Zereer.pk par women’s fashion ke saath selected Beauty, Wellness \u0026amp;\n        Essentials aapke complete look aur daily self-care routine ko complement\n        karte hain.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- CARE --\u003e\n  \u003csection class=\"zhc-care zhc-animate\"\u003e\n    \u003cdiv class=\"zhc-care-icon\"\u003e♡\u003c\/div\u003e\n\n    \u003cdiv\u003e\n      \u003ch3\u003eImportant Use \u0026amp; Care Information\u003c\/h3\u003e\n      \u003cp\u003e\n        Sirf external cosmetic use ke liye. Eye area se door rakhein. Irritated,\n        broken ya sensitive scalp par apply na karein. First use se pehle small\n        patch test karein. Light-colored clothing aur fabrics se direct contact\n        avoid karein. Children ki reach se door rakhein.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- FINAL --\u003e\n  \u003csection class=\"zhc-final zhc-animate\"\u003e\n    \u003cspan\u003eSELF-CARE ESSENTIALS BY ZEREER.PK\u003c\/span\u003e\n\n    \u003ch2\u003eTouch Up Your Roots. Refresh Your Look. Feel Confident.\u003c\/h2\u003e\n\n    \u003cp\u003e\n      Imported Quick Hair Color Stick ko apne handbag, vanity ya travel kit ka\n      hissa banayein aur everyday getting-ready moments ko easier banayein.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"zhc-pills zhc-center\"\u003e\n      \u003cspan\u003eBlack\u003c\/span\u003e\n      \u003cspan\u003eDark Brown\u003c\/span\u003e\n      \u003cspan\u003eCompact\u003c\/span\u003e\n      \u003cspan\u003eEasy to Apply\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cp class=\"zhc-note\"\u003e\n    Note: This is a temporary cosmetic root touch-up product and is not a\n    permanent hair dye. Coverage, finish and wear may vary according to hair\n    texture, selected shade, application quantity, moisture and contact with\n    clothing. Product packaging may vary slightly according to available stock.\n    Promotional discount applies only to eligible dresses and selected Beauty\n    Essentials.\n  \u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  .zhc-product {\n    --blush: #FFF1F5;\n    --peach: #FCD5CE;\n    --pink: #FFCAD4;\n    --rose: #FADDE1;\n    --mauve: #EADBDD;\n    --deep: #91485E;\n    --deep-dark: #422F36;\n    --text: #3E3337;\n    --glass: rgba(255, 255, 255, 0.62);\n\n    width: 100%;\n    max-width: 1180px;\n    margin: 24px auto;\n    padding: 16px;\n    color: var(--text);\n    font-family: Arial, Helvetica, sans-serif;\n    box-sizing: border-box;\n  }\n\n  .zhc-product *,\n  .zhc-product *::before,\n  .zhc-product *::after {\n    box-sizing: border-box;\n  }\n\n  .zhc-hero,\n  .zhc-section,\n  .zhc-shades,\n  .zhc-gift,\n  .zhc-final {\n    position: relative;\n    overflow: hidden;\n    margin-bottom: 22px;\n    padding: clamp(30px, 5vw, 68px);\n    border: 1px solid rgba(255, 255, 255, 0.94);\n    border-radius: 30px;\n    background:\n      radial-gradient(\n        circle at 92% 8%,\n        rgba(255, 255, 255, 0.95),\n        transparent 34%\n      ),\n      linear-gradient(\n        135deg,\n        var(--blush),\n        var(--rose),\n        var(--mauve)\n      );\n    box-shadow: 0 22px 58px rgba(126, 69, 89, 0.13);\n  }\n\n  .zhc-hero::after,\n  .zhc-final::after {\n    content: \"\";\n    position: absolute;\n    right: -90px;\n    bottom: -110px;\n    width: 290px;\n    height: 290px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.44);\n    filter: blur(8px);\n  }\n\n  .zhc-hero {\n    min-height: 470px;\n    display: flex;\n    align-items: center;\n  }\n\n  .zhc-hero-content {\n    position: relative;\n    z-index: 2;\n    width: min(730px, 100%);\n  }\n\n  .zhc-label,\n  .zhc-heading \u003e span,\n  .zhc-gift-copy \u003e span,\n  .zhc-final \u003e span {\n    display: inline-block;\n    margin-bottom: 13px;\n    color: var(--deep);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n  }\n\n  .zhc-hero h2,\n  .zhc-heading h2,\n  .zhc-shades h2,\n  .zhc-gift h2,\n  .zhc-brand h2,\n  .zhc-final h2 {\n    margin: 0;\n    color: var(--deep);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-weight: 500;\n    line-height: 1.06;\n  }\n\n  .zhc-hero h2 {\n    max-width: 780px;\n    font-size: clamp(40px, 7vw, 72px);\n  }\n\n  .zhc-hero h2 span {\n    display: block;\n    margin-top: 13px;\n    color: var(--deep-dark);\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: clamp(19px, 3vw, 30px);\n    line-height: 1.3;\n  }\n\n  .zhc-hero p,\n  .zhc-heading p,\n  .zhc-shades p,\n  .zhc-gift p,\n  .zhc-brand p,\n  .zhc-final p {\n    font-size: 17px;\n    line-height: 1.75;\n  }\n\n  .zhc-pills {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 23px;\n  }\n\n  .zhc-pills span {\n    padding: 11px 16px;\n    border: 1px solid rgba(255, 255, 255, 0.96);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.64);\n    backdrop-filter: blur(14px);\n    font-size: 13px;\n    font-weight: 700;\n  }\n\n  .zhc-hero-card {\n    position: absolute;\n    right: 38px;\n    bottom: 38px;\n    z-index: 2;\n    width: 240px;\n    padding: 23px;\n    border: 1px solid rgba(255, 255, 255, 0.96);\n    border-radius: 24px;\n    background: var(--glass);\n    backdrop-filter: blur(18px);\n    box-shadow: 0 18px 40px rgba(126, 69, 89, 0.13);\n  }\n\n  .zhc-hero-card strong {\n    display: block;\n    margin: 8px 0;\n    color: var(--deep);\n    font-size: 18px;\n  }\n\n  .zhc-hero-card p {\n    margin: 0;\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n  .zhc-star {\n    color: var(--deep);\n    font-size: 27px;\n  }\n\n  .zhc-offer {\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    gap: 20px;\n    align-items: center;\n    margin-bottom: 22px;\n    padding: 25px;\n    border: 1px solid rgba(255, 255, 255, 0.95);\n    border-radius: 26px;\n    background: linear-gradient(\n      120deg,\n      rgba(255, 241, 245, 0.98),\n      rgba(252, 213, 206, 0.87),\n      rgba(255, 202, 212, 0.82)\n    );\n    box-shadow: 0 18px 46px rgba(126, 69, 89, 0.12);\n  }\n\n  .zhc-offer-icon {\n    width: 72px;\n    height: 72px;\n    display: grid;\n    place-items: center;\n    border-radius: 22px;\n    background: rgba(255, 255, 255, 0.68);\n    color: var(--deep);\n    font-size: 30px;\n  }\n\n  .zhc-offer-content \u003e span {\n    color: var(--deep);\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 1.7px;\n  }\n\n  .zhc-offer h3 {\n    margin: 7px 0;\n    color: var(--deep);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(23px, 4vw, 34px);\n    font-weight: 500;\n  }\n\n  .zhc-offer p {\n    margin: 0;\n    line-height: 1.65;\n  }\n\n  .zhc-offer-badge {\n    padding: 13px 18px;\n    border-radius: 999px;\n    background: var(--deep);\n    color: #ffffff;\n    font-size: 12px;\n    font-weight: 800;\n    white-space: nowrap;\n  }\n\n  .zhc-heading {\n    max-width: 790px;\n    margin-bottom: 31px;\n  }\n\n  .zhc-heading h2,\n  .zhc-shades h2,\n  .zhc-gift h2,\n  .zhc-final h2 {\n    font-size: clamp(33px, 5vw, 54px);\n  }\n\n  .zhc-benefits {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 16px;\n    margin-bottom: 22px;\n  }\n\n  .zhc-card {\n    min-height: 250px;\n    padding: 25px;\n    border: 1px solid rgba(255, 255, 255, 0.95);\n    border-radius: 25px;\n    background: linear-gradient(\n      145deg,\n      rgba(255, 255, 255, 0.8),\n      rgba(250, 221, 225, 0.56)\n    );\n    backdrop-filter: blur(17px);\n    box-shadow: 0 15px 40px rgba(126, 69, 89, 0.1);\n    transition:\n      transform 0.3s ease,\n      box-shadow 0.3s ease;\n  }\n\n  .zhc-card:hover {\n    transform: translateY(-7px);\n    box-shadow: 0 23px 48px rgba(126, 69, 89, 0.17);\n  }\n\n  .zhc-card-icon {\n    width: 56px;\n    height: 56px;\n    display: grid;\n    place-items: center;\n    margin-bottom: 19px;\n    border-radius: 18px;\n    background: linear-gradient(135deg, var(--pink), var(--peach));\n    color: var(--deep);\n    font-size: 27px;\n  }\n\n  .zhc-card h3 {\n    margin: 0 0 10px;\n    color: var(--deep);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 27px;\n    font-weight: 500;\n  }\n\n  .zhc-card p {\n    margin: 0;\n    line-height: 1.65;\n  }\n\n  .zhc-steps {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 15px;\n  }\n\n  .zhc-step {\n    padding: 23px;\n    border: 1px solid rgba(255, 255, 255, 0.94);\n    border-radius: 23px;\n    background: rgba(255, 255, 255, 0.61);\n  }\n\n  .zhc-step b {\n    width: 45px;\n    height: 45px;\n    display: grid;\n    place-items: center;\n    border-radius: 15px;\n    background: var(--pink);\n    color: var(--deep);\n  }\n\n  .zhc-step h3 {\n    margin: 17px 0 8px;\n    color: var(--deep);\n    font-size: 21px;\n  }\n\n  .zhc-step p {\n    margin: 0;\n    line-height: 1.65;\n  }\n\n  .zhc-shades {\n    display: grid;\n    grid-template-columns: 0.78fr 1.22fr;\n    gap: 38px;\n    align-items: center;\n  }\n\n  .zhc-shade-note {\n    margin-top: 18px;\n    padding: 14px 16px;\n    border: 1px solid rgba(255, 255, 255, 0.93);\n    border-radius: 17px;\n    background: rgba(255, 255, 255, 0.56);\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n  .zhc-shade-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 17px;\n  }\n\n  .zhc-shade-card {\n    padding: 18px;\n    border: 1px solid rgba(255, 255, 255, 0.96);\n    border-radius: 25px;\n    background: rgba(255, 255, 255, 0.62);\n    box-shadow: 0 15px 35px rgba(126, 69, 89, 0.09);\n  }\n\n  .zhc-swatch {\n    width: 100%;\n    height: 140px;\n    margin-bottom: 16px;\n    border: 4px solid rgba(255, 255, 255, 0.84);\n    border-radius: 20px;\n    box-shadow:\n      inset 0 0 25px rgba(255, 255, 255, 0.1),\n      0 9px 20px rgba(66, 38, 47, 0.12);\n  }\n\n  .zhc-black {\n    background:\n      repeating-linear-gradient(\n        110deg,\n        transparent 0,\n        transparent 5px,\n        rgba(255, 255, 255, 0.04) 6px\n      ),\n      linear-gradient(135deg, #050505, #252525);\n  }\n\n  .zhc-dark-brown {\n    background:\n      repeating-linear-gradient(\n        110deg,\n        transparent 0,\n        transparent 5px,\n        rgba(255, 255, 255, 0.04) 6px\n      ),\n      linear-gradient(135deg, #21120F, #56372E);\n  }\n\n  .zhc-shade-info {\n    display: grid;\n    grid-template-columns: auto 1fr;\n    gap: 12px;\n    align-items: center;\n  }\n\n  .zhc-shade-info \u003e span {\n    width: 42px;\n    height: 42px;\n    display: grid;\n    place-items: center;\n    border-radius: 50%;\n    background: var(--pink);\n    color: var(--deep);\n    font-weight: 800;\n  }\n\n  .zhc-shade-info strong,\n  .zhc-shade-info small {\n    display: block;\n  }\n\n  .zhc-shade-info strong {\n    color: var(--deep);\n    font-size: 20px;\n  }\n\n  .zhc-shade-info small {\n    margin-top: 4px;\n    color: #716268;\n    line-height: 1.45;\n  }\n\n  .zhc-shade-features {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n    margin-top: 15px;\n  }\n\n  .zhc-shade-features span {\n    padding: 7px 10px;\n    border-radius: 999px;\n    background: rgba(255, 202, 212, 0.45);\n    color: var(--deep-dark);\n    font-size: 11px;\n    font-weight: 700;\n  }\n\n  .zhc-usecases {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 15px;\n  }\n\n  .zhc-usecases article {\n    padding: 23px;\n    border: 1px solid rgba(255, 255, 255, 0.94);\n    border-radius: 23px;\n    background: rgba(255, 255, 255, 0.59);\n  }\n\n  .zhc-usecases span {\n    color: var(--deep);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 1px;\n  }\n\n  .zhc-usecases h3 {\n    margin: 10px 0 8px;\n    color: var(--deep);\n  }\n\n  .zhc-usecases p {\n    margin: 0;\n    line-height: 1.65;\n  }\n\n  .zhc-gift {\n    display: grid;\n    grid-template-columns: 1fr 0.76fr;\n    gap: 35px;\n    align-items: center;\n  }\n\n  .zhc-gift-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 13px;\n  }\n\n  .zhc-gift-grid span {\n    min-height: 95px;\n    display: grid;\n    place-items: center;\n    padding: 17px;\n    border: 1px solid rgba(255, 255, 255, 0.95);\n    border-radius: 22px;\n    background: rgba(255, 255, 255, 0.61);\n    color: var(--deep);\n    font-weight: 800;\n    text-align: center;\n  }\n\n  .zhc-brand {\n    display: grid;\n    grid-template-columns: auto 1fr;\n    gap: 22px;\n    align-items: center;\n    margin-bottom: 22px;\n    padding: 29px;\n    border: 1px solid rgba(255, 255, 255, 0.94);\n    border-radius: 26px;\n    background: linear-gradient(135deg, var(--peach), var(--blush));\n  }\n\n  .zhc-brand-logo {\n    width: 88px;\n    height: 88px;\n    display: grid;\n    place-items: center;\n    border: 1px solid rgba(255, 255, 255, 0.96);\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.62);\n    color: var(--deep);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 42px;\n  }\n\n  .zhc-brand \u003e div:last-child \u003e span {\n    color: var(--deep);\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 2px;\n  }\n\n  .zhc-brand h2 {\n    margin-top: 7px;\n    font-size: clamp(28px, 4vw, 43px);\n  }\n\n  .zhc-brand p {\n    margin-bottom: 0;\n  }\n\n  .zhc-care {\n    display: grid;\n    grid-template-columns: auto 1fr;\n    gap: 18px;\n    align-items: start;\n    margin-bottom: 22px;\n    padding: 25px;\n    border: 1px solid rgba(255, 255, 255, 0.94);\n    border-radius: 24px;\n    background: linear-gradient(135deg, var(--peach), var(--blush));\n  }\n\n  .zhc-care-icon {\n    width: 58px;\n    height: 58px;\n    display: grid;\n    place-items: center;\n    border-radius: 18px;\n    background: rgba(255, 255, 255, 0.67);\n    color: var(--deep);\n    font-size: 30px;\n  }\n\n  .zhc-care h3 {\n    margin: 3px 0 8px;\n    color: var(--deep);\n  }\n\n  .zhc-care p {\n    margin: 0;\n    line-height: 1.7;\n  }\n\n  .zhc-final {\n    text-align: center;\n  }\n\n  .zhc-final p {\n    max-width: 780px;\n    margin: 18px auto;\n  }\n\n  .zhc-center {\n    justify-content: center;\n  }\n\n  .zhc-note {\n    max-width: 1020px;\n    margin: 13px auto 0;\n    color: #74656A;\n    font-size: 12px;\n    line-height: 1.65;\n    text-align: center;\n  }\n\n  .zhc-animate {\n    opacity: 0;\n    transform: translateY(24px);\n    transition:\n      opacity 0.7s ease,\n      transform 0.7s ease;\n  }\n\n  .zhc-animate.zhc-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  @media (max-width: 920px) {\n    .zhc-benefits,\n    .zhc-steps,\n    .zhc-usecases {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .zhc-shades,\n    .zhc-gift {\n      grid-template-columns: 1fr;\n    }\n\n    .zhc-hero {\n      display: block;\n      min-height: auto;\n    }\n\n    .zhc-hero-card {\n      position: relative;\n      right: auto;\n      bottom: auto;\n      width: 100%;\n      margin-top: 25px;\n    }\n  }\n\n  @media (max-width: 680px) {\n    .zhc-product {\n      padding: 7px;\n    }\n\n    .zhc-hero,\n    .zhc-section,\n    .zhc-shades,\n    .zhc-gift,\n    .zhc-final {\n      padding: 28px 20px;\n      border-radius: 23px;\n    }\n\n    .zhc-benefits,\n    .zhc-steps,\n    .zhc-usecases,\n    .zhc-shade-grid,\n    .zhc-gift-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .zhc-offer {\n      grid-template-columns: 1fr;\n      text-align: center;\n    }\n\n    .zhc-offer-icon {\n      margin: auto;\n    }\n\n    .zhc-offer-badge {\n      justify-self: center;\n    }\n\n    .zhc-card {\n      min-height: auto;\n      text-align: center;\n    }\n\n    .zhc-card-icon {\n      margin-right: auto;\n      margin-left: auto;\n    }\n\n    .zhc-brand,\n    .zhc-care {\n      grid-template-columns: 1fr;\n      text-align: center;\n    }\n\n    .zhc-brand-logo,\n    .zhc-care-icon {\n      margin: auto;\n    }\n\n    .zhc-swatch {\n      height: 115px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .zhc-animate {\n      opacity: 1;\n      transform: none;\n      transition: none;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (function () {\n    const sections = document.querySelectorAll(\n      \".zhc-product .zhc-animate\"\n    );\n\n    if (!(\"IntersectionObserver\" in window)) {\n      sections.forEach(function (section) {\n        section.classList.add(\"zhc-visible\");\n      });\n      return;\n    }\n\n    const observer = new IntersectionObserver(\n      function (entries) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add(\"zhc-visible\");\n            observer.unobserve(entry.target);\n          }\n        });\n      },\n      {\n        threshold: 0.1\n      }\n    );\n\n    sections.forEach(function (section) {\n      observer.observe(section);\n    });\n  })();\n\u003c\/script\u003e","brand":"Zereer","offers":[{"title":"Black","offer_id":43861076902001,"sku":"9819237918273","price":999.0,"currency_code":"PKR","in_stock":true},{"title":"Dark Brown","offer_id":43861076934769,"sku":"9819237918274","price":999.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/6621\/1185\/files\/ChatGPTImageAug4_2026_06_28_25PM_8.png?v=1785850131","url":"https:\/\/zereer.pk\/products\/imported-quick-hair-color-stick","provider":"Zereer","version":"1.0","type":"link"}