{"id":154427,"date":"2026-04-16T01:21:21","date_gmt":"2026-04-15T23:21:21","guid":{"rendered":"https:\/\/arzumegypt.com\/?page_id=154427"},"modified":"2026-05-11T14:48:14","modified_gmt":"2026-05-11T11:48:14","slug":"personal-care","status":"publish","type":"page","link":"https:\/\/arzumegypt.com\/ar\/personal-care\/","title":{"rendered":"\u0627\u0644\u0639\u0646\u0627\u064a\u0629 \u0627\u0644\u0634\u062e\u0635\u064a\u0629"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nSection 14 - Smart Glass Header (Blue Branding)<\/title>\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@200;400;500;600&family=Playfair+Display:ital,wght@0,700;1,400&display=swap');\r\n\r\n body { margin: 0; padding: 0; background: #faf9f6; height: 200vh; \/* Just for testing scroll *\/ }\r\n\r\n \/* \u0627\u0644\u0643\u0628\u0633\u0648\u0644\u0629 \u0627\u0644\u0632\u062c\u0627\u062c\u064a\u0629 \u0627\u0644\u0637\u0627\u0641\u064a\u0629 *\/\r\n .chic-glass-header {\r\n position: fixed;\r\n top: 20px;\r\n left: 50%;\r\n transform: translateX(-50%); \/* \u0625\u0628\u0642\u0627\u0621\u0647 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0635\u0641 \u062f\u0627\u0626\u0645\u0627\u064b *\/\r\n width: 90%;\r\n max-width: 1050px;\r\n height: 75px;\r\n \r\n \/* \u0632\u062c\u0627\u062c \u0645\u0635\u0646\u0641\u0631 \u0641\u062e\u0645 \u064a\u0639\u0643\u0633 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 \u062e\u0644\u0641\u0647 *\/\r\n background: rgba(255, 255, 255, 0.75);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 1);\r\n border-radius: 50px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.04);\r\n \r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 15px 0 35px;\r\n z-index: 9999;\r\n font-family: 'Outfit', sans-serif;\r\n transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.4s ease;\r\n }\r\n\r\n \/* \u0627\u0644\u0644\u0648\u062c\u0648 (\u0635\u0648\u0631\u0629 SVG \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0646\u0635) *\/\r\n .h-logo { \r\n display: flex; align-items: center; \r\n text-decoration: none; \r\n transition: transform 0.4s ease;\r\n }\r\n .h-logo:hover { transform: scale(1.05); }\r\n .h-logo img { height: 26px; width: auto; display: block; }\r\n\r\n \/* \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u062a\u0646\u0642\u0644 (\u0627\u0644\u0645\u0646\u064a\u0648) *\/\r\n .h-nav { display: flex; gap: 30px; }\r\n .h-nav-link { \r\n text-decoration: none; color: #666; font-size: 0.95rem; font-weight: 500;\r\n transition: color 0.3s; position: relative; padding: 5px 0;\r\n }\r\n .h-nav-link:hover { color: #111; }\r\n \r\n \/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0633\u0641\u0644\u064a \u0627\u0644\u0633\u062d\u0631\u064a \u0639\u0646\u062f \u0627\u0644\u0648\u0642\u0648\u0641 \u0639\u0644\u0649 \u0627\u0644\u0631\u0627\u0628\u0637 *\/\r\n .h-nav-link::after {\r\n content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);\r\n width: 0; height: 2px; background: #1d4ed8; transition: width 0.3s ease;\r\n }\r\n .h-nav-link:hover::after { width: 100%; }\r\n\r\n \/* \u0632\u0631 \u0627\u0644\u0634\u0631\u0627\u0621 \u0627\u0644\u0645\u062f\u0645\u062c \u0641\u064a \u0627\u0644\u0647\u064a\u062f\u0631 *\/\r\n .h-btn {\r\n background: #111; color: #fff; text-decoration: none; padding: 14px 35px;\r\n border-radius: 40px; font-size: 0.85rem; letter-spacing: 1px; text-transform: uppercase;\r\n font-weight: 500; transition: all 0.4s ease; border: 1px solid transparent;\r\n }\r\n .h-btn:hover { \r\n background: #1d4ed8; \r\n box-shadow: 0 15px 25px rgba(29, 78, 216, 0.25); \r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* \u0632\u0631 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u0629 (\u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0641\u0642\u0637) *\/\r\n .h-burger { display: none; background: none; border: none; font-size: 1.5rem; cursor: pointer; color: #111; }\r\n\r\n \/* \u062a\u0639\u062f\u064a\u0644\u0627\u062a \u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n @media (max-width: 900px) {\r\n .h-nav { display: none; } \/* \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0641\u064a \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\r\n .h-burger { display: block; }\r\n .chic-glass-header { padding: 0 25px; width: 92%; top: 15px; }\r\n .h-btn { display: none; } \/* \u064a\u0645\u0643\u0646 \u0625\u062e\u0641\u0627\u0621 \u0627\u0644\u0632\u0631 \u0641\u064a \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0644\u062a\u0648\u0641\u064a\u0631 \u0645\u0633\u0627\u062d\u0629 \u0644\u0644\u0648\u062c\u0648 *\/\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u0643\u0628\u0633\u0648\u0644\u0629 \u0627\u0644\u0647\u064a\u062f\u0631 -->\r\n<header class=\"chic-glass-header\" id=\"smartHeader\">\r\n \r\n <!-- \u0627\u0644\u0644\u0648\u062c\u0648 -->\r\n <a href=\"https:\/\/arzumegypt.com\/ar\/\" class=\"h-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/arzumegypt.com\/wp-content\/uploads\/2025\/07\/arzum-logo-1.svg\" alt=\"Arzum Logo\">\r\n <\/a>\r\n\r\n <!-- \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0645\u0632\u0648\u062f\u0629 \u0645\u0646 \u0627\u0644\u0639\u0645\u064a\u0644 -->\r\n <nav class=\"h-nav\">\r\n <a href=\"https:\/\/arzumegypt.com\/ar\/\" class=\"h-nav-link\">\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\r\n <a href=\"https:\/\/arzumegypt.com\/ar\/store-locations\/\" class=\"h-nav-link\">\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0645\u062a\u0627\u062c\u0631<\/a>\r\n <a href=\"https:\/\/arzumegypt.com\/ar\/okka-maintenance-egypt\/\" class=\"h-nav-link\">\u0627\u0644\u0635\u064a\u0627\u0646\u0629<\/a>\r\n <a href=\"https:\/\/arzumegypt.com\/ar\/contact-us\/\" class=\"h-nav-link\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a>\r\n <\/nav>\r\n\r\n <!-- \u0632\u0631 \u0627\u0644\u0634\u0631\u0627\u0621 \/ \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 -->\r\n <div style=\"display:flex; align-items:center; gap:15px;\">\r\n <a href=\"https:\/\/arzumegypt.com\/ar\/\" class=\"h-btn\">\u062a\u0633\u0648\u0642 \u0627\u0644\u0622\u0646<\/a>\r\n <!-- \u0632\u0631 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u064a\u0638\u0647\u0631 \u0641\u0642\u0637 \u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 -->\r\n <button class=\"h-burger\">\u2630<\/button>\r\n <\/div>\r\n\r\n<\/header>\r\n\r\n<!-- \u0643\u0648\u062f \u0627\u0644\u0640 JavaScript \u0627\u0644\u0630\u0643\u064a -->\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n let lastScrollY = window.scrollY;\r\n const header = document.getElementById(\"smartHeader\");\r\n\r\n window.addEventListener(\"scroll\", () => {\r\n \/\/ \u0625\u0630\u0627 \u0646\u0632\u0644 \u0627\u0644\u0639\u0645\u064a\u0644 \u0644\u0623\u0633\u0641\u0644 \u0623\u0643\u062b\u0631 \u0645\u0646 100 \u0628\u064a\u0643\u0633\u0644.. \u0627\u062e\u0641\u064a \u0627\u0644\u0647\u064a\u062f\u0631 \u0644\u0644\u0623\u0639\u0644\u0649\r\n if (lastScrollY < window.scrollY && window.scrollY > 100) {\r\n header.style.transform = \"translate(-50%, -150%)\"; \/\/ \u0627\u062e\u062a\u0641\u0627\u0621 \u0628\u0633\u0644\u0627\u0633\u0629\r\n } \r\n \/\/ \u0625\u0630\u0627 \u0631\u0641\u0639 \u0625\u0635\u0628\u0639\u0647 \u0648\u0633\u062d\u0628 \u0644\u0644\u0623\u0639\u0644\u0649.. \u0623\u0638\u0647\u0631 \u0627\u0644\u0647\u064a\u062f\u0631 \u0641\u0648\u0631\u0627\u064b\r\n else {\r\n header.style.transform = \"translate(-50%, 0)\";\r\n \r\n \/\/ \u062a\u0632\u0648\u064a\u062f \u0638\u0644 \u0627\u0644\u0647\u064a\u062f\u0631 \u0644\u064a\u0641\u0635\u0644 \u0639\u0646 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0644\u0648 \u0643\u0627\u0646 \u0641\u064a \u0645\u0646\u062a\u0635\u0641 \u0627\u0644\u0635\u0641\u062d\u0629\r\n if (window.scrollY > 50) {\r\n header.style.boxShadow = \"0 15px 40px rgba(0,0,0,0.08)\";\r\n } else {\r\n header.style.boxShadow = \"0 10px 30px rgba(0,0,0,0.04)\";\r\n }\r\n }\r\n lastScrollY = window.scrollY;\r\n });\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59e20b7 e-con-full wd-section-stretch-content e-flex e-con e-parent\" data-id=\"59e20b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37f0da4 elementor-widget elementor-widget-html\" data-id=\"37f0da4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Arzum Revolution - Full Master Landing Page<\/title>\r\n<style>\r\n\/* ======================================================================\r\n GLOBAL IDENTITY & RESET\r\n====================================================================== *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@200;300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');\r\n\r\nhtml { scroll-behavior: smooth; }\r\nbody {\r\n margin: 0; padding: 0; font-family: 'Outfit', sans-serif;\r\n background-color: #faf9f6; color: #111; overflow-x: hidden;\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n* { box-sizing: border-box; }\r\n\r\n\/* ======================================================================\r\n MOBILE IMAGE QUALITY \u2014 GLOBAL FIX\r\n Forces GPU compositing on all image-bearing elements to prevent\r\n the browser from softening images during layer promotion.\r\n====================================================================== *\/\r\n.sr-img, .tt-img, .sp-img, .hero-left,\r\n.ultra-img img, .shop-product-img,\r\n.pc-img-wrapper img, .hs-product-showcase img {\r\n -webkit-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n -webkit-transform: translateZ(0);\r\n transform: translateZ(0);\r\n will-change: transform;\r\n image-rendering: -webkit-optimize-contrast;\r\n image-rendering: crisp-edges;\r\n}\r\n\r\n\/* background-image elements: use high-quality sizing *\/\r\n.sr-img, .tt-img, .sp-img, .hero-left {\r\n background-size: cover;\r\n background-position: center top;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n\/* <img> tags: prevent subpixel blurring *\/\r\nimg {\r\n -webkit-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n max-width: 100%;\r\n}\r\n\r\n\r\n\/* ======================================================================\r\n 2. HERO SPLIT SECTION (Section 8)\r\n====================================================================== *\/\r\n.hero-split-section { display: flex; min-height: 100vh; width: 100%; position: relative; background-color: #0f0f0f; }\r\n.hero-left { flex: 6; position: relative; overflow: hidden; filter: contrast(1.05); }\r\n.hl-slide { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; z-index: 1; }\r\n.hl-slide.slide-2 { animation: crossfadeHero 8s infinite ease-in-out; }\r\n@keyframes crossfadeHero { 0%, 40% { opacity: 0; } 50%, 90% { opacity: 1; } 100% { opacity: 0; } }\r\n.hero-left::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(90deg, transparent 90%, #0f0f0f 100%); z-index: 2; pointer-events: none; }\r\n.hero-right { flex: 4; display: flex; flex-direction: column; justify-content: center; padding: 120px 60px 60px 60px; background: #0f0f0f; position: relative; z-index: 2; }\r\n.hero-content-box { max-width: 450px; opacity: 0; transform: translateX(30px); animation: fadeSlideIn 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.3s; }\r\n.hs-subtitle { color: #888888; text-transform: uppercase; letter-spacing: 4px; font-size: 0.85rem; font-weight: 600; margin-bottom: 20px; display: inline-block; }\r\n.hs-title { font-family: 'Playfair Display', serif; font-size: 3.5rem; color: #ffffff; line-height: 1.1; margin: 0 0 30px 0; }\r\n.hs-title span { color: #1d4ed8; font-style: italic; }\r\n.hs-desc { color: rgba(255, 255, 255, 0.7); font-size: 1.05rem; line-height: 1.7; margin-bottom: 40px; }\r\n.discover-btn { display: inline-flex; align-items: center; gap: 15px; color: #fff; text-decoration: none; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; font-size: 0.9rem; margin-top: 30px; transition: color 0.3s ease; }\r\n.discover-btn .circle { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.3); display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; }\r\n.discover-btn:hover { color: #888888; }\r\n.discover-btn:hover .circle { border-color: #888888; transform: translateX(5px); background: rgba(136, 136, 136, 0.1); }\r\n@keyframes fadeSlideIn { to { opacity: 1; transform: translateX(0); } }\r\n@media (max-width: 991px) { .hero-split-section { flex-direction: column; } .hero-left { min-height: 50vh; } .hero-left::after { display: none; } .hero-right { padding: 40px 20px; align-items: center; text-align: center; margin-top: 0; } .hs-title { font-size: 2.5rem; } }\r\n\r\n\/* ======================================================================\r\n 3. CHIC MARQUEE\r\n====================================================================== *\/\r\n.chic-marquee-container { width: 100%; padding: 25px 0; background-color: #111; overflow: hidden; position: relative; display: flex; white-space: nowrap; }\r\n.chic-marquee-content { display: flex; animation: scrollMarquee 30s linear infinite; }\r\n.chic-marquee-text { font-size: 0.95rem; letter-spacing: 4px; text-transform: uppercase; color: #fff; font-weight: 400; padding: 0 40px; display: flex; align-items: center; }\r\n.chic-marquee-text::after { content: '\u2726'; margin-left: 80px; color: #1d4ed8; font-size: 1.2rem; }\r\n@keyframes scrollMarquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n\r\n\/* ======================================================================\r\n 4. CHIC CONSISTENT FLOW (Section 13) \r\n Includes .hero-card, .sr-card, .product-card\r\n====================================================================== *\/\r\n.chic-consistent-flow { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 150px; padding: 150px 20px 150px 20px; }\r\n.sr-header { text-align: center; margin-bottom: 70px; width: 100%; }\r\n.sr-subtitle { display: block; color: #1d4ed8; text-transform: uppercase; letter-spacing: 5px; font-size: 0.8rem; font-weight: 600; margin-bottom: 15px; }\r\n.sr-title { font-family: 'Playfair Display', serif; font-size: 3rem; color: #111; margin: 0; letter-spacing: -1px; }\r\n\r\n.sr-cards-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; max-width: 1200px; width: 100%; margin: 0 auto;}\r\n.sr-card { position: relative; border-radius: 30px; overflow: hidden; height: 600px; cursor: pointer; box-shadow: 0 20px 40px rgba(0,0,0,0.04); transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.6s ease; background: transparent; }\r\n.sr-card:hover { transform: translateY(-20px); box-shadow: 0 40px 60px rgba(29, 78, 216, 0.15); }\r\n.sr-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center top; background-repeat: no-repeat; z-index: 1; transition: transform 1s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.6s ease; filter: contrast(1.15) brightness(0.9); }\r\n.sr-card:hover .sr-img { transform: scale(1.08); filter: contrast(1.2) brightness(1); }\r\n.sr-card::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); opacity: 0.7; z-index: 2; pointer-events: none; transition: opacity 0.6s ease; }\r\n.sr-card:hover::after { opacity: 0.9; }\r\n\r\n.sr-content { position: absolute; bottom: 40px; left: 40px; right: 40px; z-index: 3; transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); }\r\n.sr-card:hover .sr-content { transform: translateY(-10px); }\r\n.sr-tag { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 2px; color: #fff; background: rgba(29, 78, 216, 0.9); padding: 6px 12px; border-radius: 20px; backdrop-filter: blur(5px); display: inline-block; margin-bottom: 15px; font-weight: 500; }\r\n.sr-card:hover .sr-tag { background: #888888; }\r\n.sr-name { font-family: 'Playfair Display', serif; font-size: 2rem; color: #fff; margin: 0 0 10px 0; letter-spacing: -0.5px; }\r\n.sr-desc { color: rgba(255,255,255,0.8); font-size: 0.95rem; line-height: 1.6; font-weight: 300; margin: 0; max-height: 0; opacity: 0; overflow: hidden; transition: all 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); }\r\n.sr-card:hover .sr-desc { max-height: 150px; opacity: 1; margin-top: 15px; color: rgba(255,255,255,1); }\r\n\r\n\/* Section 13 Hero Card *\/\r\n.hero-card { grid-column: span 2; height: 700px; }\r\n.hero-card .sr-img { filter: brightness(0.85); }\r\n.hero-card:hover .sr-img { filter: brightness(0.95); }\r\n.hero-card .sr-name { font-size: 3.5rem; margin-bottom: 20px; }\r\n\r\n\/* Section 13 Product Attachments Fix -> Re-engineered to match Light Glass Pill Design *\/\r\n.product-card { height: 550px; position: relative; border-radius: 30px; overflow: hidden; cursor: pointer; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }\r\n.pc-glass { \r\n position: absolute; top: 15px; left: 15px; right: 15px; \r\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.2));\r\n backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px);\r\n border: 1px solid rgba(255, 255, 255, 0.8);\r\n border-radius: 20px; padding: 35px 20px; text-align: center;\r\n transform: translateY(0); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);\r\n z-index: 10; box-shadow: 0 10px 30px rgba(0,0,0,0.03);\r\n}\r\n.product-card:hover .pc-glass { \r\n transform: translateY(5px); \r\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.4)); \r\n box-shadow: 0 20px 40px rgba(29, 78, 216, 0.08); border-color: rgba(255, 255, 255, 1); \r\n}\r\n.pc-tag { \r\n display: inline-block; background: transparent; color: #1d4ed8; border: 1px solid rgba(29, 78, 216, 0.3); \r\n text-transform: uppercase; font-size: 0.6rem; letter-spacing: 4px; padding: 6px 16px; border-radius: 30px; \r\n margin-bottom: 20px; font-weight: 500; font-family: 'Outfit', sans-serif; transition: all 0.4s ease; \r\n}\r\n.product-card:hover .pc-tag { background: #1d4ed8; color: #fff; border-color: #1d4ed8; }\r\n.pc-name { font-family: 'Playfair Display', serif; font-size: 2rem; color: #111; margin: 0; font-weight: 400; letter-spacing: -0.5px; transition: color 0.4s ease; }\r\n.pc-name::after { content: ''; display: block; width: 30px; height: 1px; background: rgba(0,0,0,0.1); margin: 20px auto; transition: width 0.5s ease, background 0.4s ease; }\r\n.product-card:hover .pc-name { color: #1d4ed8; }\r\n.product-card:hover .pc-name::after { width: 80px; background: #1d4ed8; opacity: 0.5; }\r\n.pc-desc { font-family: 'Outfit', sans-serif; font-size: 0.9rem; color: #555; line-height: 1.6; margin: 0 auto; font-weight: 300; max-width: 85%; opacity: 0.8; transition: opacity 0.4s ease; }\r\n.product-card:hover .pc-desc { opacity: 1; color: #333; }\r\n\r\n@media (max-width: 900px) {\r\n .sr-cards-container { grid-template-columns: 1fr; }\r\n .hero-card { grid-column: span 1; height: 500px; }\r\n .sr-card { height: 500px; }\r\n .product-card { height: 450px; }\r\n .chic-consistent-flow { gap: 80px; padding-top: 80px;}\r\n .sr-content { left: 20px; right: 20px; bottom: 20px; }\r\n\r\n \/* MOBILE: Adjust brightness for better quality *\/\r\n .sr-img {\r\n filter: contrast(1.05) brightness(0.92) !important;\r\n image-rendering: auto !important;\r\n }\r\n .sr-card:hover .sr-img {\r\n filter: contrast(1.1) brightness(0.95) !important;\r\n }\r\n .hero-card .sr-img {\r\n filter: contrast(1.05) brightness(0.88) !important;\r\n }\r\n .hero-card:hover .sr-img {\r\n filter: contrast(1.1) brightness(0.95) !important;\r\n }\r\n}\r\n\r\n\/* ======================================================================\r\n 5. STYLING RESULTS SECTION (Section 9 - 2 Cards)\r\n====================================================================== *\/\r\n.salon-results { padding: 120px 20px; display: flex; flex-direction: column; align-items: center; }\r\n\/* Reuses .sr-header, .sr-cards-container, .sr-card from Section 13 *\/\r\n\r\n\r\n\/* ======================================================================\r\n 7. SPOTLIGHT SHOWCASE (Section 10)\r\n====================================================================== *\/\r\n.spotlight-section { background: radial-gradient(circle at center, #f8fafc 0%, #e2e8f0 100%) !important; padding: 180px 20px; display: flex; flex-direction: column; align-items: center; position: relative; overflow: hidden; }\r\n.sp-header { text-align: center; margin-bottom: 100px; position: relative; z-index: 5; }\r\n.sp-title { font-family: 'Playfair Display', serif; font-size: 3.8rem; color: #0f172a; margin: 0 0 15px 0; letter-spacing: -1px;}\r\n.sp-subtitle { color: #475569; font-size: 1.15rem; max-width: 500px; margin: 0 auto; line-height: 1.6; font-weight: 300; letter-spacing: 0.5px;}\r\n\r\n.sp-showcase { position: relative; max-width: 1000px; width: 100%; z-index: 2; display: flex; justify-content: center; align-items: center; }\r\n\r\n\/* Radar Rings *\/\r\n.sp-ring { position: absolute; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 0; }\r\n.sp-ring-1 { width: 550px; height: 550px; border: 1px solid rgba(29, 78, 216, 0.4); box-shadow: inset 0 0 40px rgba(29, 78, 216, 0.05); animation: pulseRing 4s infinite alternate; }\r\n.sp-ring-2 { width: 750px; height: 750px; border: 1px dashed rgba(29, 78, 216, 0.2); animation: spinRing 40s linear infinite; }\r\n.sp-ring-3 { width: 950px; height: 950px; border: 1px solid rgba(29, 78, 216, 0.1); }\r\n\r\n\/* Center Display *\/\r\n.sp-image-outer { position: relative; padding: 15px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(15px); border-radius: 45px; border: 1px solid #fff; box-shadow: 0 30px 60px rgba(0,0,0,0.08), 0 0 80px rgba(29, 78, 216, 0.15); z-index: 5; animation: slowFloat 8s ease-in-out infinite; }\r\n.sp-image-inner { border-radius: 30px; width: 450px; height: 450px; overflow: hidden; position: relative; background: #eaeaea; }\r\n.sp-img { width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); }\r\n.sp-image-outer:hover .sp-img { transform: scale(1.08); }\r\n\r\n\/* Floating Badges *\/\r\n.sp-badge { position: absolute; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px); border: 1px solid #fff; border-left: 4px solid #1d4ed8; padding: 16px 28px; border-radius: 12px; display: flex; align-items: center; gap: 15px; transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); cursor: crosshair; box-shadow: 0 15px 35px rgba(0,0,0,0.08); z-index: 10; white-space: nowrap; }\r\n.sp-badge:hover { background: #1d4ed8; border-color: #1d4ed8; transform: scale(1.05) translateY(-5px); box-shadow: 0 20px 40px rgba(29, 78, 216, 0.3); }\r\n.sp-badge-dot { width: 8px; height: 8px; background: #1d4ed8; border-radius: 50%; box-shadow: 0 0 15px #1d4ed8; position: relative; transition: all 0.4s ease; }\r\n.sp-badge-dot::after { content: ''; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px; border: 1px solid #1d4ed8; border-radius: 50%; animation: pingDot 2s cubic-bezier(0, 0, 0.2, 1) infinite; transition: all 0.4s ease; }\r\n.sp-badge:hover .sp-badge-dot { background: #fff; box-shadow: 0 0 20px #fff; }\r\n.sp-badge:hover .sp-badge-dot::after { border-color: #fff; }\r\n.sp-badge-text { color: #0f172a; font-size: 0.85rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; transition: color 0.4s ease;}\r\n.sp-badge:hover .sp-badge-text { color: #fff; }\r\n\r\n\/* Badge Placements *\/\r\n.badge-1 { top: 12%; left: -40px; animation: floatObj 6s ease-in-out infinite 0s; }\r\n.badge-2 { top: 25%; right: -60px; animation: floatObj 7s ease-in-out infinite 1s; }\r\n.badge-3 { bottom: 25%; left: -60px; animation: floatObj 6.5s ease-in-out infinite 2s; }\r\n.badge-4 { bottom: 12%; right: -30px; animation: floatObj 5.5s ease-in-out infinite 0.5s; }\r\n\r\n@keyframes slowFloat { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-15px); } }\r\n@keyframes floatObj { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-8px); } }\r\n@keyframes pulseRing { 0% { transform: translate(-50%, -50%) scale(0.95); opacity: 0.5; } 100% { transform: translate(-50%, -50%) scale(1.05); opacity: 1; } }\r\n@keyframes spinRing { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } }\r\n@keyframes pingDot { 75%, 100% { transform: scale(2.5); opacity: 0; } }\r\n\r\n@media (max-width: 900px) { \r\n .sp-showcase { flex-direction: column; align-items: center; } \r\n .sp-image-outer { margin-bottom: 40px; padding: 10px; border-radius: 35px; } \r\n .sp-image-inner { width: 300px; height: 300px; border-radius: 25px; } \r\n .sp-img { background-size: cover; background-position: center; } \r\n .sp-ring-1 { width: 350px; height: 350px; } \r\n .sp-ring-2 { width: 500px; height: 500px; } \r\n .sp-ring-3 { display: none; } \r\n .sp-badge { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; margin-bottom: 15px; width: 90%; justify-content: center; padding: 14px 20px; animation: none !important; box-shadow: 0 10px 25px rgba(0,0,0,0.4); } \r\n .sp-title { font-size: 2.2rem; } \r\n .sp-badge-text { font-size: 0.8rem; letter-spacing: 1px; }\r\n \/* Disable floating animation on mobile to free GPU for image quality *\/\r\n .sp-image-outer { animation: none !important; }\r\n}\r\n\r\n\/* ======================================================================\r\n 8. ULTRA PREMIUM SECTION (Flawless Straightening \/ Perfect Curls)\r\n====================================================================== *\/\r\n.ultra-premium-section { display: flex; gap: 40px; max-width: 1300px; margin: 100px auto; padding: 0 20px; }\r\n.ultra-card { position: relative; flex: 1; height: 650px; border-radius: 32px; background: linear-gradient(145deg, #ffffff 0%, #f3f3f5 100%); overflow: hidden; text-decoration: none; transition: all 0.4s ease; box-shadow: 0 15px 30px rgba(0,0,0,0.04); }\r\n.ultra-card:hover { transform: translateY(-5px); box-shadow: 0 25px 40px rgba(29, 78, 216, 0.08); }\r\n.ultra-card::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 50% 0%, rgba(29, 78, 216, 0.05) 0%, transparent 60%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; }\r\n.ultra-card:hover::after { opacity: 1; }\r\n.ultra-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 50px 30px 180px 30px; z-index: 1; }\r\n.ultra-img img { width: 100%; max-width: 380px; height: 100%; object-fit: contain; transition: all 0.5s ease; filter: drop-shadow(0 15px 25px rgba(0,0,0,0.08)); }\r\n.ultra-card:hover .ultra-img img { transform: scale(1.03) translateY(-5px) translateZ(0); filter: drop-shadow(0 20px 30px rgba(0,0,0,0.12)); }\r\n@media (max-width: 900px) { .ultra-img img { max-width: 280px; image-rendering: auto; } }\r\n.ultra-info { position: absolute; bottom: 25px; left: 25px; right: 25px; z-index: 2; background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.8); padding: 35px; border-radius: 24px; transition: all 0.4s ease; box-shadow: 0 10px 20px rgba(0,0,0,0.02); }\r\n.ultra-card:hover .ultra-info { background: rgba(255, 255, 255, 0.95); box-shadow: 0 15px 25px rgba(0,0,0,0.05); }\r\n.ultra-badge { color: #1d4ed8; font-size: 0.75rem; letter-spacing: 4px; text-transform: uppercase; font-weight: 600; margin-bottom: 15px; display: block; }\r\n.ultra-title { font-family: 'Playfair Display', serif; font-size: 2.5rem; color: #111; font-weight: 600; line-height: 1.1; margin-bottom: 12px; letter-spacing: -1px;}\r\n.ultra-desc { color: #666; font-size: 0.95rem; line-height: 1.6; margin-bottom: 25px; font-weight: 300; }\r\n.ultra-btn { display: inline-flex; align-items: center; font-size: 0.85rem; font-weight: 600; color: #000; text-transform: uppercase; letter-spacing: 2px; }\r\n.ultra-btn span { display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; background: #f0f0f0; margin-left: 15px; transition: all 0.4s ease; }\r\n.ultra-card:hover .ultra-btn span { background: #1d4ed8; color: #fff; transform: translateX(5px); }\r\n@media (max-width: 900px) { .ultra-premium-section { flex-direction: column; } .ultra-card { height: 500px; } }\r\n\r\n\/* ======================================================================\r\n 9. POPOUT ATTACHMENTS (The Brush & Curler)\r\n====================================================================== *\/\r\n.popout-section { display: flex; justify-content: center; align-items: center; gap: 40px; padding: 100px 20px; background-color: #fdfafb; flex-wrap: wrap; }\r\n.pop-card { width: 100%; max-width: 480px; height: 600px; background: #ffffff; border-radius: 40px; padding: 50px; position: relative; overflow: visible; box-shadow: 0 15px 35px rgba(0,0,0,0.03); transition: all 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); cursor: crosshair; z-index: 1; }\r\n.pop-card:hover { background: #11030b; transform: translateY(-15px); box-shadow: 0 40px 60px rgba(29, 78, 216, 0.2); z-index: 10; }\r\n.pc-badge { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 4px; color: #1d4ed8; font-weight: 600; margin-bottom: 15px; transition: color 0.5s ease; position: relative; z-index: 5; }\r\n.pop-card:hover .pc-badge { color: #d4af37; }\r\n.pc-title { font-family: 'Playfair Display', serif; font-size: 2.8rem; color: #111; line-height: 1.1; margin-bottom: 20px; transition: color 0.5s ease; max-width: 220px; position: relative; z-index: 5; letter-spacing: -1px; }\r\n.pop-card:hover .pc-title { color: #fff; }\r\n.pc-desc { font-size: 1rem; line-height: 1.6; color: #555; max-width: 220px; transition: color 0.5s ease; position: relative; z-index: 5; font-weight: 300; }\r\n.pop-card:hover .pc-desc { color: #aaa; }\r\n.pc-tech { position: absolute; bottom: 50px; left: 50px; width: 220px; opacity: 0; transform: translateX(-30px); transition: all 0.6s ease; z-index: 5; padding:0; margin:0; }\r\n.pop-card:hover .pc-tech { opacity: 1; transform: translateX(0); transition-delay: 0.2s; }\r\n.pc-tech li { color: rgba(255,255,255,0.7); font-size: 0.9rem; margin-bottom: 15px; list-style: none; display: flex; align-items: center; font-weight: 300; }\r\n.pc-tech li::before { content: '\u2726'; color: #1d4ed8; margin-right: 10px; }\r\n.pc-img-wrapper { position: absolute; bottom: 30px; right: -40px; width: 280px; height: auto; transition: all 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); pointer-events: none; z-index: 2; }\r\n.pc-img-wrapper img { width: 100%; filter: drop-shadow(0 20px 30px rgba(0,0,0,0.15)); animation: popFloat 5s ease-in-out infinite; }\r\n.pop-card:hover .pc-img-wrapper { transform: scale(1.3) translate(-20px, -30px) rotate(-10deg); }\r\n.pop-card:hover .pc-img-wrapper img { filter: drop-shadow(0 50px 60px rgba(29, 78, 216, 0.3)); animation: none; }\r\n\r\n\r\n\/* ======================================================================\r\n 10. EDITORIAL TESTIMONIAL\r\n====================================================================== *\/\r\n.chic-editorial-review { padding: 160px 20px; background-color: #faf9f6; text-align: center; position: relative; overflow: hidden; }\r\n.cr-watermark { font-family: 'Playfair Display', serif; font-size: 20rem; color: rgba(29, 78, 216, 0.05); position: absolute; top: -50px; left: 50%; transform: translateX(-50%); line-height: 1; pointer-events: none; z-index: 0; }\r\n.cr-content { position: relative; max-width: 900px; margin: 0 auto; z-index: 2; }\r\n.cr-stars { color: #111; font-size: 1.1rem; letter-spacing: 8px; margin-bottom: 40px; }\r\n.cr-text { font-family: 'Playfair Display', serif; font-size: 2.8rem; color: #111; line-height: 1.3; margin-bottom: 60px; font-weight: 400; font-style: italic;}\r\n.cr-author { font-size: 0.9rem; text-transform: uppercase; letter-spacing: 4px; color: #1d4ed8; font-weight: 600; }\r\n.cr-author span { display: block; font-size: 0.75rem; color: #888; letter-spacing: 2px; margin-top: 10px; font-weight: 400; text-transform: none; }\r\n@media (max-width: 768px) { .cr-text { font-size: 1.8rem; } .cr-watermark { font-size: 12rem; top: 20px; } }\r\n\r\n\/* ======================================================================\r\n 11. CHIC SHOP SECTION\r\n====================================================================== *\/\r\n.chic-shop-section { display: flex; justify-content: center; gap: 40px; padding: 100px 20px; background: #ffffff; flex-wrap: wrap; }\r\n.chic-shop-card { width: 100%; max-width: 400px; background: #faf9f6; border-radius: 24px; padding: 50px 40px; text-align: center; position: relative; transition: all 0.4s ease; border: 1px solid rgba(0,0,0,0.03); text-decoration: none; }\r\n.chic-shop-card:hover { transform: translateY(-8px); box-shadow: 0 25px 50px rgba(29, 78, 216, 0.08); border-color: rgba(29, 78, 216, 0.15); }\r\n.shop-product-img { width: 100%; height: 260px; object-fit: contain; margin-bottom: 30px; filter: drop-shadow(0 20px 25px rgba(0,0,0,0.12)); transition: transform 0.5s ease; }\r\n@media (max-width: 768px) { .shop-product-img { height: 220px; filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1)); } }\r\n.chic-shop-card:hover .shop-product-img { transform: scale(1.06) rotate(-2deg); }\r\n.shop-stars { color: #d4af37; font-size: 1.1rem; margin-bottom: 15px; letter-spacing: 2px; }\r\n.shop-stars span { color: #888; font-size: 0.8rem; letter-spacing: 0; }\r\n.shop-brand-name { text-transform: uppercase; color: #1d4ed8; font-size: 0.75rem; letter-spacing: 4px; font-weight: 600; margin-bottom: 10px; }\r\n.cs-product-name { font-family: 'Playfair Display', serif; font-size: 1.8rem; font-weight: 600; color: #111; margin-bottom: 15px; min-height: 60px; line-height: 1.2; letter-spacing: -0.5px;}\r\n.shop-price-box { display: flex; justify-content: center; align-items: center; gap: 15px; margin-bottom: 35px; }\r\n.shop-old-price { font-size: 1rem; color: #999; text-decoration: line-through; }\r\n.shop-new-price { font-size: 1.4rem; font-weight: 600; color: #000; }\r\n.shop-buy-btn { display: flex; align-items: center; justify-content: center; width: 100%; background-color: #111; color: #fff; padding: 16px 0; border-radius: 40px; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; font-size: 0.85rem; transition: all 0.4s ease; overflow: hidden; position: relative; z-index: 1; }\r\n.shop-buy-btn::before { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #1d4ed8; transition: all 0.4s ease; z-index: -1; border-radius: 40px; }\r\n.chic-shop-card:hover .shop-buy-btn::before { width: 100%; }\r\n.chic-shop-card:hover .shop-buy-btn { box-shadow: 0 10px 20px rgba(29, 78, 216, 0.3); }\r\n\r\n\/* ======================================================================\r\n 12. SERVICE CENTER FOOTER (Section 12)\r\n====================================================================== *\/\r\n.service-center-section { padding: 100px 20px; display: flex; justify-content: center; position: relative; background-color: #080205; overflow:hidden; }\r\n.service-center-section::before { content: ''; position: absolute; top: 50%; right: 10%; transform: translateY(-50%); width: 500px; height: 500px; background: radial-gradient(circle, rgba(29, 78, 216,0.1), rgba(5, 5, 5,0) 70%); z-index: 0; pointer-events: none; }\r\n.sc-container { max-width: 1200px; width: 100%; background: rgba(20, 5, 12, 0.4); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 30px; display: flex; flex-wrap: wrap; overflow: hidden; position: relative; z-index: 2; box-shadow: 0 30px 60px rgba(0,0,0,0.6); }\r\n.sc-content { flex: 1 1 500px; padding: 60px; display: flex; flex-direction: column; justify-content: center; }\r\n.sc-title { font-family: 'Playfair Display', serif; font-size: 2.8rem; color: #fff; margin: 0 0 20px 0; position: relative; padding-bottom: 20px; }\r\n.sc-title::after { content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 2px; background-color: #1d4ed8; }\r\n.sc-details { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 30px; }\r\n.sc-item { display: flex; align-items: flex-start; gap: 15px; }\r\n.sc-icon { width: 24px; height: 24px; flex-shrink: 0; fill: #1d4ed8; margin-top: 3px; }\r\n.sc-text h4 { color: #fff; font-size: 1.1rem; margin: 0 0 5px 0; font-weight: 500; letter-spacing: 1px;}\r\n.sc-text p { color: rgba(255,255,255,0.6); font-size: 0.95rem; margin: 0; line-height: 1.6; font-weight: 300;}\r\n.sc-agent { margin-top: 40px; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); }\r\n.sc-agent-title { font-family: 'Playfair Display', serif; color: #fff; font-size: 1.4rem; margin: 0 0 10px 0; }\r\n.sc-agent-desc { color: rgba(255,255,255,0.5); font-size: 0.9rem; letter-spacing: 0.5px; font-weight: 300;}\r\n.sc-map-container { flex: 1 1 500px; min-height: 400px; position: relative; }\r\n.sc-map-container iframe { width: 100%; height: 100%; position: absolute; inset: 0; filter: invert(90%) hue-rotate(180deg) contrast(1.1) brightness(0.9); }\r\n.sc-map-overlay { position: absolute; inset: 0; background: rgba(8, 2, 5, 0.2); pointer-events: none; }\r\n@media (max-width: 900px) { .sc-content { padding: 40px 30px; } .sc-map-container { min-height: 350px; } .sc-title { font-size: 2rem; } }\r\n\/* ======================================================================\r\n 10.5. TRUST BADGES - ULTRA CHIC\r\n====================================================================== *\/\r\n.chic-trust-section { padding: 120px 20px; background-color: #fff; border-top: 1px solid rgba(0,0,0,0.03); border-bottom: 1px solid rgba(0,0,0,0.03); }\r\n.chic-trust-header { text-align: center; margin-bottom: 80px; }\r\n.ct-heading { font-family: 'Outfit', sans-serif; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 6px; color: #1d4ed8; font-weight: 600; margin: 0 0 15px 0; }\r\n.ct-sub { font-family: 'Playfair Display', serif; font-size: 2.2rem; color: #111; font-weight: 400; font-style: italic; margin: 0; }\r\n.chic-trust-container { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 1200px; margin: 0 auto; }\r\n.trust-item { position: relative; text-align: center; padding: 20px 40px; display: flex; flex-direction: column; align-items: center; }\r\n.trust-item:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 15%; height: 70%; width: 1px; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.08), rgba(0,0,0,0)); }\r\n.tc-icon { width: 40px; height: 40px; color: #1d4ed8; margin-bottom: 25px; transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), color 0.6s ease; stroke-width: 1.2; }\r\n.trust-item:hover .tc-icon { color: #111; transform: translateY(-8px) scale(1.1); }\r\n.tc-title { font-family: 'Outfit', sans-serif; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 3px; font-weight: 500; color: #111; margin-bottom: 12px; }\r\n.tc-desc { font-family: 'Playfair Display', serif; font-size: 1rem; color: #888; font-weight: 400; font-style: italic; line-height: 1.5; }\r\n@media (max-width: 900px) {\r\n .chic-trust-container { grid-template-columns: repeat(2, 1fr); row-gap: 60px; }\r\n .trust-item:nth-child(2)::after { display: none; }\r\n}\r\n@media (max-width: 600px) {\r\n .chic-trust-container { grid-template-columns: 1fr; row-gap: 60px; }\r\n .trust-item::after { content: ''; position: absolute; bottom: -30px; top: auto; right: auto; left: 50%; transform: translateX(-50%); width: 60px; height: 1px; background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.08), rgba(0,0,0,0)); }\r\n .trust-item:not(:last-child)::after { display: block; }\r\n}\r\n\r\n\/* ======================================================================\r\n MASTER MOBILE RESPONSIVE OVERRIDES\r\n Single consolidated block for all sections \u2014 keeps spacing tight & content clear\r\n====================================================================== *\/\r\n@media (max-width: 768px) {\r\n\r\n \/* --- HERO SPLIT --- *\/\r\n .hero-split-section { flex-direction: column; min-height: auto; }\r\n .hero-left { min-height: 55vw; max-height: 320px; }\r\n .hero-left::after { background: linear-gradient(180deg, rgba(5,5,5,0) 0%, rgba(5,5,5,1) 100%); }\r\n .hero-right { padding: 24px 20px 40px; align-items: center; text-align: center; margin-top: -60px; }\r\n .hero-content-box { max-width: 100%; }\r\n .hs-title { font-size: 2rem; margin-bottom: 16px; }\r\n .hs-desc { font-size: 0.95rem; margin-bottom: 24px; }\r\n .discover-btn { margin-top: 20px; }\r\n\r\n \/* --- MARQUEE --- *\/\r\n .chic-marquee-text { font-size: 0.8rem; letter-spacing: 2px; padding: 0 24px; }\r\n .chic-marquee-text::after { margin-left: 48px; }\r\n\r\n\r\n \/* --- CONSISTENT FLOW (Section 13) --- *\/\r\n .chic-consistent-flow { gap: 50px; padding: 50px 16px; }\r\n .sr-header { margin-bottom: 30px; }\r\n .sr-title { font-size: 1.9rem; }\r\n .sr-cards-container { grid-template-columns: repeat(2, 1fr); gap: 12px; }\r\n\r\n \/* Hero card *\/\r\n .hero-card { grid-column: span 2; height: 380px; border-radius: 20px; }\r\n .hero-card .sr-name { font-size: 1.8rem; margin-bottom: 10px; }\r\n .hero-card .sr-desc { font-size: 0.85rem; line-height: 1.4; margin-top: 10px !important; }\r\n\r\n \/* sr-cards *\/\r\n .sr-card { height: 260px; border-radius: 16px; }\r\n .sr-name { font-size: 1.1rem; line-height: 1.2; margin-bottom: 5px; }\r\n .sr-content { left: 12px; right: 12px; bottom: 12px; }\r\n .sr-tag { font-size: 0.55rem; padding: 4px 8px; margin-bottom: 8px; letter-spacing: 1px;}\r\n .sr-card:not(.hero-card) .sr-desc { display: none !important; }\r\n\r\n \/* product cards (arsenal) *\/\r\n .product-card { height: 360px; border-radius: 20px; }\r\n .pc-glass { padding: 22px 16px; top: 10px; left: 10px; right: 10px; border-radius: 14px; }\r\n .pc-name { font-size: 1.5rem; }\r\n .pc-name::after { margin: 12px auto; }\r\n .pc-desc { font-size: 0.85rem; }\r\n .pc-tag { font-size: 0.55rem; letter-spacing: 3px; padding: 5px 12px; margin-bottom: 12px; }\r\n\r\n \/* --- SALON RESULTS --- *\/\r\n .salon-results { padding: 50px 16px; }\r\n\r\n \/* --- SPOTLIGHT --- *\/\r\n .spotlight-section { padding: 60px 16px 50px; }\r\n .sp-header { margin-bottom: 40px; }\r\n .sp-title { font-size: 1.8rem; margin-bottom: 10px; }\r\n .sp-subtitle { font-size: 0.95rem; }\r\n .sp-image-inner { width: 240px; height: 240px; border-radius: 20px; }\r\n .sp-image-outer { padding: 8px; border-radius: 28px; animation: none !important; margin-bottom: 30px; }\r\n .sp-ring-1 { width: 270px; height: 270px; }\r\n .sp-ring-2 { width: 380px; height: 380px; }\r\n .sp-ring-3 { display: none; }\r\n .sp-badge { \r\n position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;\r\n width: calc(100% - 32px); margin: 0 auto 12px; padding: 12px 18px;\r\n animation: none !important; border-radius: 10px;\r\n justify-content: flex-start; gap: 12px;\r\n }\r\n .sp-badge-text { font-size: 0.75rem; letter-spacing: 1px; }\r\n .sp-showcase { gap: 12px; flex-direction: column; align-items: center; }\r\n\r\n \/* --- ULTRA PREMIUM --- *\/\r\n .ultra-premium-section { flex-direction: column; gap: 20px; margin: 40px auto; padding: 0 16px; }\r\n .ultra-card { height: auto; min-height: 420px; border-radius: 24px; }\r\n .ultra-img { position: relative; padding: 40px 20px 16px; height: 220px; }\r\n .ultra-img img { max-width: 200px; }\r\n .ultra-info { position: relative; bottom: auto; left: auto; right: auto; margin: 0 16px 16px; border-radius: 18px; padding: 24px; }\r\n .ultra-title { font-size: 1.8rem; margin-bottom: 8px; }\r\n .ultra-desc { font-size: 0.9rem; margin-bottom: 16px; }\r\n\r\n \/* --- POPOUT CARDS (Carousel) --- *\/\r\n .popout-section { \r\n padding: 40px 16px 60px; \r\n gap: 16px; \r\n flex-wrap: nowrap; \r\n overflow-x: auto; \r\n overflow-y: hidden; \r\n scroll-snap-type: x mandatory; \r\n -webkit-overflow-scrolling: touch; \r\n justify-content: flex-start;\r\n scrollbar-width: none;\r\n }\r\n .popout-section::-webkit-scrollbar { display: none; }\r\n .pop-card { \r\n flex: 0 0 85%;\r\n scroll-snap-align: center;\r\n padding: 30px 24px 24px; height: auto; min-height: unset;\r\n background: #11030b; overflow: hidden; border-radius: 28px;\r\n box-shadow: 0 20px 40px rgba(29, 78, 216, 0.15);\r\n transform: none !important;\r\n margin-bottom: 0;\r\n display: flex; flex-direction: column;\r\n }\r\n .pc-title { color: #fff; max-width: 100%; font-size: 2rem; margin-bottom: 12px; }\r\n .pc-desc { color: #aaa; max-width: 100%; font-size: 0.9rem; }\r\n .pc-badge { color: #d4af37; }\r\n .pc-tech { \r\n position: relative; bottom: auto; left: auto; \r\n opacity: 1; transform: none; \r\n margin-top: 20px; order: 2; width: 100%;\r\n padding: 0; \r\n }\r\n .pc-tech li { font-size: 0.85rem; margin-bottom: 10px; }\r\n .pc-img-wrapper { \r\n position: relative; bottom: auto; right: auto;\r\n width: 100%; max-width: 200px;\r\n margin: 20px auto 0; order: 3;\r\n transform: none !important; animation: none !important;\r\n }\r\n .pop-card:hover .pc-img-wrapper { transform: none !important; }\r\n\r\n \/* --- EDITORIAL TESTIMONIAL --- *\/\r\n .chic-editorial-review { padding: 60px 20px; }\r\n .cr-text { font-size: 1.35rem; margin-bottom: 30px; line-height: 1.5; }\r\n .cr-stars { margin-bottom: 24px; }\r\n .cr-watermark { display: none; }\r\n\r\n \/* --- TRUST BADGES --- *\/\r\n .chic-trust-section { padding: 40px 16px; }\r\n .chic-trust-header { margin-bottom: 30px; }\r\n .ct-sub { font-size: 1.4rem; }\r\n .chic-trust-container { grid-template-columns: repeat(2, 1fr); gap: 20px; }\r\n .trust-item { padding: 10px; }\r\n .trust-item::after { display: none !important; }\r\n .tc-icon { width: 36px; height: 36px; margin-bottom: 12px; }\r\n .tc-title { font-size: 0.75rem; letter-spacing: 1px; }\r\n .tc-desc { font-size: 0.85rem; line-height: 1.4; }\r\n\r\n \/* --- SHOP SECTION --- *\/\r\n .chic-shop-section { flex-direction: column; align-items: center; padding: 40px 16px; gap: 20px; }\r\n .chic-shop-card { padding: 30px 24px; max-width: 100%; border-radius: 20px; }\r\n .shop-product-img { height: 180px; margin-bottom: 20px; }\r\n .cs-product-name { font-size: 1.4rem; min-height: unset; }\r\n .shop-price-box { margin-bottom: 20px; }\r\n\r\n \/* --- SERVICE CENTER --- *\/\r\n .service-center-section { padding: 30px 16px; }\r\n .sc-container { border-radius: 20px; }\r\n .sc-content { padding: 30px 24px; }\r\n .sc-title { font-size: 1.6rem; }\r\n .sc-details { gap: 20px; }\r\n .sc-text p { font-size: 0.9rem; }\r\n .sc-map-container { min-height: 260px; }\r\n .sc-agent { margin-top: 24px; padding-top: 20px; }\r\n .sc-agent-title { font-size: 1.2rem; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- 2. HERO SPLIT (Section 8) -->\r\n<section class=\"hero-split-section\">\r\n <div class=\"hero-left\">\r\n <div class=\"hl-slide\" style=\"background-image: url('https:\/\/arzumegypt.com\/wp-content\/uploads\/2026\/04\/c06bbe6d-edbe-4302-b8a9-a63b02a208ce.jpg');\"><\/div>\r\n <div class=\"hl-slide slide-2\" style=\"background-image: url('https:\/\/arzumegypt.com\/wp-content\/uploads\/2026\/04\/17.png');\"><\/div>\r\n <\/div>\r\n <div class=\"hero-right\">\r\n <div class=\"hero-content-box\">\r\n <div class=\"hs-subtitle\">\u062a\u0642\u062f\u064a\u0645 \u0623\u0631\u0632\u0648\u0645<\/div>\r\n <h1 class=\"hs-title\">\u0630\u0627 \u0633\u062a\u0627\u064a\u0644\u0631<br><span>\u0627\u0644\u062b\u0648\u0631\u0629<\/span><\/h1>\r\n <p class=\"hs-desc\">\u062c\u0647\u0627\u0632 \u0633\u062a\u0627\u064a\u0644\u0631 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a \u0645\u0635\u0645\u0651\u0645 \u0639\u0644\u0634\u0627\u0646 \u064a\u062a\u0623\u0642\u0644\u0645 \u0645\u0639 \u0643\u0644 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643.\n\u0627\u0639\u0645\u0644\u064a \u0627\u0643\u062a\u0631 \u0645\u0646 \u0644\u0648\u0643 \u0645\u062b\u0627\u0644\u064a \u0628\u0633\u0647\u0648\u0644\u0629\u060c \u0645\u0646 \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u0646\u0627\u0639\u0645 \u0627\u0644\u0627\u0646\u0633\u064a\u0627\u0628\u064a \u0644\u062d\u062f \u0627\u0644\u0643\u064a\u0631\u0644\u064a \u0627\u0644\u062d\u064a\u0648\u064a \u0627\u0644\u0645\u0645\u062a\u0644\u0626<\/p>\r\n <a href=\"#shop\" class=\"discover-btn\"><div class=\"circle\">\u2192<\/div>\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- 2.5 TRUST BADGES SECTION (Moved from bottom) -->\r\n<div class=\"chic-trust-section\">\r\n <div class=\"chic-trust-header\">\r\n <img decoding=\"async\" src=\"https:\/\/arzumegypt.com\/wp-content\/uploads\/2026\/04\/LOGO-NEW-STAR-2023-copy-scaled.webp\" alt=\"New Star Logo\" style=\"display: block; margin: 0 auto 30px; max-width: 180px; height: auto;\">\r\n <h2 class=\"ct-heading\">\u0648\u0639\u062f \u0646\u064a\u0648 \u0633\u062a\u0627\u0631<\/h2>\r\n <p class=\"ct-sub\">\u062a\u0645\u064a\u0651\u0632 \u0628\u064a\u0648\u0635\u0644 \u0644\u062d\u062f \u0628\u0627\u0628 \u0628\u064a\u062a\u0643<\/p>\r\n <\/div>\r\n <div class=\"chic-trust-container\">\r\n <div class=\"trust-item\">\r\n <svg class=\"tc-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"><\/path>\r\n <\/svg>\r\n <div class=\"tc-title\">\u0627\u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0631\u0633\u0645\u064a<\/div>\r\n <div class=\"tc-desc\">\u0636\u0645\u0627\u0646 \u0644\u0645\u062f\u0629 2 \u0633\u0646\u0629 \u0645\u062f\u0639\u0648\u0645 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0645\u0646 \u0634\u0631\u0643\u0629 \u0646\u064a\u0648 \u0633\u062a\u0627\u0631 \u0627\u0644\u062c\u062f\u064a\u062f\u0629<\/div>\r\n <\/div>\r\n <div class=\"trust-item\">\r\n <svg class=\"tc-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 9.36l-7.1 7.1a1 1 0 0 1-1.4 0l-2.8-2.8a1 1 0 0 1 0-1.4l7.1-7.1a6 6 0 0 1 9.36-7.94z\"><\/path>\r\n <\/svg>\r\n <div class=\"tc-title\">\u0645\u0631\u0643\u0632 \u0627\u0644\u0635\u064a\u0627\u0646\u0629<\/div>\r\n <div class=\"tc-desc\">\u062e\u062f\u0645\u0629 \u0645\u062d\u0644\u064a\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u0645\u0639 \u0642\u0637\u0639 \u063a\u064a\u0627\u0631 \u0623\u0635\u0644\u064a\u0629<\/div>\r\n <\/div>\r\n <div class=\"trust-item\">\r\n <svg class=\"tc-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path d=\"M4 19h16\"><\/path><path d=\"M12 3v16\"><\/path><path d=\"M12 3l-8 8h16l-8-8z\"><\/path>\r\n <\/svg>\r\n <div class=\"tc-title\">10 \u0633\u0646\u0648\u0627\u062a \u0641\u064a \u0645\u0635\u0631<\/div>\r\n <div class=\"tc-desc\">\u0646\u062e\u062f\u0645 \u0639\u0645\u0644\u0627\u0621\u0646\u0627 \u0627\u0644\u0645\u0635\u0631\u064a\u064a\u0646 \u0628\u0631\u0634\u0627\u0642\u0629 \u0645\u0646\u0630 \u0639\u0627\u0645 2015<\/div>\r\n <\/div>\r\n <div class=\"trust-item\">\r\n <svg class=\"tc-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\r\n <path d=\"M4 19h16\"><\/path><path d=\"M4 15h16\"><\/path><path d=\"M6 11V5a2 2 0 012-2h8a2 2 0 012 2v6\"><\/path><circle cx=\"12\" cy=\"11\" r=\"2\"><\/circle>\r\n <\/svg>\r\n <div class=\"tc-title\">\u0627\u0644\u0634\u062d\u0646 \u0639\u0644\u0649 \u0627\u0644\u0635\u0639\u064a\u062f \u0627\u0644\u0648\u0637\u0646\u064a<\/div>\r\n <div class=\"tc-desc\">\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0631\u0641\u0627\u0647\u064a\u0629 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u062d\u0627\u0641\u0638\u0627\u062a \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0645\u0635\u0631<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- 11. SHOP SECTION (Moved below USPs) -->\r\n<div class=\"chic-shop-section\" id=\"shop\">\r\n <div style=\"width: 100%; flex-basis: 100%; text-align: center; margin-bottom: 10px;\">\r\n <span class=\"sr-subtitle\" style=\"display: block; text-align: center; margin-bottom: 10px;\">\u0627\u062e\u062a\u0631 \u062b\u0648\u0631\u062a\u0643<\/span>\r\n <h2 class=\"sr-title\" style=\"text-align: center;\">\u0627\u062e\u062a\u0631 \u0645\u0635\u0641\u0641 \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u0630\u064a \u064a\u0646\u0627\u0633\u0628\u0643<\/h2>\r\n <\/div>\r\n <a href=\"https:\/\/arzumegypt.com\/ar\/product\/arzum-ar5162-revolution-ionic-hot-air-styler\/\" class=\"chic-shop-card\">\r\n <img decoding=\"async\" src=\"https:\/\/arzumegypt.com\/wp-content\/uploads\/2026\/04\/1-1-1.png\" alt=\"Arzum Revolution Ionic Hot Air Styler AR5162\" class=\"shop-product-img\">\r\n <div class=\"shop-stars\">\u2605\u2605\u2605\u2605\u2605 <span>(124)<\/span><\/div>\r\n <div class=\"shop-brand-name\">\u0623\u0631\u0632\u0648\u0645 - SKU: AR5162 - AR5162<\/div>\r\n <div class=\"cs-product-name\">\u0631\u064a\u0641\u0648\u0644\u064a\u0648\u0634\u0646 \u0623\u064a\u0648\u0646\u064a\u0643 \u0647\u0648\u062a \u0625\u064a\u0631 \u0633\u062a\u0627\u064a\u0644\u0631<\/div>\r\n <div class=\"shop-buy-btn\" style=\"margin-top: 20px;\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/div>\r\n <\/a>\r\n <a href=\"https:\/\/arzumegypt.com\/ar\/product\/arzum-ar5165-revolution-bldc-ionic-air-blow-hair-shaper-6-in-1\/\" class=\"chic-shop-card\">\r\n <img decoding=\"async\" src=\"https:\/\/arzumegypt.com\/wp-content\/uploads\/2026\/04\/1-2-1.png\" alt=\"Arzum Revolution BLDC Ionic Air Blow Hair Shaper AR5165\" class=\"shop-product-img\">\r\n <div class=\"shop-stars\">\u2605\u2605\u2605\u2605\u2605 <span>(89)<\/span><\/div>\r\n <div class=\"shop-brand-name\">\u0623\u0631\u0632\u0648\u0645 - SKU: AR5165<\/div>\r\n <div class=\"cs-product-name\">\u0631\u064a\u0641\u0648\u0644\u064a\u0648\u0634\u0646 BLDC \u0623\u064a\u0648\u0646\u064a\u0643 \u0625\u064a\u0631 \u0628\u0644\u0648 \u0644\u062a\u0634\u0643\u064a\u0644 \u0627\u0644\u0634\u0639\u0631<\/div>\r\n <div class=\"shop-buy-btn\" style=\"margin-top: 20px;\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/div>\r\n <\/a>\r\n <a href=\"https:\/\/arzumegypt.com\/ar\/product\/arzum-revolution-hair-straightener-brush-ceramic-plate-platinum-gray-ar5158\/\" class=\"chic-shop-card\">\r\n <img decoding=\"async\" src=\"https:\/\/janndal.com\/cdn\/shop\/files\/ar5158-revolution-sac-duzlestirici-firca-platin-gri-sac-duzlestirici-firca-arzum-ar5158-5343-33-B_400x.jpg?v=1730830461\" alt=\"AR5158 Hair Straightening Brush - Platinum Gray\" class=\"shop-product-img\">\r\n <div class=\"shop-stars\">\u2605\u2605\u2605\u2605\u2605 <span>(74)<\/span><\/div>\r\n <div class=\"shop-brand-name\">\u0623\u0631\u0632\u0648\u0645 - SKU: AR5158 AR5158<\/div>\r\n <div class=\"cs-product-name\">\u0641\u0631\u0634\u0627\u0629 \u0641\u0631\u062f \u0627\u0644\u0634\u0639\u0631 \u0628\u0644\u0648\u0646 \u0627\u0644\u0631\u0645\u0627\u062f\u064a \u0627\u0644\u0628\u0644\u0627\u062a\u064a\u0646\u064a\u0648\u0645<\/div>\r\n <div class=\"shop-buy-btn\" style=\"margin-top: 20px;\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/div>\r\n <\/a>\r\n<\/div>\r\n\r\n<!-- 3. MARQUEE -->\r\n<div class=\"chic-marquee-container\">\r\n <div class=\"chic-marquee-content\">\r\n <span class=\"chic-marquee-text\">\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629<\/span>\r\n <span class=\"chic-marquee-text\">\u0636\u0631\u0631 \u062d\u0631\u0627\u0631\u064a \u0635\u0641\u0631\u064a<\/span>\r\n <span class=\"chic-marquee-text\">\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0635\u0627\u0644\u0648\u0646 \u0627\u0644\u062e\u0627\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0639\u064a\u0648\u0628<\/span>\r\n <span class=\"chic-marquee-text\">\u0633\u064a\u0631\u0627\u0645\u064a\u0643 \u0627\u0644\u062a\u0648\u0631\u0645\u0627\u0644\u064a\u0646<\/span>\r\n <span class=\"chic-marquee-text\">\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629<\/span>\r\n <span class=\"chic-marquee-text\">\u0636\u0631\u0631 \u062d\u0631\u0627\u0631\u064a \u0635\u0641\u0631\u064a<\/span>\r\n <span class=\"chic-marquee-text\">\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0635\u0627\u0644\u0648\u0646 \u0627\u0644\u062e\u0627\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0639\u064a\u0648\u0628<\/span>\r\n <span class=\"chic-marquee-text\">\u0633\u064a\u0631\u0627\u0645\u064a\u0643 \u0627\u0644\u062a\u0648\u0631\u0645\u0627\u0644\u064a\u0646<\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- 5. CONSISTENT FLOW (Section 13 Full Block: 4 Results + 4 Arsenal) -->\r\n<div class=\"chic-consistent-flow\">\r\n <!-- Block 2: Lifestyle 4 Cards -->\r\n <div style=\"width: 100%;\">\r\n <div class=\"sr-header\">\r\n <span class=\"sr-subtitle\">\u0646\u062a\u0627\u0626\u062c \u0645\u062b\u0628\u062a\u0629<\/span>\r\n <h2 class=\"sr-title\">\u0644\u0645\u0633\u0629 \u0646\u0647\u0627\u0626\u064a\u0629 \u0628\u062c\u0648\u062f\u0629 \u0627\u0644\u0643\u0648\u0627\u0641\u064a\u0631<\/h2>\r\n <\/div>\r\n <div class=\"sr-cards-container\">\r\n <div class=\"sr-card\">\r\n <div class=\"sr-img\" style=\"background-image: url('https:\/\/arzumegypt.com\/wp-content\/uploads\/2026\/04\/18.png');\"><\/div>\r\n <div class=\"sr-content\">\r\n <span class=\"sr-tag\">\u0646\u0627\u0639\u0645 \u0648\u0623\u0646\u064a\u0642<\/span>\r\n <h3 class=\"sr-name\">\u0644\u0645\u0633\u0629 \u0646\u0647\u0627\u0626\u064a\u0629 \u0623\u0646\u064a\u0642\u0629<\/h3>\r\n <p class=\"sr-desc\">\u0627\u062d\u0635\u0644\u064a \u0639\u0644\u0649 \u0634\u0639\u0631 \u0623\u0645\u0644\u0633 \u0648\u062e\u0627\u0644\u064d \u0645\u0646 \u0627\u0644\u062a\u062c\u0639\u062f \u0628\u0634\u0643\u0644 \u0645\u062b\u0627\u0644\u064a. \u064a\u062e\u0641\u064a \u062a\u0623\u062b\u064a\u0631 \u0643\u0648\u0627\u0646\u062f\u0627 \u0644\u062a\u0646\u0639\u064a\u0645 \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u0645\u062a\u0637\u0627\u064a\u0631 \u0628\u0634\u0643\u0644 \u0637\u0628\u064a\u0639\u064a.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sr-card\">\r\n <div class=\"sr-img\" style=\"background-image: url('https:\/\/arzumegypt.com\/wp-content\/uploads\/2026\/04\/19.png');\"><\/div>\r\n <div class=\"sr-content\">\r\n <span class=\"sr-tag\">\u062a\u062c\u0627\u0639\u064a\u062f \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u0645\u062c\u0639\u062f \u0627\u0644\u0643\u062b\u064a\u0641<\/span>\r\n <h3 class=\"sr-name\">\u0645\u0648\u062c\u0627\u062a \u0645\u062b\u0627\u0644\u064a\u0629<\/h3>\r\n <p class=\"sr-desc\">\u0627\u0633\u062a\u0641\u064a\u062f\u064a \u0645\u0646 \u0642\u0648\u0629 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0627\u062a \u0627\u0644\u0647\u0648\u0627\u0626\u064a\u0629 \u0644\u0644\u0641 \u0634\u0639\u0631\u0643\u0650 \u0648\u062a\u062c\u0639\u064a\u062f\u0647 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u0641\u064a \u062a\u0645\u0648\u062c\u0627\u062a \u0645\u062a\u0646\u0627\u0633\u0642\u0629 \u0648\u0645\u062a\u0645\u0627\u0648\u062c\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sr-card\">\r\n <div class=\"sr-img\" style=\"background-image: url('https:\/\/arzumegypt.com\/wp-content\/uploads\/2026\/04\/20.png');\"><\/div>\r\n <div class=\"sr-content\">\r\n <span class=\"sr-tag\">\u0627\u0644\u0631\u0641\u0639 \u0627\u0644\u0623\u0642\u0635\u0649<\/span>\r\n <h3 class=\"sr-name\">\u0643\u062b\u0627\u0641\u0629 \u0648\u062d\u062c\u0645 \u0644\u0644\u0634\u0639\u0631<\/h3>\r\n <p class=\"sr-desc\">\u0648\u062c\u0651\u0647\u064a \u0627\u0644\u0647\u0648\u0627\u0621 \u0645\u0628\u0627\u0634\u0631\u0629 \u0644\u062c\u0630\u0648\u0631 \u0627\u0644\u0634\u0639\u0631 \u0639\u0644\u0634\u0627\u0646 \u062a\u0639\u0645\u0644\u064a \u0634\u0643\u0644\u060c \u0643\u062b\u0627\u0641\u0629\u060c \u0648\u062d\u064a\u0648\u064a\u0629 \u0641\u0648\u0631\u064b\u0627 \u2014 \u0645\u0646\u0627\u0633\u0628 \u0644\u0643\u0644 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0634\u0639\u0631.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sr-card\">\r\n <div class=\"sr-img\" style=\"background-image: url('https:\/\/arzumegypt.com\/wp-content\/uploads\/2026\/04\/21.png');\"><\/div>\r\n <div class=\"sr-content\">\r\n <span class=\"sr-tag\">\u0627\u0644\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0644\u0637\u064a\u0641<\/span>\r\n <h3 class=\"sr-name\">\u0627\u0644\u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0645\u062b\u0644\u0649<\/h3>\r\n <p class=\"sr-desc\">\u062d\u0636\u0651\u0631\u064a \u0634\u0639\u0631\u0643 \u0645\u0646 \u0645\u0628\u0644\u0648\u0644 \u0644\u0646\u0635 \u0646\u0627\u0634\u0641 \u0628\u0633\u0631\u0639\u0629 \u0648\u0628\u0646\u0639\u0648\u0645\u0629\u060c \u0639\u0644\u0634\u0627\u0646 \u062a\u0639\u0645\u0644\u064a \u0627\u0644\u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\u0629 \u0644\u0644\u062a\u0635\u0641\u064a\u0641.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- 7. SPOTLIGHT DARK AREA (Section 10) -->\r\n<section class=\"spotlight-section\">\r\n <div class=\"sp-header\">\r\n <h2 class=\"sp-title\">\u0623\u062f\u0627\u0629 \u0648\u0627\u062d\u062f\u0629\u060c \u0633\u062a\u0627\u064a\u0644\u0627\u062a \u0628\u0644\u0627 \u062d\u062f\u0648\u062f<\/h2>\r\n <p class=\"sp-subtitle\">\u0627\u0643\u062a\u0634\u0641\u064a \u0627\u0644\u0645\u0644\u062d\u0642\u0627\u062a \u0627\u0644\u0644\u064a \u0628\u062a\u062e\u0644\u064a Arzum Revolution \u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0645\u062b\u0627\u0644\u064a \u0644\u0644\u062a\u0635\u0641\u064a\u0641.<\/p>\r\n <\/div>\r\n <div class=\"sp-showcase\">\r\n <div class=\"sp-ring sp-ring-1\"><\/div>\r\n <div class=\"sp-ring sp-ring-2\"><\/div>\r\n <div class=\"sp-ring sp-ring-3\"><\/div>\r\n \r\n <div class=\"sp-image-outer\">\r\n <div class=\"sp-image-inner\">\r\n <div class=\"sp-img\" style=\"background-image: url('https:\/\/arzumegypt.com\/wp-content\/uploads\/2026\/04\/access-scaled.jpg');\"><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"sp-badge badge-1\"><div class=\"sp-badge-dot\"><\/div><div class=\"sp-badge-text\">\u0623\u0633\u0637\u0648\u0627\u0646\u0627\u062a \u0644\u0641\u0651 \u062a\u0644\u0642\u0627\u0626\u064a<\/div><\/div>\r\n <div class=\"sp-badge badge-2\"><div class=\"sp-badge-dot\"><\/div><div class=\"sp-badge-text\">\u0641\u0631\u0634\u0627\u0629 \u062a\u0646\u0639\u064a\u0645 \u0645\u062a\u064a\u0646\u0629<\/div><\/div>\r\n <div class=\"sp-badge badge-3\"><div class=\"sp-badge-dot\"><\/div><div class=\"sp-badge-text\">\u0645\u062c\u0641\u0641 \u0645\u0627 \u0642\u0628\u0644 \u0627\u0644\u062a\u0635\u0641\u064a\u0641<\/div><\/div>\r\n <div class=\"sp-badge badge-4\"><div class=\"sp-badge-dot\"><\/div><div class=\"sp-badge-text\">\u0641\u0631\u0634\u0627\u0629 \u062a\u0643\u062b\u064a\u0641 \u0627\u0644\u0634\u0639\u0631<\/div><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<!-- 9. POPOUT ATTACHMENTS (Brush & Curler) -->\r\n<div class=\"popout-section\">\r\n <div class=\"pop-card\">\r\n <div class=\"pc-badge\">\u0627\u0644\u0641\u0631\u0634\u0627\u0629<\/div>\r\n <div class=\"pc-title\">\u0644\u0627 \u062a\u0634\u0648\u0628\u0647 \u0634\u0627\u0626\u0628\u0629<br>\u0627\u0644\u0627\u0646\u0632\u0644\u0627\u0642<\/div>\r\n <div class=\"pc-desc\">\u0634\u0639\u0631 \u0623\u0645\u0644\u0633 \u062d\u0631\u064a\u0631\u064a \u0641\u064a \u062f\u0642\u0627\u0626\u0642 \u0645\u0639 \u062d\u0645\u0627\u064a\u0629 \u0630\u0643\u064a\u0629 \u0645\u0646 \u0627\u0644\u062d\u0631\u0627\u0631\u0629.<\/div>\r\n <div class=\"pc-img-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/arzumegypt.com\/wp-content\/uploads\/2026\/04\/we.png\" alt=\"Arzum Brush\">\r\n <\/div>\r\n <div class=\"pc-tech\">\r\n <li>\u0633\u064a\u0631\u0627\u0645\u064a\u0643 \u0627\u0644\u062a\u0648\u0631\u0645\u0627\u0644\u064a\u0646<\/li>\r\n <li>\u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u0630\u0643\u064a \u0641\u064a \u062f\u0631\u062c\u0629 \u0627\u0644\u062d\u0631\u0627\u0631\u0629<\/li>\r\n <li>\u0644\u0645\u0639\u0627\u0646 \u062e\u0627\u0644\u064a \u0645\u0646 \u0627\u0644\u062a\u062c\u0639\u062f<\/li>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pop-card\">\r\n <div class=\"pc-badge\">\u062c\u0647\u0627\u0632 \u062a\u062c\u0639\u064a\u062f \u0627\u0644\u0634\u0639\u0631<\/div>\r\n <div class=\"pc-title\">\u0645\u062b\u0627\u0644\u064a<br>\u062a\u062c\u0639\u064a\u062f \u0627\u0644\u0634\u0639\u0631<\/div>\r\n <div class=\"pc-desc\">\u062f\u0648\u0631\u0627\u0646 \u062a\u0644\u0642\u0627\u0626\u064a \u0644\u0639\u0645\u0644 \u062a\u0645\u0648\u0651\u062c\u0627\u062a \u062d\u064a\u0648\u064a\u0629 \u0648\u0645\u0645\u062a\u0644\u0626\u0629 \u0628\u062c\u0648\u062f\u0629 \u0627\u0644\u0635\u0627\u0644\u0648\u0646 \u0641\u0648\u0631\u064b\u0627.<\/div>\r\n <div class=\"pc-img-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/arzumegypt.com\/wp-content\/uploads\/2026\/04\/fi.png\" alt=\"Arzum Curler\">\r\n <\/div>\r\n <div class=\"pc-tech\">\r\n <li>\u0627\u0644\u062a\u062f\u0648\u064a\u0631 \u0627\u0644\u0630\u0643\u064a<\/li>\r\n <li>\u062a\u0642\u0646\u064a\u0629 \u0645\u0643\u0627\u0641\u062d\u0629 \u0627\u0644\u062a\u0634\u0627\u0628\u0643<\/li>\r\n <li>\u062b\u0628\u0627\u062a \u064a\u062f\u0648\u0645 \u0637\u0648\u064a\u0644\u0627\u064b<\/li>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- 10. EDITORIAL TESTIMONIAL -->\r\n<div class=\"chic-editorial-review\">\r\n <div class=\"cr-watermark\">\"<\/div>\r\n <div class=\"cr-content\">\r\n <div class=\"cr-stars\">\u2726 \u2726 \u2726 \u2726 \u2726<\/div>\r\n <div class=\"cr-text\">\"\u0625\u0646\u0647 \u0644\u064a\u0633 \u0645\u062c\u0631\u062f \u062a\u0635\u0641\u064a\u0641\u061b \u0625\u0646\u0647 \u0645\u063a\u064a\u0651\u0631 \u0644\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0644\u0639\u0628\u0629 \u062a\u0645\u0627\u0645\u064b\u0627. \u064a\u0645\u0646\u062d\u0646\u064a \u062c\u0647\u0627\u0632 \u062a\u062c\u0639\u064a\u062f \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a \u062a\u0645\u0648\u062c\u0627\u062a \u0635\u0627\u0644\u0648\u0646 \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\u0629 \u0641\u064a \u0623\u0642\u0644 \u0645\u0646 \u0639\u0634\u0631 \u062f\u0642\u0627\u0626\u0642 \u062f\u0648\u0646 \u0625\u062a\u0644\u0627\u0641 \u0634\u0639\u0631\u064a.\"<\/div>\r\n <div class=\"cr-author\">\u0633\u0627\u0631\u0629 \u0645\u0646\u0635\u0648\u0631<span>\u0645\u0631\u0627\u062c\u0639\u0629 \u062c\u0647\u0627\u0632 \u062a\u062c\u0639\u064a\u062f \u0627\u0644\u0634\u0639\u0631 AR5156 \u0631\u064a\u0641\u0648\u0644\u064a\u0648\u0634\u0646 AR5156<\/span><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<!-- 12. SERVICE CENTER \/ FOOTER -->\r\n<section class=\"service-center-section\">\r\n <div class=\"sc-container\">\r\n <div class=\"sc-content\">\r\n <h2 class=\"sc-title\">\u0645\u0631\u0643\u0632 \u0627\u0644\u062e\u062f\u0645\u0629<\/h2>\r\n <ul class=\"sc-details\">\r\n <li class=\"sc-item\">\r\n <svg class=\"sc-icon\" viewbox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n <div class=\"sc-text\">\r\n <h4>\u0627\u0644\u0639\u0646\u0648\u0627\u0646<\/h4>\r\n <p>5 \u0634\u0627\u0631\u0639 \u0645\u0631\u0627\u062f \u0628\u064a\u0643\u060c \u0645\u0646 \u0634\u0627\u0631\u0639 \u0639\u062b\u0645\u0627\u0646 \u0628\u0646 \u0639\u0641\u0627\u0646<br>\u0645\u064a\u062f\u0627\u0646 \u0635\u0644\u0627\u062d \u0627\u0644\u062f\u064a\u0646\u060c \u0628\u062c\u0648\u0627\u0631 \u0635\u064a\u062f\u0644\u064a\u0629 \u062c\u0648\u0631\u062c<br>\u0647\u0644\u064a\u0648\u0628\u0648\u0644\u064a\u0633\u060c \u0627\u0644\u0642\u0627\u0647\u0631\u0629\u060c \u0645\u0635\u0631<\/p>\r\n <\/div>\r\n <\/li>\r\n <li class=\"sc-item\">\r\n <svg class=\"sc-icon\" viewbox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n <div class=\"sc-text\">\r\n <h4>\u0627\u0644\u062e\u0637 \u0627\u0644\u0633\u0627\u062e\u0646<\/h4>\r\n <p style=\"font-size: 1.5rem; color: #1d4ed8; font-weight: 600;\">15789<\/p>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <div class=\"sc-agent\">\r\n <h3 class=\"sc-agent-title\">\u0627\u0644\u0648\u0643\u064a\u0644 \u0627\u0644\u062d\u0635\u0631\u064a \u0646\u064a\u0648 \u0633\u062a\u0627\u0631<\/h3>\r\n <div class=\"sc-agent-desc\">\u0645\u0648\u0632\u0639 \u062d\u0635\u0631\u064a \u0644\u0645\u062f\u0629 10 \u0633\u0646\u0648\u0627\u062a \u0645\u0646\u0630 2015<\/div>\r\n <\/div>\r\n <div style=\"margin-top: 30px;\">\r\n <a href=\"https:\/\/www.google.com\/maps?daddr=5+Murad,+Mourad+Bek,+Almazah,+Heliopolis,+Cairo+Governorate\" target=\"_blank\" style=\"display:inline-block; padding: 12px 25px; border: 1px solid #1d4ed8; color: #fff; text-decoration: none; border-radius: 30px; font-weight: 500; font-size: 0.9rem; transition: background 0.3s ease;\" rel=\"noopener\">\r\n \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sc-map-container\">\r\n <iframe src=\"https:\/\/www.google.com\/maps?q=5+Murad+Bek+St,+Heliopolis,+Cairo+Governorate,+Egypt&output=embed\" frameborder=\"0\" style=\"border:0;\" allowfullscreen=\"\" aria-hidden=\"false\" tabindex=\"0\"><\/iframe>\r\n <div class=\"sc-map-overlay\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0642\u0633\u0645 14 - \u0631\u0623\u0633 \u0627\u0644\u0632\u062c\u0627\u062c \u0627\u0644\u0630\u0643\u064a (\u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0632\u0631\u0642\u0627\u0621) \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0645\u062a\u062c\u0631 \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u062a\u0635\u0644 \u0628\u0646\u0627 \u062a\u0633\u0648\u0642 \u0627\u0644\u0622\u0646 \u2630 \u0623\u0631\u0632\u0645 \u0631\u064a\u0641\u0648\u0644\u064a\u0648\u0634\u0646 -<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-154427","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arzumegypt.com\/ar\/wp-json\/wp\/v2\/pages\/154427","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arzumegypt.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arzumegypt.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arzumegypt.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arzumegypt.com\/ar\/wp-json\/wp\/v2\/comments?post=154427"}],"version-history":[{"count":133,"href":"https:\/\/arzumegypt.com\/ar\/wp-json\/wp\/v2\/pages\/154427\/revisions"}],"predecessor-version":[{"id":157444,"href":"https:\/\/arzumegypt.com\/ar\/wp-json\/wp\/v2\/pages\/154427\/revisions\/157444"}],"wp:attachment":[{"href":"https:\/\/arzumegypt.com\/ar\/wp-json\/wp\/v2\/media?parent=154427"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}