{"id":1526,"date":"2025-07-03T18:19:36","date_gmt":"2025-07-03T18:19:36","guid":{"rendered":"https:\/\/glownailyu.com\/?page_id=1526"},"modified":"2025-07-04T13:03:44","modified_gmt":"2025-07-04T13:03:44","slug":"customize","status":"publish","type":"page","link":"https:\/\/glownailyu.com\/da\/customize\/","title":{"rendered":"Customize"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1526\" class=\"elementor elementor-1526\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1961fe3d elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"1961fe3d\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-58e8d0a\" data-id=\"58e8d0a\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bb7e498 e-flex e-con-boxed e-con e-parent\" data-id=\"3bb7e498\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a0dc73b elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"1a0dc73b\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Customize<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-185898f elementor-invisible elementor-widget elementor-widget-woocommerce-breadcrumb\" data-id=\"185898f\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"woocommerce-breadcrumb.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav class=\"woocommerce-breadcrumb\" aria-label=\"Breadcrumb\" data-no-translation=\"\" data-trp-gettext=\"\">Forside<\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-b4dfb2c e-con-full e-flex e-con e-parent\" data-id=\"b4dfb2c\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b4037bf e-con-full e-flex e-con e-child\" data-id=\"b4037bf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e0fb4b elementor-widget elementor-widget-html\" data-id=\"3e0fb4b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"customize-page-container\">\r\n    <section class=\"customize-hero-section\" style=\"background-color: #f9f9f9;\">\r\n        <div class=\"customize-hero-content\">\r\n            <h1 class=\"playfair-display-font\">Create Your Signature Nail Art<\/h1>\r\n            <p class=\"hero-subtitle\">Design custom nail wraps that reflect your unique style with our easy-to-use customization tool<\/p>\r\n            <a href=\"#customize-tool\" class=\"cta-button\" style=\"background-color: #FF5C5C;\">Start Designing Now<\/a>\r\n        <\/div>\r\n        <div class=\"customize-hero-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/800x600\/f5e1e1\/FF5C5C?text=Custom+Nail+Designs\" alt=\"Custom nail art designs\" loading=\"lazy\">\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"customize-benefits-section\">\r\n        <div class=\"benefits-grid\">\r\n            <div class=\"benefit-card\">\r\n                <div class=\"benefit-icon\">\u2702\ufe0f<\/div>\r\n                <h3 class=\"playfair-display-font\">100% Customizable<\/h3>\r\n                <p>Choose from thousands of patterns, colors, and finishes to create your perfect design<\/p>\r\n            <\/div>\r\n            <div class=\"benefit-card\">\r\n                <div class=\"benefit-icon\">\ud83d\ude9a<\/div>\r\n                <h3 class=\"playfair-display-font\">Fast Production<\/h3>\r\n                <p>Your custom designs ship within 48 hours of ordering<\/p>\r\n            <\/div>\r\n            <div class=\"benefit-card\">\r\n                <div class=\"benefit-icon\">\ud83d\udc8e<\/div>\r\n                <h3 class=\"playfair-display-font\">Premium Quality<\/h3>\r\n                <p>Salon-grade materials that last 2-3 weeks with proper application<\/p>\r\n            <\/div>\r\n            <div class=\"benefit-card\">\r\n                <div class=\"benefit-icon\">\ud83d\ude0a<\/div>\r\n                <h3 class=\"playfair-display-font\">Satisfaction Guaranteed<\/h3>\r\n                <p>30-day money back guarantee on all custom orders<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"customize-tool\" class=\"customize-tool-section\">\r\n        <h2 class=\"section-title playfair-display-font\">Design Your Nail Wraps<\/h2>\r\n        <div class=\"customize-tool-container\">\r\n            <div class=\"design-preview\">\r\n                <div class=\"nail-preview\">\r\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x300\/f5e1e1\/FF5C5C?text=Your+Design\" alt=\"Nail design preview\" id=\"nail-preview-image\" loading=\"lazy\">\r\n                <\/div>\r\n                <div class=\"design-actions\">\r\n                    <button class=\"save-design\" style=\"background-color: #FF5C5C;\">Save Design<\/button>\r\n                    <button class=\"share-design\">Share<\/button>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"design-options\">\r\n                <div class=\"option-tabs\">\r\n                    <button class=\"option-tab active\" data-tab=\"base\">Base Color<\/button>\r\n                    <button class=\"option-tab\" data-tab=\"pattern\">Patterns<\/button>\r\n                    <button class=\"option-tab\" data-tab=\"accents\">Accents<\/button>\r\n                    <button class=\"option-tab\" data-tab=\"text\">Text<\/button>\r\n                <\/div>\r\n                <div class=\"option-content\">\r\n                    <div class=\"option-panel active\" id=\"base-panel\">\r\n                        <div class=\"color-options\">\r\n                            <div class=\"color-option\" style=\"background-color: #FF5C5C;\" data-color=\"#FF5C5C\"><\/div>\r\n                            <div class=\"color-option\" style=\"background-color: #000000;\" data-color=\"#000000\"><\/div>\r\n                            <div class=\"color-option\" style=\"background-color: #FFFFFF;\" data-color=\"#FFFFFF\"><\/div>\r\n                            <div class=\"color-option\" style=\"background-color: #FFD700;\" data-color=\"#FFD700\"><\/div>\r\n                            <div class=\"color-option\" style=\"background-color: #C0C0C0;\" data-color=\"#C0C0C0\"><\/div>\r\n                            <div class=\"color-option\" style=\"background-color: #800080;\" data-color=\"#800080\"><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"option-panel\" id=\"pattern-panel\">\r\n                        <div class=\"pattern-options\">\r\n                            <div class=\"pattern-option\" data-pattern=\"floral\">\r\n                                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x100\/f5e1e1\/FF5C5C?text=Floral\" alt=\"Floral pattern\" loading=\"lazy\">\r\n                            <\/div>\r\n                            <div class=\"pattern-option\" data-pattern=\"geometric\">\r\n                                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x100\/f5e1e1\/FF5C5C?text=Geometric\" alt=\"Geometric pattern\" loading=\"lazy\">\r\n                            <\/div>\r\n                            <div class=\"pattern-option\" data-pattern=\"marble\">\r\n                                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x100\/f5e1e1\/FF5C5C?text=Marble\" alt=\"Marble pattern\" loading=\"lazy\">\r\n                            <\/div>\r\n                            <div class=\"pattern-option\" data-pattern=\"animal\">\r\n                                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x100\/f5e1e1\/FF5C5C?text=Animal\" alt=\"Animal print\" loading=\"lazy\">\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"option-panel\" id=\"accents-panel\">\r\n                        <div class=\"accent-options\">\r\n                            <div class=\"accent-option\" data-accent=\"glitter\">\r\n                                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x100\/f5e1e1\/FF5C5C?text=Glitter\" alt=\"Glitter accent\" loading=\"lazy\">\r\n                                <span>Glitter<\/span>\r\n                            <\/div>\r\n                            <div class=\"accent-option\" data-accent=\"foil\">\r\n                                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x100\/f5e1e1\/FF5C5C?text=Foil\" alt=\"Foil accent\" loading=\"lazy\">\r\n                                <span>Foil<\/span>\r\n                            <\/div>\r\n                            <div class=\"accent-option\" data-accent=\"pearl\">\r\n                                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/100x100\/f5e1e1\/FF5C5C?text=Pearl\" alt=\"Pearl accent\" loading=\"lazy\">\r\n                                <span>Pearl<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"option-panel\" id=\"text-panel\">\r\n                        <div class=\"text-options\">\r\n                            <input type=\"text\" placeholder=\"Enter your text\" id=\"custom-text\">\r\n                            <div class=\"font-options\">\r\n                                <button class=\"font-option\" data-font=\"sans-serif\">Modern<\/button>\r\n                                <button class=\"font-option\" data-font=\"serif\">Classic<\/button>\r\n                                <button class=\"font-option\" data-font=\"cursive\">Elegant<\/button>\r\n                            <\/div>\r\n                            <div class=\"color-options\">\r\n                                <div class=\"color-option small\" style=\"background-color: #000000;\" data-color=\"#000000\"><\/div>\r\n                                <div class=\"color-option small\" style=\"background-color: #FFFFFF;\" data-color=\"#FFFFFF\"><\/div>\r\n                                <div class=\"color-option small\" style=\"background-color: #FF5C5C;\" data-color=\"#FF5C5C\"><\/div>\r\n                                <div class=\"color-option small\" style=\"background-color: #FFD700;\" data-color=\"#FFD700\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"design-summary\">\r\n                    <h3 class=\"playfair-display-font\">Your Design Summary<\/h3>\r\n                    <div class=\"summary-details\">\r\n                        <p>Base: <span id=\"summary-base\">Solid Color<\/span><\/p>\r\n                        <p>Pattern: <span id=\"summary-pattern\">None<\/span><\/p>\r\n                        <p>Accents: <span id=\"summary-accents\">None<\/span><\/p>\r\n                        <p>Text: <span id=\"summary-text\">None<\/span><\/p>\r\n                    <\/div>\r\n                    <div class=\"price-container\">\r\n                        <p class=\"price\">$49.99<\/p>\r\n                        <p class=\"shipping-note\">Free shipping on orders $50+<\/p>\r\n                    <\/div>\r\n                    <button class=\"add-to-cart\" style=\"background-color: #FF5C5C;\">Add to Cart<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"customize-gallery-section\">\r\n        <h2 class=\"section-title playfair-display-font\">Inspiration Gallery<\/h2>\r\n        <p class=\"section-subtitle\">Browse popular custom designs created by our community<\/p>\r\n        <div class=\"gallery-grid\">\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x300\/f5e1e1\/FF5C5C?text=Floral+Design\" alt=\"Floral nail design\" loading=\"lazy\">\r\n                <div class=\"gallery-overlay\">\r\n                    <button class=\"use-design\" style=\"background-color: #FF5C5C;\">Use This Design<\/button>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x300\/f5e1e1\/FF5C5C?text=Geometric+Design\" alt=\"Geometric nail design\" loading=\"lazy\">\r\n                <div class=\"gallery-overlay\">\r\n                    <button class=\"use-design\" style=\"background-color: #FF5C5C;\">Use This Design<\/button>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x300\/f5e1e1\/FF5C5C?text=Ombre+Design\" alt=\"Ombre nail design\" loading=\"lazy\">\r\n                <div class=\"gallery-overlay\">\r\n                    <button class=\"use-design\" style=\"background-color: #FF5C5C;\">Use This Design<\/button>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"gallery-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x300\/f5e1e1\/FF5C5C?text=Marble+Design\" alt=\"Marble nail design\" loading=\"lazy\">\r\n                <div class=\"gallery-overlay\">\r\n                    <button class=\"use-design\" style=\"background-color: #FF5C5C;\">Use This Design<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"customize-testimonials\">\r\n        <h2 class=\"section-title playfair-display-font\">What Our Customers Say<\/h2>\r\n        <div class=\"testimonials-grid\">\r\n            <div class=\"testimonial-card\">\r\n                <div class=\"testimonial-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                <p class=\"testimonial-text\">\"I created custom nail wraps for my bridal party and they were absolutely stunning! The quality exceeded my expectations.\"<\/p>\r\n                <p class=\"testimonial-author\">- Sarah J.<\/p>\r\n            <\/div>\r\n            <div class=\"testimonial-card\">\r\n                <div class=\"testimonial-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                <p class=\"testimonial-text\">\"The customization tool is so easy to use. I was able to design nails that matched my outfit perfectly for a special event.\"<\/p>\r\n                <p class=\"testimonial-author\">- Emily R.<\/p>\r\n            <\/div>\r\n            <div class=\"testimonial-card\">\r\n                <div class=\"testimonial-rating\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                <p class=\"testimonial-text\">\"As a nail artist, I love creating custom designs for my clients. The prints are always high quality and last weeks.\"<\/p>\r\n                <p class=\"testimonial-author\">- Jessica T.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"customize-faq\">\r\n        <h2 class=\"section-title playfair-display-font\">Frequently Asked Questions<\/h2>\r\n        <div class=\"faq-accordion\">\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-question\">How does the customization process work?<span class=\"faq-toggle\">+<\/span><\/button>\r\n                <div class=\"faq-answer\">\r\n                    <p>Our customization tool allows you to select base colors, patterns, accents, and even add text to create your perfect nail design. Once you're happy with your creation, simply add it to your cart and we'll print and ship your custom nail wraps within 48 hours.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-question\">How long do custom nail wraps take to arrive?<span class=\"faq-toggle\">+<\/span><\/button>\r\n                <div class=\"faq-answer\">\r\n                    <p>Custom designs typically ship within 48 hours of ordering. Delivery times then depend on your location and selected shipping method. Most US orders arrive within 3-5 business days after shipping.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-question\">Can I save my designs to order later?<span class=\"faq-toggle\">+<\/span><\/button>\r\n                <div class=\"faq-answer\">\r\n                    <p>Yes! You can save your designs to your account and come back to order them anytime. We'll store all your design details so you can easily reorder your favorite looks.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"faq-item\">\r\n                <button class=\"faq-question\">What if I'm not happy with my custom design?<span class=\"faq-toggle\">+<\/span><\/button>\r\n                <div class=\"faq-answer\">\r\n                    <p>We offer a 30-day satisfaction guarantee on all custom orders. If you're not completely happy with your design, we'll either reprint it or refund your purchase.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"customize-cta\" style=\"background-color: #FF5C5C;\">\r\n        <div class=\"cta-content\">\r\n            <h2 class=\"playfair-display-font\">Ready to Create Your Perfect Nails?<\/h2>\r\n            <p>Design custom nail wraps that are uniquely you<\/p>\r\n            <a href=\"#customize-tool\" class=\"cta-button\">Start Designing Now<\/a>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n\/* Base Styles *\/\r\n.playfair-display-font {\r\n    font-family: 'Playfair Display', serif;\r\n}\r\n\r\n.customize-page-container {\r\n    font-family: serif;\r\n    color: #333;\r\n    line-height: 1.6;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 15px;\r\n}\r\n\r\n\/* Hero Section *\/\r\n.customize-hero-section {\r\n    display: flex;\r\n    flex-direction: column-reverse;\r\n    align-items: center;\r\n    padding: 40px 20px;\r\n    gap: 30px;\r\n}\r\n\r\n.customize-hero-content {\r\n    text-align: center;\r\n    max-width: 600px;\r\n}\r\n\r\n.customize-hero-content h1 {\r\n    font-size: 2.5rem;\r\n    margin-bottom: 15px;\r\n    color: #222;\r\n}\r\n\r\n.hero-subtitle {\r\n    font-size: 1.1rem;\r\n    margin-bottom: 25px;\r\n    color: #555;\r\n}\r\n\r\n.cta-button {\r\n    display: inline-block;\r\n    padding: 12px 30px;\r\n    color: white;\r\n    text-decoration: none;\r\n    border-radius: 30px;\r\n    font-weight: bold;\r\n    transition: all 0.3s ease;\r\n    border: none;\r\n    cursor: pointer;\r\n}\r\n\r\n.cta-button:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n}\r\n\r\n.customize-hero-image img {\r\n    width: 100%;\r\n    max-width: 600px;\r\n    height: auto;\r\n    border-radius: 8px;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* Benefits Section *\/\r\n.customize-benefits-section {\r\n    padding: 60px 20px;\r\n    background-color: #f9f9f9;\r\n    margin: 40px 0;\r\n}\r\n\r\n.benefits-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n    gap: 30px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.benefit-card {\r\n    background: white;\r\n    padding: 30px;\r\n    border-radius: 8px;\r\n    text-align: center;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.benefit-card:hover {\r\n    transform: translateY(-10px);\r\n}\r\n\r\n.benefit-icon {\r\n    font-size: 2.5rem;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.benefit-card h3 {\r\n    margin-bottom: 15px;\r\n    font-size: 1.4rem;\r\n}\r\n\r\n\/* Customize Tool Section *\/\r\n.customize-tool-section {\r\n    padding: 60px 20px;\r\n}\r\n\r\n.section-title {\r\n    text-align: center;\r\n    font-size: 2.2rem;\r\n    margin-bottom: 15px;\r\n    color: #222;\r\n}\r\n\r\n.section-subtitle {\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n    color: #555;\r\n}\r\n\r\n.customize-tool-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 30px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.design-preview {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 20px;\r\n}\r\n\r\n.nail-preview {\r\n    width: 300px;\r\n    height: 300px;\r\n    border: 1px solid #eee;\r\n    border-radius: 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: #f9f9f9;\r\n}\r\n\r\n.nail-preview img {\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n}\r\n\r\n.design-actions {\r\n    display: flex;\r\n    gap: 15px;\r\n}\r\n\r\n.design-actions button {\r\n    padding: 10px 20px;\r\n    border-radius: 30px;\r\n    border: 1px solid #ddd;\r\n    background: white;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.design-actions button:hover {\r\n    background: #f5f5f5;\r\n}\r\n\r\n.design-options {\r\n    background: white;\r\n    border-radius: 8px;\r\n    padding: 20px;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n}\r\n\r\n.option-tabs {\r\n    display: flex;\r\n    gap: 10px;\r\n    margin-bottom: 20px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.option-tab {\r\n    padding: 10px 20px;\r\n    border: none;\r\n    background: #f5f5f5;\r\n    border-radius: 30px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.option-tab.active {\r\n    background-color: #FF5C5C;\r\n    color: white;\r\n}\r\n\r\n.option-tab:hover:not(.active) {\r\n    background: #e0e0e0;\r\n}\r\n\r\n.option-panel {\r\n    display: none;\r\n}\r\n\r\n.option-panel.active {\r\n    display: block;\r\n}\r\n\r\n.color-options {\r\n    display: flex;\r\n    gap: 15px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.color-option {\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    border: 2px solid transparent;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.color-option:hover, .color-option.selected {\r\n    border-color: #333;\r\n    transform: scale(1.1);\r\n}\r\n\r\n.color-option.small {\r\n    width: 30px;\r\n    height: 30px;\r\n}\r\n\r\n.pattern-options, .accent-options {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n    gap: 15px;\r\n}\r\n\r\n.pattern-option, .accent-option {\r\n    cursor: pointer;\r\n    text-align: center;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.pattern-option img, .accent-option img {\r\n    width: 100%;\r\n    height: auto;\r\n    border-radius: 8px;\r\n    border: 2px solid transparent;\r\n}\r\n\r\n.pattern-option:hover img, .accent-option:hover img,\r\n.pattern-option.selected img, .accent-option.selected img {\r\n    border-color: #FF5C5C;\r\n}\r\n\r\n.text-options {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n}\r\n\r\n.text-options input {\r\n    padding: 10px 15px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 8px;\r\n    font-size: 1rem;\r\n}\r\n\r\n.font-options {\r\n    display: flex;\r\n    gap: 10px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.font-option {\r\n    padding: 8px 15px;\r\n    background: #f5f5f5;\r\n    border: none;\r\n    border-radius: 30px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.font-option:hover, .font-option.active {\r\n    background-color: #FF5C5C;\r\n    color: white;\r\n}\r\n\r\n.design-summary {\r\n    background: white;\r\n    border-radius: 8px;\r\n    padding: 20px;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n    margin-top: 20px;\r\n}\r\n\r\n.design-summary h3 {\r\n    margin-bottom: 15px;\r\n    font-size: 1.4rem;\r\n}\r\n\r\n.summary-details p {\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.price-container {\r\n    margin: 20px 0;\r\n}\r\n\r\n.price {\r\n    font-size: 1.8rem;\r\n    font-weight: bold;\r\n    color: #FF5C5C;\r\n}\r\n\r\n.shipping-note {\r\n    font-size: 0.9rem;\r\n    color: #666;\r\n}\r\n\r\n.add-to-cart {\r\n    width: 100%;\r\n    padding: 15px;\r\n    border: none;\r\n    border-radius: 8px;\r\n    color: white;\r\n    font-weight: bold;\r\n    font-size: 1.1rem;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.add-to-cart:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* Gallery Section *\/\r\n.customize-gallery-section {\r\n    padding: 60px 20px;\r\n    background-color: #f9f9f9;\r\n}\r\n\r\n.gallery-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n    gap: 20px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.gallery-item {\r\n    position: relative;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n}\r\n\r\n.gallery-item img {\r\n    width: 100%;\r\n    height: auto;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.gallery-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: rgba(0,0,0,0.5);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n}\r\n\r\n.gallery-item:hover .gallery-overlay {\r\n    opacity: 1;\r\n}\r\n\r\n.gallery-item:hover img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n.use-design {\r\n    padding: 10px 20px;\r\n    border: none;\r\n    border-radius: 30px;\r\n    color: white;\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.use-design:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* Testimonials Section *\/\r\n.customize-testimonials {\r\n    padding: 60px 20px;\r\n}\r\n\r\n.testimonials-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    gap: 30px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.testimonial-card {\r\n    background: white;\r\n    padding: 30px;\r\n    border-radius: 8px;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n}\r\n\r\n.testimonial-rating {\r\n    color: #FFD700;\r\n    font-size: 1.2rem;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.testimonial-text {\r\n    font-style: italic;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.testimonial-author {\r\n    font-weight: bold;\r\n    color: #555;\r\n}\r\n\r\n\/* FAQ Section *\/\r\n.customize-faq {\r\n    padding: 60px 20px;\r\n    background-color: #f9f9f9;\r\n}\r\n\r\n.faq-accordion {\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.faq-item {\r\n    margin-bottom: 15px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n}\r\n\r\n.faq-question {\r\n    width: 100%;\r\n    padding: 15px 20px;\r\n    text-align: left;\r\n    background: white;\r\n    border: none;\r\n    cursor: pointer;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    font-weight: bold;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.faq-question:hover {\r\n    background: #f5f5f5;\r\n}\r\n\r\n.faq-toggle {\r\n    font-size: 1.5rem;\r\n}\r\n\r\n.faq-answer {\r\n    padding: 0 20px;\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.3s ease;\r\n    background: white;\r\n}\r\n\r\n.faq-answer p {\r\n    padding: 15px 0;\r\n}\r\n\r\n.faq-item.active .faq-answer {\r\n    max-height: 300px;\r\n}\r\n\r\n.faq-item.active .faq-toggle {\r\n    transform: rotate(45deg);\r\n}\r\n\r\n\/* CTA Section *\/\r\n.customize-cta {\r\n    padding: 60px 20px;\r\n    color: white;\r\n    text-align: center;\r\n    border-radius: 8px;\r\n    margin: 40px 0;\r\n}\r\n\r\n.cta-content h2 {\r\n    margin-bottom: 15px;\r\n    font-size: 2.2rem;\r\n}\r\n\r\n.cta-content p {\r\n    margin-bottom: 25px;\r\n    font-size: 1.1rem;\r\n}\r\n\r\n\/* Responsive Styles *\/\r\n@media (min-width: 768px) {\r\n    .customize-hero-section {\r\n        flex-direction: row;\r\n        justify-content: space-between;\r\n        padding: 60px 40px;\r\n    }\r\n    \r\n    .customize-hero-content {\r\n        text-align: left;\r\n        max-width: 50%;\r\n    }\r\n    \r\n    .customize-tool-container {\r\n        flex-direction: row;\r\n    }\r\n    \r\n    .design-options {\r\n        flex: 1;\r\n    }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n    .customize-page-container {\r\n        padding: 0 40px;\r\n    }\r\n    \r\n    .customize-hero-content h1 {\r\n        font-size: 3rem;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 2.5rem;\r\n    }\r\n}\r\n\r\n\/* Micro-interactions and Accessibility *\/\r\nbutton:focus, input:focus, [tabindex=\"0\"]:focus {\r\n    outline: 2px solid #FF5C5C;\r\n    outline-offset: 2px;\r\n}\r\n\r\n\/* Performance optimizations *\/\r\nimg {\r\n    max-width: 100%;\r\n    height: auto;\r\n}\r\n\r\n\/* Structured data for SEO *\/\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"WebPage\",\r\n  \"name\": \"Custom Nail Art Designer\",\r\n  \"description\": \"Create your own custom nail wraps with our easy-to-use design tool. Choose from colors, patterns, and accents to design nails that are uniquely you.\",\r\n  \"publisher\": {\r\n    \"@type\": \"Organization\",\r\n    \"name\": \"Your Brand Name\",\r\n    \"logo\": {\r\n      \"@type\": \"ImageObject\",\r\n      \"url\": \"https:\/\/yourwebsite.com\/logo.png\"\r\n    }\r\n  }\r\n}\r\n<\/script>\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ Tab functionality\r\n    const tabs = document.querySelectorAll('.option-tab');\r\n    tabs.forEach(tab => {\r\n        tab.addEventListener('click', () => {\r\n            tabs.forEach(t => t.classList.remove('active'));\r\n            tab.classList.add('active');\r\n            \r\n            const panelId = tab.getAttribute('data-tab') + '-panel';\r\n            document.querySelectorAll('.option-panel').forEach(panel => {\r\n                panel.classList.remove('active');\r\n            });\r\n            document.getElementById(panelId).classList.add('active');\r\n        });\r\n    });\r\n    \r\n    \/\/ Color selection\r\n    const colorOptions = document.querySelectorAll('.color-option');\r\n    colorOptions.forEach(option => {\r\n        option.addEventListener('click', () => {\r\n            colorOptions.forEach(opt => opt.classList.remove('selected'));\r\n            option.classList.add('selected');\r\n            const color = option.getAttribute('data-color');\r\n            document.getElementById('nail-preview-image').style.backgroundColor = color;\r\n            document.getElementById('summary-base').textContent = color;\r\n        });\r\n    });\r\n    \r\n    \/\/ Pattern selection\r\n    const patternOptions = document.querySelectorAll('.pattern-option');\r\n    patternOptions.forEach(option => {\r\n        option.addEventListener('click', () => {\r\n            patternOptions.forEach(opt => opt.classList.remove('selected'));\r\n            option.classList.add('selected');\r\n            const pattern = option.getAttribute('data-pattern');\r\n            document.getElementById('summary-pattern').textContent = pattern.charAt(0).toUpperCase() + pattern.slice(1);\r\n            \/\/ In a real implementation, you would update the preview image\r\n        });\r\n    });\r\n    \r\n    \/\/ Accent selection\r\n    const accentOptions = document.querySelectorAll('.accent-option');\r\n    accentOptions.forEach(option => {\r\n        option.addEventListener('click', () => {\r\n            accentOptions.forEach(opt => opt.classList.remove('selected'));\r\n            option.classList.add('selected');\r\n            const accent = option.getAttribute('data-accent');\r\n            document.getElementById('summary-accents').textContent = accent.charAt(0).toUpperCase() + accent.slice(1);\r\n        });\r\n    });\r\n    \r\n    \/\/ Font selection\r\n    const fontOptions = document.querySelectorAll('.font-option');\r\n    fontOptions.forEach(option => {\r\n        option.addEventListener('click', () => {\r\n            fontOptions.forEach(opt => opt.classList.remove('active'));\r\n            option.classList.add('active');\r\n        });\r\n    });\r\n    \r\n    \/\/ Text input\r\n    const textInput = document.getElementById('custom-text');\r\n    textInput.addEventListener('input', () => {\r\n        document.getElementById('summary-text').textContent = textInput.value || 'None';\r\n    });\r\n    \r\n    \/\/ FAQ accordion\r\n    const faqQuestions = document.querySelectorAll('.faq-question');\r\n    faqQuestions.forEach(question => {\r\n        question.addEventListener('click', () => {\r\n            const item = question.parentElement;\r\n            item.classList.toggle('active');\r\n        });\r\n    });\r\n    \r\n    \/\/ Gallery \"Use This Design\" buttons\r\n    const useDesignButtons = document.querySelectorAll('.use-design');\r\n    useDesignButtons.forEach(button => {\r\n        button.addEventListener('click', (e) => {\r\n            e.stopPropagation();\r\n            \/\/ In a real implementation, this would load the design into the editor\r\n            alert('This design would be loaded into the editor in the full implementation');\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Create Your Signature Nail Art Design custom nail wraps that reflect your unique style with our easy-to-use customization tool Start Designing Now \u2702\ufe0f 100% Customizable Choose from thousands of patterns, colors, and finishes to create your perfect design \ud83d\ude9a Fast Production Your custom designs ship within 48 hours of ordering \ud83d\udc8e Premium Quality Salon-grade materials&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"default","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-1526","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/glownailyu.com\/da\/wp-json\/wp\/v2\/pages\/1526","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/glownailyu.com\/da\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/glownailyu.com\/da\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/glownailyu.com\/da\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/glownailyu.com\/da\/wp-json\/wp\/v2\/comments?post=1526"}],"version-history":[{"count":0,"href":"https:\/\/glownailyu.com\/da\/wp-json\/wp\/v2\/pages\/1526\/revisions"}],"wp:attachment":[{"href":"https:\/\/glownailyu.com\/da\/wp-json\/wp\/v2\/media?parent=1526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}