{"id":2853,"date":"2025-10-13T16:33:29","date_gmt":"2025-10-13T16:33:29","guid":{"rendered":"https:\/\/gracexport.com\/?page_id=2853"},"modified":"2026-03-02T17:03:28","modified_gmt":"2026-03-02T17:03:28","slug":"tools","status":"publish","type":"page","link":"https:\/\/gracexport.com\/fr\/tools\/","title":{"rendered":"Tools"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2853\" class=\"elementor elementor-2853\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc46afd e-con-full e-flex e-con e-parent\" data-id=\"dc46afd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1dad843 e-con-full e-flex e-con e-child\" data-id=\"1dad843\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a7f93f elementor-widget elementor-widget-html\" data-id=\"2a7f93f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Fonts & FontAwesome (Safe to load in Elementor HTML widget) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* ==========================================================================\r\n       STRICTLY SCOPED CSS FOR WORDPRESS\/ELEMENTOR COMPATIBILITY\r\n       Every rule is prefixed with #grace-retail-wrapper to prevent theme conflicts.\r\n       ========================================================================== *\/\r\n    \r\n    #grace-retail-wrapper {\r\n        --primary: #0B1B3D;    \r\n        --secondary: #C5A059;  \r\n        --text-dark: #333333;  \r\n        --text-light: #F8F9FA; \r\n        --bg-light: #F8F9FA;\r\n        --white: #FFFFFF;\r\n        --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n        \r\n        font-family: 'Lato', sans-serif; \r\n        color: var(--text-dark); \r\n        background-color: var(--bg-light); \r\n        line-height: 1.6; \r\n        overflow-x: hidden;\r\n        width: 100%;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Scoped Base Reset *\/\r\n    #grace-retail-wrapper *, \r\n    #grace-retail-wrapper *::before, \r\n    #grace-retail-wrapper *::after { \r\n        box-sizing: border-box; \r\n    }\r\n    \r\n    #grace-retail-wrapper h1, \r\n    #grace-retail-wrapper h2, \r\n    #grace-retail-wrapper h3, \r\n    #grace-retail-wrapper h4, \r\n    #grace-retail-wrapper h5 { \r\n        font-family: 'Playfair Display', serif; \r\n        margin: 0; \r\n        padding: 0; \r\n        color: inherit;\r\n    }\r\n    \r\n    #grace-retail-wrapper p, \r\n    #grace-retail-wrapper ul, \r\n    #grace-retail-wrapper li { \r\n        margin: 0; \r\n        padding: 0; \r\n        list-style: none; \r\n    }\r\n    \r\n    #grace-retail-wrapper a { \r\n        text-decoration: none; \r\n        color: inherit; \r\n        box-shadow: none; \r\n    }\r\n    \r\n    \/* Animations *\/\r\n    #grace-retail-wrapper .fade-in-up { opacity: 0; transform: translateY(40px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }\r\n    #grace-retail-wrapper .fade-in-up.visible { opacity: 1; transform: translateY(0); }\r\n\r\n    \/* Hero Section *\/\r\n    #grace-retail-wrapper .hero {\r\n        background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('https:\/\/images.unsplash.com\/photo-1441986300917-64674bd600d8?auto=format&fit=crop&q=80') center\/cover no-repeat;\r\n        background-color: #000;\r\n        position: relative; padding: 100px 5%; min-height: 80vh; display: flex; align-items: center; color: var(--white); overflow: hidden;\r\n    }\r\n    #grace-retail-wrapper .hero-content { position: relative; z-index: 2; max-width: 700px; }\r\n    #grace-retail-wrapper .hero-subtitle { color: var(--secondary); font-weight: 700; letter-spacing: 2px; margin-bottom: 15px; font-size: 0.9rem; }\r\n    #grace-retail-wrapper .hero h1 { font-size: 3.5rem; line-height: 1.2; margin-bottom: 15px; }\r\n    \r\n    \/* Breadcrumbs *\/\r\n    #grace-retail-wrapper .breadcrumbs-hero { margin-bottom: 25px; font-size: 0.95rem; display: flex; align-items: center; gap: 8px; font-family: 'Lato', sans-serif;}\r\n    #grace-retail-wrapper .breadcrumbs-hero a { color: var(--white); font-weight: 600; opacity: 0.8; transition: var(--transition);}\r\n    #grace-retail-wrapper .breadcrumbs-hero a:hover { color: var(--secondary); opacity: 1;}\r\n    #grace-retail-wrapper .breadcrumbs-hero span { color: rgba(255,255,255,0.5); }\r\n\r\n    #grace-retail-wrapper .hero p { color: var(--text-light); opacity: 0.9; margin-bottom: 40px; font-size: 1.1rem; }\r\n    \r\n    #grace-retail-wrapper .btn-group { display: flex; gap: 20px; flex-wrap: wrap; }\r\n    #grace-retail-wrapper .btn { padding: 15px 35px; border-radius: 4px; font-weight: 700; cursor: pointer; transition: var(--transition); text-transform: uppercase; letter-spacing: 1px; font-size: 0.9rem; display: inline-block; border: none; text-align: center; }\r\n    #grace-retail-wrapper .btn-primary { \r\n        background-color: var(--secondary); color: var(--white);\r\n        box-shadow: 0 0 0 0 rgba(197, 160, 89, 0.7); animation: grace-pulse-gold 2s infinite;\r\n    }\r\n    #grace-retail-wrapper .btn-primary:hover { background-color: #b08d4a; transform: translateY(-3px); color:var(--white); }\r\n    #grace-retail-wrapper .btn-outline { background: transparent; color: var(--white); border: 1px solid var(--white); }\r\n    #grace-retail-wrapper .btn-outline:hover { background: var(--white); color: var(--primary); }\r\n    \r\n    @keyframes grace-pulse-gold {\r\n        0% { box-shadow: 0 0 0 0 rgba(197, 160, 89, 0.7); }\r\n        70% { box-shadow: 0 0 0 15px rgba(197, 160, 89, 0); }\r\n        100% { box-shadow: 0 0 0 0 rgba(197, 160, 89, 0); }\r\n    }\r\n\r\n    \/* Trust Bar & Marquee *\/\r\n    #grace-retail-wrapper .trust-bar {\r\n        position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.6); backdrop-filter: blur(5px);\r\n        padding: 15px 5%; display: flex; align-items: center; justify-content: flex-start; z-index: 2; border-top: 1px solid rgba(255,255,255,0.1);\r\n    }\r\n    #grace-retail-wrapper .trust-bar > span { font-size: 0.85rem; color: #ddd; margin-right: 20px; white-space: nowrap; font-weight: bold; }\r\n    #grace-retail-wrapper .trust-logos { display: flex; gap: 25px; color: #fff; opacity: 0.8; }\r\n    #grace-retail-wrapper .trust-logos i { font-size: 1.3rem; } \r\n    \r\n    #grace-retail-wrapper .marquee-container { flex-grow: 1; overflow: hidden; margin-left: 30px; border-left: 1px solid rgba(255,255,255,0.2); padding-left: 20px; white-space: nowrap; display: flex; align-items: center; }\r\n    #grace-retail-wrapper .marquee-content {\r\n        display: inline-flex; gap: 20px; color: var(--secondary); font-size: 0.9rem; font-weight: 700; letter-spacing: 1px;\r\n        animation: grace-marquee 40s linear infinite;\r\n    }\r\n    #grace-retail-wrapper .marquee-content span { white-space: nowrap; display: inline-flex; align-items: center; gap: 20px;}\r\n    @keyframes grace-marquee { \r\n        0% { transform: translateX(0); } \r\n        100% { transform: translateX(-50%); } \r\n    }\r\n\r\n    \/* Smart Toolkit Grid *\/\r\n    #grace-retail-wrapper .toolkit-section { padding: 100px 5%; background-color: var(--bg-light); }\r\n    #grace-retail-wrapper .section-header { text-align: center; margin-bottom: 60px; }\r\n    #grace-retail-wrapper .section-header h2 { color: var(--primary); font-size: 2.5rem; margin-bottom: 15px; }\r\n    #grace-retail-wrapper .section-header p { color: #666; max-width: 600px; margin: 0 auto; line-height: 1.6; }\r\n\r\n    #grace-retail-wrapper .grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }\r\n    \r\n    #grace-retail-wrapper .tool-card {\r\n        background: var(--white); border: 1px solid #eaeaea; border-radius: 8px; padding: 40px 30px;\r\n        transition: var(--transition); position: relative; overflow: hidden;\r\n    }\r\n    #grace-retail-wrapper .tool-card .icon-wrapper { font-size: 2.5rem; color: var(--primary); margin-bottom: 20px; transition: var(--transition); }\r\n    #grace-retail-wrapper .tool-card h3 { color: var(--primary); font-size: 1.3rem; margin-bottom: 15px; font-weight: 700; }\r\n    #grace-retail-wrapper .tool-card p { color: #666; font-size: 0.95rem; margin-bottom: 25px; line-height: 1.5; }\r\n    #grace-retail-wrapper .tool-card .card-link { color: var(--primary); font-weight: 700; font-size: 0.9rem; display: inline-flex; align-items: center; transition: var(--transition); }\r\n    #grace-retail-wrapper .tool-card .card-link i { margin-left: 5px; transition: transform 0.3s; }\r\n    \r\n    #grace-retail-wrapper .tool-card:hover { transform: translateY(-8px) scale(1.02); border-color: var(--secondary); box-shadow: 0 15px 30px rgba(197, 160, 89, 0.15); z-index: 2; }\r\n    #grace-retail-wrapper .tool-card:hover .icon-wrapper { color: var(--secondary); }\r\n    #grace-retail-wrapper .tool-card:hover .card-link { color: var(--white); background: var(--secondary); padding: 10px 20px; border-radius: 4px; }\r\n    #grace-retail-wrapper .tool-card:hover .card-link i { transform: translateX(5px); }\r\n\r\n    #grace-retail-wrapper .interactive-panel { display: none; margin-top: 20px; padding-top: 20px; border-top: 1px dashed #ccc; }\r\n    #grace-retail-wrapper .tool-card:hover .interactive-panel { display: block; animation: grace-fadeIn 0.5s; }\r\n    #grace-retail-wrapper select, \r\n    #grace-retail-wrapper input[type=\"number\"], \r\n    #grace-retail-wrapper input[type=\"text\"] { width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 4px; font-family: inherit; }\r\n    \r\n    \/* Featured Products *\/\r\n    #grace-retail-wrapper .featured-products { padding: 80px 5%; background: var(--white); overflow: hidden; }\r\n    #grace-retail-wrapper .product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 40px; }\r\n    #grace-retail-wrapper .product-item { text-align: center; border: 1px solid #eee; padding: 20px; border-radius: 8px; transition: var(--transition); display: block; background: var(--white); }\r\n    #grace-retail-wrapper .product-item:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.05); border-color: var(--secondary); transform: translateY(-5px); }\r\n    #grace-retail-wrapper .product-item .img-box { width: 100%; height: 200px; background-color: #f4f4f4; background-position: center; background-size: cover; margin-bottom: 15px; border-radius: 4px; }\r\n    #grace-retail-wrapper .product-item h4 { color: var(--primary); margin-bottom: 10px; font-weight: 700; font-size: 1.1rem; }\r\n    #grace-retail-wrapper .product-item p { color: #888; font-size: 0.9rem; }\r\n\r\n    #grace-retail-wrapper .product-link-bottom { text-align: center; margin-top: 50px; }\r\n    #grace-retail-wrapper .product-link-bottom a { color: var(--primary); font-weight: 700; text-decoration: underline; font-size: 1.1rem; transition: var(--transition); display: inline-flex; align-items: center;}\r\n    #grace-retail-wrapper .product-link-bottom a:hover { color: var(--secondary); text-decoration: none; }\r\n    #grace-retail-wrapper .product-link-bottom a i { margin-left: 5px; transition: transform 0.3s; }\r\n    #grace-retail-wrapper .product-link-bottom a:hover i { transform: translateX(5px); }\r\n\r\n    \/* Why Choose GRACEXPORT? *\/\r\n    #grace-retail-wrapper .why-gracexport { padding: 100px 5%; background: var(--bg-light); text-align: center; }\r\n    #grace-retail-wrapper .gracexport-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 50px; }\r\n    #grace-retail-wrapper .gracexport-card { background: var(--white); padding: 40px 30px; border: 1px solid #eaeaea; border-radius: 8px; transition: var(--transition); text-align: left; }\r\n    #grace-retail-wrapper .gracexport-card:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(0,0,0,0.05); border-color: var(--secondary); }\r\n    #grace-retail-wrapper .gracexport-icon { font-size: 2.5rem; color: var(--secondary); margin-bottom: 20px; display: block; }\r\n    #grace-retail-wrapper .gracexport-card h4 { color: var(--primary); font-size: 1.2rem; margin-bottom: 12px; font-weight: 700; }\r\n    #grace-retail-wrapper .gracexport-card p { color: #666; font-size: 0.95rem; line-height: 1.6; }\r\n\r\n    \/* Why Choose Us (Execution Section) *\/\r\n    #grace-retail-wrapper .why-choose { \r\n        display: flex; flex-wrap: wrap; \r\n        background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&q=80') center\/cover no-repeat;\r\n        background-color: #000;\r\n        color: var(--white); \r\n    }\r\n    #grace-retail-wrapper .video-box { flex: 1; min-width: 300px; background: transparent; position: relative; min-height: 400px; display: flex; }\r\n    #grace-retail-wrapper .why-text { flex: 1; min-width: 300px; padding: 80px 5%; }\r\n    #grace-retail-wrapper .why-text h2 { color: var(--secondary); font-size: 2.5rem; margin-bottom: 40px; }\r\n    #grace-retail-wrapper .feature-list li { display: flex; margin-bottom: 30px; align-items: flex-start; }\r\n    #grace-retail-wrapper .feature-list i { font-size: 2rem; color: var(--secondary); margin-right: 20px; margin-top: 5px; }\r\n    #grace-retail-wrapper .feature-list h4 { font-size: 1.2rem; margin-bottom: 5px; color: var(--white); }\r\n    #grace-retail-wrapper .feature-list p { color: #ddd; font-size: 0.95rem; line-height: 1.5; }\r\n\r\n    \/* Download Center *\/\r\n    #grace-retail-wrapper .download-center { padding: 100px 5%; background: var(--bg-light); }\r\n    #grace-retail-wrapper .download-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }\r\n    #grace-retail-wrapper .dl-card { background: var(--white); border-radius: 10px; padding: 40px 30px; text-align: center; box-shadow: 0 4px 15px rgba(0,0,0,0.03); transition: var(--transition); border: 1px solid #f0f0f0; display: flex; flex-direction: column; align-items: center; justify-content: center;}\r\n    #grace-retail-wrapper .dl-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.08); border-color: var(--secondary); }\r\n    #grace-retail-wrapper .dl-icon { width: 70px; height: 70px; background: #E8F0FE; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; color: #1A73E8; font-size: 1.8rem; transition: var(--transition);}\r\n    #grace-retail-wrapper .dl-card:hover .dl-icon { background: var(--secondary); color: var(--white); }\r\n    #grace-retail-wrapper .dl-card h4 { color: var(--text-dark); font-size: 1.2rem; margin-bottom: 15px; font-weight: 700; }\r\n    #grace-retail-wrapper .dl-card p { color: #666; font-size: 0.9rem; margin-bottom: 25px; line-height: 1.5; flex-grow: 1; }\r\n    #grace-retail-wrapper .dl-link { color: #F2A900; font-weight: 700; font-size: 0.95rem; transition: var(--transition); display: inline-flex; align-items: center; gap: 8px; }\r\n    #grace-retail-wrapper .dl-link:hover { color: var(--primary); }\r\n\r\n    \/* FAQ Section *\/\r\n    #grace-retail-wrapper .faq-section { padding: 100px 5%; background: var(--white); }\r\n    #grace-retail-wrapper .faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }\r\n    #grace-retail-wrapper .faq-item { \r\n        display: flex; align-items: flex-start; gap: 20px; padding: 30px; border-radius: 12px; background: #fff; border: 1px solid #f0f0f0; \r\n        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); position: relative; overflow: hidden; z-index: 1; \r\n    }\r\n    #grace-retail-wrapper .faq-item::before { \r\n        content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; \r\n        background: linear-gradient(135deg, rgba(197, 160, 89, 0.08) 0%, transparent 100%); \r\n        opacity: 0; transition: opacity 0.4s ease; z-index: -1; \r\n    }\r\n    #grace-retail-wrapper .faq-item:hover { transform: translateY(-5px); border-color: var(--secondary); box-shadow: 0 15px 35px rgba(0,0,0,0.06); }\r\n    #grace-retail-wrapper .faq-item:hover::before { opacity: 1; }\r\n    \r\n    #grace-retail-wrapper .faq-number { color: var(--secondary); font-family: 'Playfair Display', serif; font-size: 1.8rem; font-weight: bold; opacity: 0.6; transition: all 0.3s; line-height: 1;}\r\n    #grace-retail-wrapper .faq-item:hover .faq-number { opacity: 1; transform: scale(1.1); color: var(--primary); }\r\n    #grace-retail-wrapper .faq-content h4 { color: var(--primary); font-size: 1.1rem; margin-bottom: 12px; font-weight: 700;}\r\n    #grace-retail-wrapper .faq-content p { color: #666; font-size: 0.95rem; line-height: 1.6; margin: 0; }\r\n\r\n    #grace-retail-wrapper .faq-link-bottom { text-align: center; margin-top: 60px; }\r\n    #grace-retail-wrapper .faq-link-bottom a { color: var(--primary); font-weight: 700; text-decoration: underline; font-size: 1.1rem; transition: var(--transition); display: inline-flex; align-items: center;}\r\n    #grace-retail-wrapper .faq-link-bottom a:hover { color: var(--secondary); text-decoration: none; }\r\n    #grace-retail-wrapper .faq-link-bottom a i { margin-left: 5px; transition: transform 0.3s; }\r\n    #grace-retail-wrapper .faq-link-bottom a:hover i { transform: translateX(5px); }\r\n\r\n    \/* Ultimate Lead Gen *\/\r\n    #grace-retail-wrapper .lead-gen { \r\n        background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('https:\/\/images.unsplash.com\/photo-1567401893414-76b7b1e5a7a5?auto=format&fit=crop&q=80') center\/cover no-repeat;\r\n        background-color: #000;\r\n        padding: 100px 5%; position: relative; text-align: center; overflow: hidden; \r\n    }\r\n    #grace-retail-wrapper .lead-gen h2 { color: var(--white); font-size: 2.8rem; margin-bottom: 10px; position: relative; z-index: 2;}\r\n    #grace-retail-wrapper .lead-gen p { color: var(--secondary); margin-bottom: 40px; font-size: 1.1rem; position: relative; z-index: 2;}\r\n    \r\n    #grace-retail-wrapper .super-form { max-width: 800px; margin: 0 auto; background: rgba(0,0,0,0.5); padding: 50px; border-radius: 10px; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.1); position: relative; z-index: 2; text-align: left;}\r\n    #grace-retail-wrapper .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }\r\n    #grace-retail-wrapper .super-form input, \r\n    #grace-retail-wrapper .super-form select, \r\n    #grace-retail-wrapper .super-form textarea { background: transparent; border: none; border-bottom: 1px solid rgba(197,160,89,0.5); color: var(--white); padding: 15px 0; outline: none; transition: var(--transition); width: 100%; font-family: inherit; font-size: 1rem; }\r\n    #grace-retail-wrapper .super-form textarea { border: 1px solid rgba(197,160,89,0.5); padding: 15px; border-radius: 4px; resize: vertical; margin-bottom: 20px; }\r\n    #grace-retail-wrapper .super-form input::placeholder, \r\n    #grace-retail-wrapper .super-form textarea::placeholder { color: rgba(255,255,255,0.6); }\r\n    #grace-retail-wrapper .super-form input:focus, \r\n    #grace-retail-wrapper .super-form select:focus, \r\n    #grace-retail-wrapper .super-form textarea:focus { border-bottom-color: var(--secondary); border-color: var(--secondary); background: rgba(255,255,255,0.05); }\r\n    #grace-retail-wrapper .super-form select option { background: var(--primary); color: var(--white); }\r\n    \r\n    #grace-retail-wrapper .file-drop { grid-column: 1 \/ -1; border: 2px dashed rgba(197,160,89,0.5); padding: 30px; text-align: center; color: rgba(255,255,255,0.7); cursor: pointer; margin-bottom: 20px; border-radius: 4px; position: relative; }\r\n    #grace-retail-wrapper .file-drop input[type=\"file\"] { position: absolute; top:0; left:0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }\r\n    #grace-retail-wrapper .file-drop:hover { background: rgba(197,160,89,0.1); border-color: var(--secondary); }\r\n    #grace-retail-wrapper .btn-submit { width: 100%; padding: 20px; font-size: 1.2rem; background: var(--secondary); color: var(--white); border: none; border-radius: 4px; font-weight: bold; cursor: pointer; transition: var(--transition); text-transform: uppercase; letter-spacing: 1px; }\r\n    #grace-retail-wrapper .btn-submit:hover { background: #b08d4a; box-shadow: 0 10px 20px rgba(197, 160, 89, 0.3); }\r\n\r\n    \/* Sticky ROI Tool *\/\r\n    #grace-retail-wrapper .sticky-roi { position: fixed; top: 50%; left: 0; right: auto; transform: translateY(-50%); background: var(--secondary); color: var(--white); padding: 15px 15px 15px 20px; border-radius: 0 10px 10px 0; cursor: pointer; z-index: 9999; box-shadow: 5px 0 15px rgba(0,0,0,0.1); display: flex; align-items: center; gap: 10px; font-weight: bold; font-family: inherit; transition: width 0.3s; overflow: hidden; white-space: nowrap; width: 50px; flex-direction: row; }\r\n    #grace-retail-wrapper .sticky-roi:hover { width: 170px; }\r\n\r\n    \/* ==========================================================================\r\n       MOBILE ADAPTATIONS\r\n       ========================================================================== *\/\r\n    @media (max-width: 992px) {\r\n        #grace-retail-wrapper .why-choose { flex-direction: column; }\r\n        #grace-retail-wrapper .gracexport-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        #grace-retail-wrapper .hero h1 { font-size: 2.2rem; }\r\n        #grace-retail-wrapper .form-grid { grid-template-columns: 1fr; }\r\n        #grace-retail-wrapper .trust-bar { display: none; } \r\n        #grace-retail-wrapper .section-header h2 { font-size: 2rem; }\r\n        \r\n        \/* Toolkit Mobile 2 Cols *\/\r\n        #grace-retail-wrapper .grid-container { grid-template-columns: repeat(2, 1fr); gap: 12px; }\r\n        #grace-retail-wrapper .tool-card { padding: 20px 15px; }\r\n        #grace-retail-wrapper .tool-card .icon-wrapper { font-size: 1.8rem; margin-bottom: 12px; }\r\n        #grace-retail-wrapper .tool-card h3 { font-size: 0.95rem; margin-bottom: 8px; }\r\n        #grace-retail-wrapper .tool-card p { font-size: 0.75rem; margin-bottom: 12px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } \r\n        #grace-retail-wrapper .tool-card .card-link { font-size: 0.8rem; }\r\n        \r\n        \/* Featured Products Horizontal Scroll *\/\r\n        #grace-retail-wrapper .product-grid { \r\n            display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 15px; \r\n            padding-bottom: 20px; -webkit-overflow-scrolling: touch; scrollbar-width: none; \r\n        }\r\n        #grace-retail-wrapper .product-grid::-webkit-scrollbar { display: none; } \r\n        #grace-retail-wrapper .product-item { min-width: 75%; scroll-snap-align: center; flex-shrink: 0; }\r\n        \r\n        \/* Why GRACEXPORT Mobile *\/\r\n        #grace-retail-wrapper .gracexport-grid { grid-template-columns: 1fr; gap: 15px; }\r\n        #grace-retail-wrapper .gracexport-card { padding: 25px 20px; }\r\n\r\n        \/* Download Center Mobile 2 Cols *\/\r\n        #grace-retail-wrapper .download-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\r\n        #grace-retail-wrapper .dl-card { padding: 20px 12px; }\r\n        #grace-retail-wrapper .dl-icon { width: 45px; height: 45px; font-size: 1.3rem; margin-bottom: 12px; }\r\n        #grace-retail-wrapper .dl-card h4 { font-size: 0.95rem; margin-bottom: 8px; }\r\n        #grace-retail-wrapper .dl-card p { font-size: 0.75rem; margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }\r\n        #grace-retail-wrapper .dl-link { font-size: 0.75rem; }\r\n\r\n        \/* FAQ Section Mobile 2 Cols *\/\r\n        #grace-retail-wrapper .faq-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\r\n        #grace-retail-wrapper .faq-item { padding: 15px; gap: 8px; flex-direction: column; align-items: flex-start; }\r\n        #grace-retail-wrapper .faq-number { font-size: 1.4rem; margin-bottom: 0; }\r\n        #grace-retail-wrapper .faq-content h4 { font-size: 0.9rem; margin-bottom: 5px; }\r\n        #grace-retail-wrapper .faq-content p { font-size: 0.75rem; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }\r\n        \r\n        \/* Super Form Mobile *\/\r\n        #grace-retail-wrapper .super-form { padding: 30px 20px; }\r\n    }\r\n    @keyframes grace-fadeIn { from { opacity: 0; } to { opacity: 1; } }\r\n<\/style>\r\n\r\n<!-- MAIN WRAPPER: PREVENTS ELEMENTOR CONFLICTS -->\r\n<div id=\"grace-retail-wrapper\">\r\n\r\n    <!-- 1. Hero Section -->\r\n    <header class=\"hero\">\r\n        <div class=\"hero-content fade-in-up\">\r\n            <div class=\"hero-subtitle\">\u26a1 EXCLUSIVE RETAIL PLANNING TOOLS<\/div>\r\n            <h1>Smart Retail Solutions.<br>Data-Driven Store Displays.<\/h1>\r\n            \r\n            <nav class=\"breadcrumbs-hero\">\r\n                <a href=\"\/\">Home<\/a> <span>\/<\/span> \r\n                <a href=\"\/customized\">Customized<\/a> <span>\/<\/span> \r\n                <span style=\"color: var(--secondary); font-weight: bold;\">Smart Retail Planning Tools<\/span>\r\n            <\/nav>\r\n\r\n            <p>Say goodbye to blind budgeting and wasted space. With 15+ years of custom manufacturing experience, Grace provides an all-in-one smart calculation and planning toolkit. From material selection to ROI, make every decision precise.<\/p>\r\n            <div class=\"btn-group\">\r\n                <a href=\"https:\/\/gracexport.com\/tools\" class=\"btn btn-primary\">Explore Smart Tools<\/a>\r\n                <a href=\"https:\/\/gracexport.com\/contact\/\" class=\"btn btn-outline\">Talk to a Grace Expert<\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"trust-bar\">\r\n            <span>Trusted by 20+ Countries Leading Brands:<\/span>\r\n            <div class=\"trust-logos\">\r\n                <i class=\"fa-solid fa-basket-shopping\" title=\"Supermarkets\"><\/i>\r\n                <i class=\"fa-solid fa-table-tennis-paddle-ball\" title=\"Sports Brands\"><\/i>\r\n                <i class=\"fa-solid fa-shirt\" title=\"Apparel Brands\"><\/i>\r\n                <i class=\"fa-solid fa-paw\" title=\"Pet Stores\"><\/i>\r\n            <\/div>\r\n            <!-- Seamless Marquee -->\r\n            <div class=\"marquee-container\">\r\n                <div class=\"marquee-content\">\r\n                    <span>Free 3D Store Design<\/span><span>\u2022<\/span>\r\n                    <span>ROI Calculation<\/span><span>\u2022<\/span>\r\n                    <span>End-to-End Manufacturing<\/span><span>\u2022<\/span>\r\n                    <span>Global Shipping & Installation<\/span><span>\u2022<\/span>\r\n                    <span>5-Year Warranty<\/span><span>\u2022<\/span>\r\n                    <span>ISO 9001 Certified<\/span><span>\u2022<\/span>\r\n                    <span>Direct Factory Pricing<\/span><span>\u2022<\/span>\r\n                    <span>Trusted by 500+ Brands<\/span><span>\u2022<\/span>\r\n                    <span>Free 3D Store Design<\/span><span>\u2022<\/span>\r\n                    <span>ROI Calculation<\/span><span>\u2022<\/span>\r\n                    <span>End-to-End Manufacturing<\/span><span>\u2022<\/span>\r\n                    <span>Global Shipping & Installation<\/span><span>\u2022<\/span>\r\n                    <span>5-Year Warranty<\/span><span>\u2022<\/span>\r\n                    <span>ISO 9001 Certified<\/span><span>\u2022<\/span>\r\n                    <span>Direct Factory Pricing<\/span><span>\u2022<\/span>\r\n                    <span>Trusted by 500+ Brands<\/span><span>\u2022<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <!-- 2. Core Toolkit Grid -->\r\n    <section id=\"toolkit\" class=\"toolkit-section\">\r\n        <div class=\"section-header fade-in-up\">\r\n            <h2>Master Your Retail Project<\/h2>\r\n            <p>Select a tool below to get your exclusive budget and planning scheme in 1 minute. Some advanced reports require an email address.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"grid-container\">\r\n            <!-- Tools 1-10 identical content to previously approved version -->\r\n            <div class=\"tool-card fade-in-up\">\r\n                <div class=\"icon-wrapper\"><i class=\"fa-solid fa-calculator\"><\/i><\/div>\r\n                <h3>Smart Budget Estimator<\/h3>\r\n                <p>Enter your store area and industry to get a preliminary budget range for full display fixtures in 30 seconds.<\/p>\r\n                <a href=\"https:\/\/gracexport.com\/tools\/budget-estimator\" class=\"card-link\">Try It Now <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                <div class=\"interactive-panel\">\r\n                    <select class=\"grace-industry-select\">\r\n                        <option>Select Industry (Jewelry, Fashion...)<\/option>\r\n                        <option>Jewelry Boutique<\/option>\r\n                        <option>Clothing Store<\/option>\r\n                    <\/select>\r\n                    <input type=\"number\" placeholder=\"Store Area (SQM)\">\r\n                    <button class=\"btn btn-primary\" style=\"width:100%; padding:10px;\" onclick=\"alert('Generating PDF and sending to your email!')\">Get Full Budget Report<\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tool-card fade-in-up\" style=\"transition-delay: 0.1s;\">\r\n                <div class=\"icon-wrapper\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\r\n                <h3>Store Layout ROI<\/h3>\r\n                <p>Optimize your shelving layout and flow, predict sales per square foot improvement and SKU capacity increase.<\/p>\r\n                <a href=\"https:\/\/gracexport.com\/tools\/store-layout\" class=\"card-link\">Optimize Layout <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n\r\n            <div class=\"tool-card fade-in-up\" style=\"transition-delay: 0.2s;\">\r\n                <div class=\"icon-wrapper\"><i class=\"fa-solid fa-hourglass-half\"><\/i><\/div>\r\n                <h3>Break-even Calculator<\/h3>\r\n                <p>Scientifically calculate your store's payback period based on initial display investment and estimated average transaction value.<\/p>\r\n                <a href=\"https:\/\/gracexport.com\/tools\/break-even\" class=\"card-link\">Calculate ROI <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n\r\n            <div class=\"tool-card fade-in-up\">\r\n                <div class=\"icon-wrapper\"><i class=\"fa-solid fa-layer-group\"><\/i><\/div>\r\n                <h3>Material Comparison<\/h3>\r\n                <p>Compare durability, texture, and cost of wood, metal, and acrylic side-by-side. One-click material selection.<\/p>\r\n                <a href=\"https:\/\/gracexport.com\/tools\/material-selector\" class=\"card-link\">Get Free Sample Kit <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n\r\n            <div class=\"tool-card fade-in-up\" style=\"transition-delay: 0.1s;\">\r\n                <div class=\"icon-wrapper\"><i class=\"fa-solid fa-ruler-combined\"><\/i><\/div>\r\n                <h3>Standard Dimensions<\/h3>\r\n                <p>Ergonomic global retail display standard dimension guide (jewelry showcases, tall cabinets, etc.).<\/p>\r\n                <a href=\"https:\/\/gracexport.com\/tools\/dimensions\" class=\"card-link\">Download PDF <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n\r\n            <div class=\"tool-card fade-in-up\" style=\"transition-delay: 0.2s;\">\r\n                <div class=\"icon-wrapper\"><i class=\"fa-solid fa-truck-fast\"><\/i><\/div>\r\n                <h3>Container Loading<\/h3>\r\n                <p>Essential for cross-border buyers. Estimate 20GP\/40HQ container loading and see how Grace's patented knockdown design saves 30% on shipping.<\/p>\r\n                <a href=\"https:\/\/gracexport.com\/tools\/container-loading\" class=\"card-link\">Estimate Shipping <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n            \r\n            <div class=\"tool-card fade-in-up\">\r\n                <div class=\"icon-wrapper\"><i class=\"fa-solid fa-bezier-curve\"><\/i><\/div>\r\n                <h3>Custom Material Calc<\/h3>\r\n                <p>For deep customization needs, enter L\/W\/H to instantly calculate required panels and stainless steel tube quantities.<\/p>\r\n                <a href=\"https:\/\/gracexport.com\/tools\/material-calc\" class=\"card-link\">Start Designing <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n\r\n            <div class=\"tool-card fade-in-up\" style=\"transition-delay: 0.1s;\">\r\n                <div class=\"icon-wrapper\"><i class=\"fa-solid fa-globe\"><\/i><\/div>\r\n                <h3>Grace Order Tracking<\/h3>\r\n                <p>Your exclusive manager. Track real-time production progress from cutting and painting to global sea freight.<\/p>\r\n                <a href=\"https:\/\/gracexport.com\/tools\/order-tracking\" class=\"card-link\">Track PO Number <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n\r\n            <div class=\"tool-card fade-in-up\" style=\"transition-delay: 0.2s;\">\r\n                <div class=\"icon-wrapper\"><i class=\"fa-regular fa-lightbulb\"><\/i><\/div>\r\n                <h3>Smart Lighting Calculator<\/h3>\r\n                <p>Determine exact lux levels and LED strip lengths needed to achieve optimal product illumination in your specific showcases.<\/p>\r\n                <a href=\"https:\/\/gracexport.com\/tools\/lighting-calculator\" class=\"card-link\">Calculate Lux <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n\r\n            <div class=\"tool-card fade-in-up\">\r\n                <div class=\"icon-wrapper\"><i class=\"fa-solid fa-leaf\"><\/i><\/div>\r\n                <h3>Carbon Footprint Estimator<\/h3>\r\n                <p>Calculate the environmental impact of your chosen materials and shipping methods. Ideal for eco-conscious retail brands.<\/p>\r\n                <a href=\"https:\/\/gracexport.com\/tools\/eco-impact\" class=\"card-link\">View Eco Impact <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 3. Featured Products -->\r\n    <section class=\"featured-products fade-in-up\">\r\n        <div class=\"section-header\">\r\n            <h2>Turning Calculation into Reality<\/h2>\r\n            <p>From precise data planning to stunning final presentations. Browse our best-selling customized showcase series.<\/p>\r\n        <\/div>\r\n        <div class=\"product-grid\">\r\n            <a href=\"\/products\/jewelry-display\" class=\"product-item\">\r\n                <div class=\"img-box\" style=\"background-image: url('https:\/\/via.placeholder.com\/400x300\/eee\/999?text=Jewelry+Showcase');\"><\/div>\r\n                <h4>Luxury Jewelry Showcases<\/h4>\r\n                <p>Ultra-clear glass & Gold Electroplating<\/p>\r\n            <\/a>\r\n            <a href=\"\/products\/clothing-display\" class=\"product-item\">\r\n                 <div class=\"img-box\" style=\"background-image: url('https:\/\/via.placeholder.com\/400x300\/eee\/999?text=Clothing+Rack');\"><\/div>\r\n                <h4>Retail Clothing Racks<\/h4>\r\n                <p>Modular design for maximum SKU capacity<\/p>\r\n            <\/a>\r\n            <a href=\"\/products\/cosmetics-display\" class=\"product-item\">\r\n                 <div class=\"img-box\" style=\"background-image: url('https:\/\/via.placeholder.com\/400x300\/eee\/999?text=Cosmetic+Display');\"><\/div>\r\n                <h4>Cosmetics Wall Bays<\/h4>\r\n                <p>Integrated LED lighting solutions<\/p>\r\n            <\/a>\r\n        <\/div>\r\n        <div class=\"product-link-bottom\">\r\n            <a href=\"https:\/\/gracexport.com\/product\/\">Explore All Product Collections <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 4. Why Choose GRACEXPORT? -->\r\n    <section class=\"why-gracexport fade-in-up\">\r\n        <div class=\"section-header\">\r\n            <h2>Why Choose GRACEXPORT?<\/h2>\r\n            <p>We combine craftsmanship with modern manufacturing for exceptional retail displays<\/p>\r\n        <\/div>\r\n        <div class=\"gracexport-grid\">\r\n            <div class=\"gracexport-card\">\r\n                <i class=\"fa-solid fa-tags gracexport-icon\"><\/i>\r\n                <h4>Factory Direct Price<\/h4>\r\n                <p>Save up to 30% compared to middlemen and distributors with our direct manufacturing approach<\/p>\r\n            <\/div>\r\n            <div class=\"gracexport-card\">\r\n                <i class=\"fa-solid fa-sliders gracexport-icon\"><\/i>\r\n                <h4>100% Customizable<\/h4>\r\n                <p>Tailored to your exact specifications and brand requirements with unlimited design options<\/p>\r\n            <\/div>\r\n            <div class=\"gracexport-card\">\r\n                <i class=\"fa-solid fa-globe gracexport-icon\"><\/i>\r\n                <h4>Global Experience<\/h4>\r\n                <p>Exported to 20+ countries with international standards and export documentation handled<\/p>\r\n            <\/div>\r\n            <div class=\"gracexport-card\">\r\n                <i class=\"fa-solid fa-award gracexport-icon\"><\/i>\r\n                <h4>15+ Years Experience<\/h4>\r\n                <p>Trusted by retail brands worldwide since 2008 with proven track record<\/p>\r\n            <\/div>\r\n            <div class=\"gracexport-card\">\r\n                <i class=\"fa-solid fa-cubes gracexport-icon\"><\/i>\r\n                <h4>3D Mockup Service<\/h4>\r\n                <p>Visualize your display before production begins with our professional 3D rendering<\/p>\r\n            <\/div>\r\n            <div class=\"gracexport-card\">\r\n                <i class=\"fa-solid fa-circle-check gracexport-icon\"><\/i>\r\n                <h4>Quality Assurance<\/h4>\r\n                <p>Rigorous quality control at every production stage ensures flawless final products<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 5. Execution Section -->\r\n    <section class=\"why-choose\">\r\n        <div class=\"video-box fade-in-up\">\r\n            <iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/LXb3EKWsInQ?autoplay=0&controls=1\" title=\"Grace Display Manufacturing Factory\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen style=\"position:absolute; top:0; left:0; width:100%; height:100%;\"><\/iframe>\r\n        <\/div>\r\n        <div class=\"why-text fade-in-up\">\r\n            <h2>From Smart Calculation to Flawless Execution.<\/h2>\r\n            <ul class=\"feature-list\">\r\n                <li class=\"fade-in-up\" style=\"transition-delay: 0.1s;\">\r\n                    <i class=\"fa-solid fa-industry\"><\/i>\r\n                    <div>\r\n                        <h4>Factory Direct Supply<\/h4>\r\n                        <p>10,000+ sqm source factory. Say goodbye to middleman markups. We control quality and delivery at the source.<\/p>\r\n                    <\/div>\r\n                <\/li>\r\n                <li class=\"fade-in-up\" style=\"transition-delay: 0.2s;\">\r\n                    <i class=\"fa-solid fa-gem\"><\/i>\r\n                    <div>\r\n                        <h4>Premium Craftsmanship<\/h4>\r\n                        <p>Strictly selected eco-friendly materials, exquisite metal electroplating, and shadowless glue bonding technology perfectly present luxurious textures.<\/p>\r\n                    <\/div>\r\n                <\/li>\r\n                <li class=\"fade-in-up\" style=\"transition-delay: 0.3s;\">\r\n                    <i class=\"fa-solid fa-ship\"><\/i>\r\n                    <div>\r\n                        <h4>Global Fast Delivery<\/h4>\r\n                        <p>Perfect anti-collision wooden box packaging system, safely delivered to over 20 countries and regions globally.<\/p>\r\n                    <\/div>\r\n                <\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 6. Download Center Section -->\r\n    <section class=\"download-center fade-in-up\">\r\n        <div class=\"section-header\">\r\n            <h2>Download Center<\/h2>\r\n            <p>Access our professional resources and documentation<\/p>\r\n        <\/div>\r\n        <div class=\"download-grid\">\r\n            <div class=\"dl-card\">\r\n                <div class=\"dl-icon\"><i class=\"fa-solid fa-file-pdf\"><\/i><\/div>\r\n                <h4>Product Catalog<\/h4>\r\n                <p>Download our complete product catalog with specifications and pricing<\/p>\r\n                <a href=\"#\" class=\"dl-link\"><i class=\"fa-solid fa-download\"><\/i> Download PDF<\/a>\r\n            <\/div>\r\n            <div class=\"dl-card\">\r\n                <div class=\"dl-icon\"><i class=\"fa-solid fa-book\"><\/i><\/div>\r\n                <h4>Installation Manual<\/h4>\r\n                <p>Step-by-step guide for installing and maintaining your display solutions<\/p>\r\n                <a href=\"#\" class=\"dl-link\"><i class=\"fa-solid fa-download\"><\/i> Download Manual<\/a>\r\n            <\/div>\r\n            <div class=\"dl-card\">\r\n                <div class=\"dl-icon\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\r\n                <h4>Case Studies<\/h4>\r\n                <p>Explore successful retail display implementations from our clients<\/p>\r\n                <a href=\"#\" class=\"dl-link\"><i class=\"fa-solid fa-download\"><\/i> Download Case Studies<\/a>\r\n            <\/div>\r\n            <div class=\"dl-card\">\r\n                <div class=\"dl-icon\"><i class=\"fa-solid fa-cube\"><\/i><\/div>\r\n                <h4>3D Model Files<\/h4>\r\n                <p>Download 3D models for visualization in your store planning software<\/p>\r\n                <a href=\"#\" class=\"dl-link\"><i class=\"fa-solid fa-download\"><\/i> Download 3D Models<\/a>\r\n            <\/div>\r\n            <div class=\"dl-card\">\r\n                <div class=\"dl-icon\"><i class=\"fa-solid fa-palette\"><\/i><\/div>\r\n                <h4>Material Samples<\/h4>\r\n                <p>Request digital swatches of our available materials and finishes<\/p>\r\n                <a href=\"#\" class=\"dl-link\"><i class=\"fa-solid fa-download\"><\/i> Download Swatches<\/a>\r\n            <\/div>\r\n            <div class=\"dl-card\">\r\n                <div class=\"dl-icon\"><i class=\"fa-solid fa-file-lines\"><\/i><\/div>\r\n                <h4>Technical Specifications<\/h4>\r\n                <p>Detailed technical documents for engineers and architects<\/p>\r\n                <a href=\"#\" class=\"dl-link\"><i class=\"fa-solid fa-download\"><\/i> Download Specs<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 7. FAQ Section -->\r\n    <section class=\"faq-section fade-in-up\">\r\n        <div class=\"section-header\">\r\n            <h2>Frequently Asked Questions<\/h2>\r\n            <p>Find answers to common questions about our products and services<\/p>\r\n        <\/div>\r\n        <div class=\"faq-grid\">\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-number\">01.<\/div>\r\n                <div class=\"faq-content\">\r\n                    <h4>How accurate is the cost estimate?<\/h4>\r\n                    <p>Our tool uses historical data from thousands of projects to provide an estimate within a 10-15% margin of error, giving you a solid baseline for budgeting.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-number\">02.<\/div>\r\n                <div class=\"faq-content\">\r\n                    <h4>What's included in the price?<\/h4>\r\n                    <p>The quoted price typically includes the cost of raw materials, manufacturing labor, standard packaging, and basic quality control inspections.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-number\">03.<\/div>\r\n                <div class=\"faq-content\">\r\n                    <h4>What materials do you recommend?<\/h4>\r\n                    <p>For high-end luxury, we recommend brushed stainless steel combined with ultra-clear tempered glass. For cost-efficiency, MDF with premium baking paint is ideal.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-number\">04.<\/div>\r\n                <div class=\"faq-content\">\r\n                    <h4>What is your minimum order quantity?<\/h4>\r\n                    <p>We are highly flexible. While standard MOQ is 1 complete store fixture set, we accommodate bespoke single-unit luxury showcase orders as well.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-number\">05.<\/div>\r\n                <div class=\"faq-content\">\r\n                    <h4>How long does production take?<\/h4>\r\n                    <p>Standard custom display projects typically require 15-25 days from final drawing approval to completion, depending on complexity.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-number\">06.<\/div>\r\n                <div class=\"faq-content\">\r\n                    <h4>Do you provide 3D mockups?<\/h4>\r\n                    <p>Yes, our design team provides full 3D rendering services to help you visualize your store layout and fixture designs before manufacturing begins.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-number\">07.<\/div>\r\n                <div class=\"faq-content\">\r\n                    <h4>What are your payment terms?<\/h4>\r\n                    <p>Our standard terms are 50% T\/T deposit to begin production, with the remaining 50% balance due before shipment upon photo\/video approval.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-number\">08.<\/div>\r\n                <div class=\"faq-content\">\r\n                    <h4>Do you handle shipping and customs?<\/h4>\r\n                    <p>Absolutely. We offer comprehensive logistics solutions including EXW, FOB, CIF, and DDP to ensure seamless delivery to your doorstep.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-number\">09.<\/div>\r\n                <div class=\"faq-content\">\r\n                    <h4>Where can I download product resources?<\/h4>\r\n                    <p>You can access all our catalogs, manuals, and 3D files in the Download Center section located just above on this page.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-number\">10.<\/div>\r\n                <div class=\"faq-content\">\r\n                    <h4>How can I get started with a custom project?<\/h4>\r\n                    <p>Simply fill out the form at the bottom of this page with your project details, and a dedicated project manager will contact you within 24 hours.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"faq-link-bottom\">\r\n            <a href=\"https:\/\/gracexport.com\/faq\/\">Explore More Frequently Asked Questions <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 8. Ultimate Lead Gen -->\r\n    <section id=\"contact\" class=\"lead-gen fade-in-up\">\r\n        <h2>Ready to Bring Your Vision to Life?<\/h2>\r\n        <p>Combined with the calculation tools you just used, let us customize an exclusive quote and 3D rendering for you.<\/p>\r\n        \r\n        <form class=\"super-form\" id=\"grace-lead-form\">\r\n            <div class=\"form-grid\">\r\n                <input type=\"text\" id=\"wa-name\" placeholder=\"Your Full Name *\" required>\r\n                <input type=\"email\" id=\"wa-email\" placeholder=\"Business Email Address *\" required>\r\n                <input type=\"tel\" id=\"wa-phone\" placeholder=\"WhatsApp \/ Phone Number\">\r\n                <select id=\"wa-sector\" required>\r\n                    <option value=\"\" disabled selected>Select Retail Sector *<\/option>\r\n                    <option value=\"Luxury Jewelry & Watches\">Luxury Jewelry & Watches<\/option>\r\n                    <option value=\"High-End Fashion & Apparel\">High-End Fashion & Apparel<\/option>\r\n                    <option value=\"Cosmetics & Beauty Boutiques\">Cosmetics & Beauty Boutiques<\/option>\r\n                    <option value=\"Optical & Eyewear Stores\">Optical & Eyewear Stores<\/option>\r\n                    <option value=\"Electronics & Tech Retail\">Electronics & Tech Retail<\/option>\r\n                    <option value=\"Footwear & Leather Goods\">Footwear & Leather Goods<\/option>\r\n                    <option value=\"Supermarket & FMCG\">Supermarket & FMCG<\/option>\r\n                    <option value=\"Other Custom Retail Projects\">Other Custom Retail Projects<\/option>\r\n                <\/select>\r\n            <\/div>\r\n            \r\n            <div class=\"file-drop\">\r\n                <i class=\"fa-solid fa-cloud-arrow-up\" style=\"font-size: 2rem; color:var(--secondary); margin-bottom:10px;\"><\/i>\r\n                <p id=\"wa-file-name-display\">Drag & Drop your Floor Plan or Sketch here<br><small>(Optional: .pdf, .jpg, .dwg)<\/small><\/p>\r\n                <input type=\"file\" id=\"wa-file\" accept=\".pdf,.jpg,.jpeg,.png,.dwg\">\r\n            <\/div>\r\n\r\n            <textarea id=\"wa-message\" rows=\"4\" placeholder=\"Please describe your project details, required store dimensions, specific material preferences (e.g., stainless steel, wood, glass), target budget, and any other special requirements here...\" required><\/textarea>\r\n\r\n            <button type=\"submit\" class=\"btn-submit\">Get My Free 3D Design & Quote<\/button>\r\n            <div style=\"margin-top: 20px; color: rgba(255,255,255,0.5); font-size: 0.85rem; display:flex; justify-content:center; gap:20px;\">\r\n                <span><i class=\"fa-solid fa-shield-halved\"><\/i> 100% Privacy<\/span>\r\n                <span><i class=\"fa-solid fa-certificate\"><\/i> ISO9001 Certified<\/span>\r\n            <\/div>\r\n        <\/form>\r\n    <\/section>\r\n\r\n    <!-- 9. Sticky ROI Tool -->\r\n    <div class=\"sticky-roi\" onclick=\"document.getElementById('toolkit').scrollIntoView({behavior: 'smooth'})\">\r\n        <i class=\"fa-solid fa-calculator\" style=\"font-size:1.2rem;\"><\/i>\r\n        <span>Quick ROI Tool<\/span>\r\n    <\/div>\r\n\r\n<\/div>\r\n<!-- END OF MAIN WRAPPER -->\r\n\r\n<!-- JavaScript strictly targeting inside the wrapper -->\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const wrapper = document.getElementById('grace-retail-wrapper');\r\n        \r\n        if(!wrapper) return;\r\n\r\n        \/\/ Scroll Reveal Animation \r\n        const observerOptions = { root: null, rootMargin: '0px', threshold: 0.15 };\r\n        const observer = new IntersectionObserver((entries, obs) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('visible');\r\n                    obs.unobserve(entry.target); \r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        wrapper.querySelectorAll('.fade-in-up').forEach(el => observer.observe(el));\r\n        \r\n        \/\/ Custom English Validation \r\n        const form = document.getElementById('grace-lead-form');\r\n        const requiredInputs = form.querySelectorAll('input[required], select[required], textarea[required]');\r\n        \r\n        requiredInputs.forEach(input => {\r\n            input.addEventListener('invalid', function(e) {\r\n                e.preventDefault();\r\n                this.setCustomValidity(''); \r\n            });\r\n        });\r\n\r\n        \/\/ File Name Display\r\n        const fileInput = document.getElementById('wa-file');\r\n        const fileNameDisplay = document.getElementById('wa-file-name-display');\r\n        \r\n        if(fileInput && fileNameDisplay) {\r\n            fileInput.addEventListener('change', function(e) {\r\n                if(this.files && this.files.length > 0) {\r\n                    fileNameDisplay.innerHTML = `<span style=\"color:var(--secondary); font-weight:bold;\">Selected File: ${this.files[0].name}<\/span>`;\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Form Submit\r\n        if(form) {\r\n            form.addEventListener('submit', function(e) {\r\n                e.preventDefault();\r\n\r\n                let isValid = true;\r\n                requiredInputs.forEach(input => {\r\n                    if(!input.value.trim()) {\r\n                        isValid = false;\r\n                        input.style.borderColor = 'red';\r\n                    } else {\r\n                        input.style.borderColor = 'rgba(197,160,89,0.5)';\r\n                    }\r\n                });\r\n\r\n                if(!isValid) {\r\n                    alert(\"Please fill out all required fields to continue.\");\r\n                    return;\r\n                }\r\n\r\n                \/\/ Gather Data\r\n                const name = document.getElementById('wa-name').value;\r\n                const email = document.getElementById('wa-email').value;\r\n                const phone = document.getElementById('wa-phone').value || 'Not provided';\r\n                const sector = document.getElementById('wa-sector').value;\r\n                const message = document.getElementById('wa-message').value;\r\n                const fInput = document.getElementById('wa-file');\r\n                const fileName = fInput.files.length > 0 ? fInput.files[0].name : 'No file uploaded';\r\n\r\n                const waText = `Hello Grace Display!\\nI have a new custom retail project inquiry from the website:\\n\\n*Name:* ${name}\\n*Email:* ${email}\\n*Phone:* ${phone}\\n*Sector:* ${sector}\\n*Attachment:* ${fileName}\\n\\n*Project Details & Requirements:*\\n${message}`;\r\n\r\n                const waUrl = `https:\/\/wa.me\/8619980693245?text=${encodeURIComponent(waText)}`;\r\n                window.open(waUrl, '_blank');\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u26a1 EXCLUSIVE RETAIL PLANNING TOOLS Smart Retail Solutions.Data-Driven Store Displays. Home \/ Customized \/ Smart Retail Planning Tools Say goodbye to blind budgeting and wasted space. With 15+ years of custom manufacturing experience, Grace provides an all-in-one smart calculation and planning toolkit. From material selection to ROI, make every decision precise. Explore Smart Tools Talk [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2853","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"acf":[],"_links":{"self":[{"href":"https:\/\/gracexport.com\/fr\/wp-json\/wp\/v2\/pages\/2853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gracexport.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gracexport.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gracexport.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gracexport.com\/fr\/wp-json\/wp\/v2\/comments?post=2853"}],"version-history":[{"count":0,"href":"https:\/\/gracexport.com\/fr\/wp-json\/wp\/v2\/pages\/2853\/revisions"}],"wp:attachment":[{"href":"https:\/\/gracexport.com\/fr\/wp-json\/wp\/v2\/media?parent=2853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}