{"product_id":"hiskin®-lipstick-dust-protective-case","title":"Hiskin® Lipstick Dust-Protective Case","description":"\u003cstyle\u003e\n  .hiskin-product-page {\n    --cream: #FFFDFC;\n    --beige: #FBF3EC;\n    --champagne: #E8CDB5;\n    --gold: #C9A27F;\n    --brown: #8B6A58;\n    --dark: #604438;\n    position: relative;\n    overflow: hidden;\n    padding: 34px 16px 70px;\n    background:\n      radial-gradient(circle at 8% 12%, rgba(232,205,181,.25), transparent 27%),\n      radial-gradient(circle at 92% 42%, rgba(255,241,226,.8), transparent 30%),\n      linear-gradient(180deg, #FFFDFC 0%, #FBF3EC 52%, #FFFDFC 100%);\n    color: var(--dark);\n    font-family: inherit;\n  }\n\n  .hiskin-product-page::before {\n    content: \"\";\n    position: absolute;\n    top: 4%;\n    left: -15%;\n    width: 42%;\n    height: 18%;\n    background: linear-gradient(110deg, transparent, rgba(255,255,255,.9), transparent);\n    transform: rotate(-12deg);\n    filter: blur(18px);\n    animation: hiskin-shine 8s ease-in-out infinite;\n    pointer-events: none;\n  }\n\n  .hiskin-product-wrap {\n    position: relative;\n    z-index: 1;\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .hiskin-image-slot {\n    position: relative;\n    min-height: 300px;\n    margin: 0 auto 48px;\n    overflow: hidden;\n    background: linear-gradient(135deg, #FFFDFC, #F4E5D8);\n    border: 1px solid rgba(201,162,127,.38);\n    border-radius: 28px;\n    box-shadow: 0 18px 45px rgba(139,106,88,.12);\n  }\n\n  .hiskin-image-slot img {\n    width: 100%;\n    height: 100%;\n    min-height: 300px;\n    display: block;\n    object-fit: cover;\n  }\n\n  .hiskin-image-slot img[src=\"\"] {\n    display: none;\n  }\n\n  .hiskin-hero {\n    padding: 76px 34px 66px;\n    text-align: center;\n  }\n\n  .hiskin-eyebrow {\n    margin-bottom: 14px;\n    color: var(--gold);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: .2em;\n    text-transform: uppercase;\n  }\n\n  .hiskin-hero h1 {\n    max-width: 820px;\n    margin: 0 auto 20px;\n    color: var(--dark);\n    font-size: clamp(34px, 6vw, 70px);\n    line-height: 1.04;\n    letter-spacing: -.04em;\n  }\n\n  .hiskin-hero h1 span {\n    color: var(--gold);\n    text-shadow: 0 0 22px rgba(201,162,127,.35);\n  }\n\n  .hiskin-hero p {\n    max-width: 680px;\n    margin: 0 auto;\n    color: var(--brown);\n    font-size: 16px;\n    line-height: 1.85;\n  }\n\n  .hiskin-divider {\n    width: 76px;\n    height: 1px;\n    margin: 28px auto 0;\n    background: linear-gradient(90deg, transparent, var(--gold), transparent);\n    box-shadow: 0 0 12px rgba(201,162,127,.75);\n  }\n\n  .hiskin-intro {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 46px;\n    align-items: center;\n    padding: 24px 0 62px;\n  }\n\n  .hiskin-section-label {\n    margin-bottom: 12px;\n    color: var(--gold);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: .16em;\n    text-transform: uppercase;\n  }\n\n  .hiskin-intro h2,\n  .hiskin-features h2,\n  .hiskin-how h2 {\n    margin: 0 0 18px;\n    color: var(--dark);\n    font-size: clamp(28px, 4vw, 44px);\n    line-height: 1.15;\n  }\n\n  .hiskin-intro p {\n    margin: 0 0 18px;\n    color: var(--brown);\n    font-size: 15px;\n    line-height: 1.9;\n  }\n\n  .hiskin-glow-card {\n    position: relative;\n    padding: 34px;\n    background: rgba(255,255,255,.66);\n    border: 1px solid rgba(201,162,127,.38);\n    border-radius: 24px;\n    box-shadow: 0 18px 44px rgba(139,106,88,.1);\n  }\n\n  .hiskin-glow-card::before {\n    content: \"\";\n    position: absolute;\n    inset: -1px;\n    z-index: -1;\n    border-radius: inherit;\n    background: linear-gradient(120deg, transparent, rgba(255,255,255,.95), transparent);\n    opacity: .7;\n    animation: hiskin-card-glow 6s ease-in-out infinite;\n  }\n\n  .hiskin-features {\n    padding: 62px 0;\n    text-align: center;\n  }\n\n  .hiskin-features \u003e p {\n    max-width: 650px;\n    margin: 0 auto 30px;\n    color: var(--brown);\n    line-height: 1.8;\n  }\n\n  .hiskin-feature-grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 14px;\n    text-align: left;\n  }\n\n  .hiskin-feature {\n    min-height: 160px;\n    padding: 22px 18px;\n    background: rgba(255,255,255,.65);\n    border: 1px solid rgba(201,162,127,.35);\n    border-radius: 18px;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n\n  .hiskin-feature:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 15px 32px rgba(139,106,88,.14);\n  }\n\n  .hiskin-feature-icon {\n    margin-bottom: 14px;\n    color: var(--gold);\n    font-size: 22px;\n    text-shadow: 0 0 12px rgba(201,162,127,.8);\n  }\n\n  .hiskin-feature h3 {\n    margin: 0 0 9px;\n    color: var(--dark);\n    font-size: 15px;\n    line-height: 1.35;\n  }\n\n  .hiskin-feature p {\n    margin: 0;\n    color: var(--brown);\n    font-size: 13px;\n    line-height: 1.65;\n  }\n\n  .hiskin-how {\n    padding: 62px 0 34px;\n  }\n\n  .hiskin-how-header {\n    max-width: 650px;\n    margin-bottom: 28px;\n  }\n\n  .hiskin-steps {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n  }\n\n  .hiskin-step {\n    padding: 24px 20px;\n    background: rgba(255,255,255,.68);\n    border-left: 2px solid var(--gold);\n    border-radius: 0 18px 18px 0;\n  }\n\n  .hiskin-step-number {\n    margin-bottom: 12px;\n    color: var(--gold);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: .16em;\n  }\n\n  .hiskin-step p {\n    margin: 0;\n    color: var(--brown);\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .hiskin-bottom-note {\n    padding: 38px 24px;\n    text-align: center;\n    color: var(--brown);\n    font-size: 14px;\n    line-height: 1.8;\n  }\n\n  @keyframes hiskin-shine {\n    0%, 25% { transform: translateX(-110%) rotate(-12deg); }\n    70%, 100% { transform: translateX(320%) rotate(-12deg); }\n  }\n\n  @keyframes hiskin-card-glow {\n    0%, 100% { opacity: .25; transform: translateX(-10%); }\n    50% { opacity: .9; transform: translateX(10%); }\n  }\n\n  @media (max-width: 900px) {\n    .hiskin-feature-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .hiskin-steps {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 700px) {\n    .hiskin-product-page {\n      padding: 20px 14px 44px;\n    }\n\n    .hiskin-image-slot,\n    .hiskin-image-slot img {\n      min-height: 220px;\n    }\n\n    .hiskin-hero {\n      padding: 48px 18px 42px;\n    }\n\n    .hiskin-intro {\n      grid-template-columns: 1fr;\n      gap: 24px;\n      padding-bottom: 42px;\n    }\n\n    .hiskin-glow-card {\n      padding: 24px;\n    }\n\n    .hiskin-feature-grid,\n    .hiskin-steps {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n  .hiskin-product-page,\n  .hiskin-product-page *,\n  .hiskin-product-page *::before,\n  .hiskin-product-page *::after {\n    box-sizing: border-box;\n  }\n\n  .hiskin-product-page {\n    width: 100%;\n    max-width: 100%;\n    overflow-x: hidden;\n  }\n\n  .hiskin-product-wrap {\n    width: 100%;\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .hiskin-feature-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n    gap: 14px;\n    width: 100%;\n  }\n\n  .hiskin-feature {\n    min-width: 0;\n    width: 100%;\n    overflow-wrap: anywhere;\n    word-break: normal;\n  }\n\n  .hiskin-feature h3,\n  .hiskin-feature p,\n  .hiskin-step p {\n    overflow-wrap: anywhere;\n    word-break: normal;\n  }\n\n  .hiskin-steps {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\n    gap: 16px;\n    width: 100%;\n  }\n\n  .hiskin-step {\n    min-width: 0;\n    width: 100%;\n    overflow-wrap: anywhere;\n  }\n\n  .hiskin-intro {\n    width: 100%;\n  }\n\n  .hiskin-image-slot {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  @media screen and (max-width: 760px) {\n    .hiskin-product-page {\n      padding-right: 12px;\n      padding-left: 12px;\n    }\n\n    .hiskin-feature-grid,\n    .hiskin-steps {\n      grid-template-columns: 1fr;\n    }\n\n    .hiskin-feature,\n    .hiskin-step {\n      min-height: auto;\n      width: 100%;\n    }\n\n    .hiskin-feature p,\n    .hiskin-step p {\n      font-size: 14px;\n      line-height: 1.75;\n    }\n  }\n\u003c\/style\u003e\u003cdiv class=\"hiskin-product-page\"\u003e\u003cdiv class=\"hiskin-product-wrap\"\u003e\n\u003cdiv class=\"hiskin-image-slot hiskin-top-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0843\/5780\/8387\/files\/2-yf-generated-node-s79tafjuxq.png?v=1791994546\" alt=\"\"\u003e\u003c\/div\u003e\n\u003csection class=\"hiskin-hero\"\u003e\u003cdiv class=\"hiskin-eyebrow\"\u003eHiskin® Beauty Collection\u003c\/div\u003e\n\u003ch1\u003eBeauty, \u003cspan\u003eBeautifully Defined\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp\u003eThoughtfully designed tools for precision, comfort, and a refined finish in every beauty routine.\u003c\/p\u003e\n\u003cdiv class=\"hiskin-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"hiskin-intro\"\u003e\u003cdiv\u003e\n\u003cdiv class=\"hiskin-section-label\"\u003eProduct Description\u003c\/div\u003e\n\u003ch2\u003eElevate Your Everyday Beauty Ritual\u003c\/h2\u003e\n\u003cp\u003eHiskin® Lipstick Dust-Protective Case\u003c\/p\u003e\n\u003cp\u003eHiskin® Lipstick Dust-Protective Case\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hiskin-glow-card\"\u003e\n\u003cp\u003eHiskin® Lipstick Dust-Protective Case\u003c\/p\u003e\n\u003cp\u003eEvery detail is designed to bring effortless organization, beautiful control, and a more polished experience to your routine.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"hiskin-image-slot hiskin-middle-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0843\/5780\/8387\/files\/3-yf-generated-node-xv9zss9hevd.png?v=1791994557\" alt=\"\"\u003e\u003c\/div\u003e\n\u003csection class=\"hiskin-features\"\u003e\u003cdiv class=\"hiskin-section-label\"\u003eKey Features\u003c\/div\u003e\n\u003ch2\u003eDesigned for a Refined Finish\u003c\/h2\u003e\n\u003cp\u003eEvery detail is created to make your beauty routine smoother, more comfortable, and beautifully precise.\u003c\/p\u003e\n\u003cdiv class=\"hiskin-feature-grid\"\u003e\u003c\/div\u003e\u003c\/section\u003e\u003csection class=\"hiskin-how\"\u003e\u003cdiv class=\"hiskin-how-header\"\u003e\n\u003cdiv class=\"hiskin-section-label\"\u003eInstructions\u003c\/div\u003e\n\u003ch2\u003eCreate Your Signature Look\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hiskin-steps\"\u003e\u003c\/div\u003e\u003c\/section\u003e\u003cdiv class=\"hiskin-image-slot hiskin-bottom-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0843\/5780\/8387\/files\/8-yf-generated-node-t06s96ontj.png?v=1791994614\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hiskin-bottom-note\"\u003eRefined tools. Effortless application. Your beauty, beautifully defined.\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"Hiskin®","offers":[{"title":"1 Piece","offer_id":67870977392855,"sku":null,"price":59.99,"currency_code":"USD","in_stock":true},{"title":"2 Pieces","offer_id":67870977425623,"sku":null,"price":89.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/0886\/8823\/files\/2-yf-generated-node-s79tafjuxq.png?v=1792858336","url":"https:\/\/lumerrarr.com\/products\/hiskin%c2%ae-lipstick-dust-protective-case","provider":"Dr.Era®","version":"1.0","type":"link"}