.assistant{ font-family: "Assistant",sans-serif; font-weight: 300; font-style: normal;}.allura{ font-family: "Allura",serif; font-weight: 400; font-style: normal;}body,.noto-sans-hebrew{ font-family: "Noto Sans Hebrew",serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "wdth" 100;}.primary-text{ color: #c17af8;}.bold{ font-weight: 600;}img[src$=".svg"]{ image-rendering: crisp-edges; image-rendering: -webkit-optimize-contrast; shape-rendering: geometricPrecision;}body,html{ margin: 0; padding: 0; color: white; background-color: #0a0a0a; font-family: "Noto Sans Hebrew",Arial,sans-serif; scroll-behavior: smooth; overflow-x: hidden;}.skip-link{ position: absolute; top: -40px; right: 16px; background: #c17af8; color: #0a0a0a; padding: 10px 16px; border-radius: 8px; z-index: 1000; transition: top 0.2s ease; font-weight: 700;}.skip-link:focus{ top: 16px; outline: 3px solid #fff; outline-offset: 2px;}a{ text-decoration: none; color: inherit;}a:focus-visible,button:focus-visible,.btn:focus-visible,.hamburger:focus-visible,.gallery-tab:focus-visible{ outline: 3px solid #c17af8; outline-offset: 3px;}body{ display: flex; flex-direction: column;}main{ display: flex; flex-direction: column; width: 100%;}/* NAVIGATION */.navbar{ display: flex; justify-content: space-between; align-items: center; padding: 20px 40px; background: rgba(0,0,0,0.8); backdrop-filter: blur(10px); position: sticky; top: 0; z-index: 100;}.nav-logo{ width: 60px; height: auto; flex-shrink: 0;}.hamburger{ display: none; flex-direction: column; background: transparent; border: none; cursor: pointer; padding: 8px; gap: 6px; z-index: 101; position: relative; --hamburger-width: 28px; --hamburger-height: 22px; --hamburger-line: 3px; width: var(--hamburger-width); height: var(--hamburger-height);}.hamburger-line{ width: 100%; height: var(--hamburger-line); background-color: #c17af8; transition: transform 0.3s ease,opacity 0.3s ease; border-radius: 2px; transform-origin: center; position: absolute; left: 0;}.hamburger-line:nth-child(1){ top: 0;}.hamburger-line:nth-child(2){ top: 50%; transform: translateY(-50%);}.hamburger-line:nth-child(3){ bottom: 0;}.hamburger.active .hamburger-line:nth-child(1){ transform: translateY(calc((var(--hamburger-height) - var(--hamburger-line)) / 2)) rotate(45deg);}.hamburger.active .hamburger-line:nth-child(2){ opacity: 0; transform: translateY(-50%) scaleX(0);}.hamburger.active .hamburger-line:nth-child(3){ transform: translateY(calc((var(--hamburger-line) - var(--hamburger-height)) / 2)) rotate(-45deg);}.nav-links{ display: flex; gap: 40px;}.nav-link{ color: white; font-size: 1rem; font-weight: 500; transition: color 0.3s ease; white-space: nowrap;}.nav-link:hover{ color: #c17af8;}.nav-link:focus-visible{ color: #c17af8;}/* HERO SECTION */.hero-section{ min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 60px 20px; background: linear-gradient(135deg,#1a0033 0%,#0a0a0a 100%); position: relative; overflow: hidden;}.hero-section.compact{ min-height: auto; padding: 30px 20px 20px; min-height: max(45vh,500px);}.hero-section::before{ content: ""; position: absolute; width: 400px; height: 400px; background: radial-gradient( circle,rgba(193,122,248,0.1) 0%,transparent 70% ); border-radius: 50%; top: -100px; left: -100px; animation: float 6s ease-in-out infinite;}@keyframes float{ 0%,100%{ transform: translateY(0px);} 50%{ transform: translateY(30px);}}.hero-content{ position: relative; z-index: 2; max-width: 800px;}.logo-large{ width: min(400px,100%); margin-bottom: 30px; animation: slideInDown 0.8s ease-out;}@keyframes slideInDown{ from{ opacity: 0; transform: translateY(-30px);} to{ opacity: 1; transform: translateY(0);}}.hero-title{ font-size: 3.5rem; margin: 30px 0; line-height: 1.2; animation: fadeInUp 1s ease-out;}.hero-subtitle{ font-size: 1.2rem; margin: 20px 0 40px; color: #ccc; line-height: 1.6;}.cta-buttons{ display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; margin-top: 40px; width: 100%; max-width: 100%; padding: 0 20px; box-sizing: border-box;}.btn{ padding: 15px 40px; font-size: 1.1rem; font-weight: 600; border: 2px solid #c17af8; border-radius: 50px; cursor: pointer; transition: all 0.3s ease; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; min-width: 48px; box-sizing: border-box;}.btn-primary{ background-color: #9c55d3; color: white;}.btn-primary:hover{ background-color: #7d3bb6; box-shadow: 0 0 20px rgba(193,122,248,0.5); transform: translateY(-2px);}.btn-secondary{ background-color: transparent; color: #c17af8;}.btn-secondary:hover{ background-color: #c17af8; color: white; box-shadow: 0 0 20px rgba(193,122,248,0.3);}@media (prefers-reduced-motion: reduce){ *,*::before,*::after{ animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important;}}@keyframes fadeInUp{ from{ opacity: 0; transform: translateY(30px);} to{ opacity: 1; transform: translateY(0);}}/* REVIEWS ABOVE THE FOLD */.reviews-above-fold{ background: linear-gradient(135deg,rgba(193,122,248,0.08) 0%,#0a0a0a 100%);}.reviews-container{ /* max-width: 1200px; */ /* margin: 0 auto; */ margin: 20px 0; text-align: center; padding: 15px 0; box-sizing: border-box;}.reviews-title{ font-size: 1.8rem; margin-bottom: 30px; color: #c17af8; font-weight: 700;}.lc_reviews_widget{ width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 400px; box-sizing: border-box !important; overflow-x: hidden !important; overflow-y: visible !important; display: block !important; margin: 0 !important; padding: 0 !important;}/* SECTION CONTAINER */.section-container{ max-width: 1200px; margin: 0 auto; padding: 80px 40px; width: 100%; box-sizing: border-box;}.section-title{ font-size: 2.5rem; margin-bottom: 50px; text-align: center; font-weight: 700;}/* ACCESSIBILITY STATEMENT */.accessibility-section{ background: rgba(193,122,248,0.05); border-top: 1px solid rgba(193,122,248,0.1);}.accessibility-section p{ font-size: 1.05rem; line-height: 1.8; color: #e6e6e6; max-width: 900px; margin: 0 auto 16px;}.accessibility-contact a{ text-decoration: underline;}.accessibility-updated{ opacity: 0.8; font-size: 0.95rem;}/* ABOUT OWNER SECTION */.about-owner{ background: linear-gradient( 135deg,rgba(193,122,248,0.05) 0%,rgba(0,0,0,0) 100% ); border-top: 1px solid rgba(193,122,248,0.1); border-bottom: 1px solid rgba(193,122,248,0.1);}.owner-text h3{ font-size: 2rem; margin-bottom: 20px; color: #c17af8;}.owner-text p{ font-size: 1.1rem; line-height: 1.8; margin-bottom: 20px; color: #ddd;}.owner-highlights{ list-style: none; padding: 0; margin-top: 30px; display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: 20px;}.owner-highlights li{ background: rgba(193,122,248,0.1); padding: 15px 20px; border-radius: 8px; border-left: 3px solid #c17af8; font-weight: 500;}/* WHY CHOOSE US SECTION */.why-choose-us{ background: #0a0a0a;}.benefits-grid{ display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 30px; margin-top: 40px;}.benefit-card{ background: rgba(193,122,248,0.08); padding: 40px 30px; border-radius: 12px; border: 1px solid rgba(193,122,248,0.2); text-align: center; transition: all 0.3s ease; display: flex; flex-direction: column; align-items: center;}.benefit-card:hover{ background: rgba(193,122,248,0.15); border-color: #c17af8; transform: translateY(-10px); box-shadow: 0 10px 30px rgba(193,122,248,0.2);}.benefit-icon{ font-size: 3rem; margin-bottom: 20px;}.benefit-card h3{ font-size: clamp(1.1rem,4vw,1.5rem); margin-bottom: 15px; color: #c17af8;}.benefit-card p{ color: #ccc; line-height: 1.6; font-size: clamp(0.9rem,2.5vw,1rem);}/* SERVICES SECTION */.services-section{ background: linear-gradient( 135deg,rgba(0,0,0,0.5) 0%,rgba(193,122,248,0.03) 100% ); border-top: 1px solid rgba(193,122,248,0.1);}.services-grid{ display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 30px; margin-top: 40px;}.service-item{ background: rgba(193,122,248,0.05); padding: 40px; border-radius: 12px; border: 1px solid rgba(193,122,248,0.15); transition: all 0.3s ease;}.service-item:hover{ background: rgba(193,122,248,0.12); border-color: #c17af8; transform: translateY(-8px);}.service-number{ font-size: 3rem; font-weight: 700; color: #c17af8; margin-bottom: 15px;}.service-item h3{ font-size: clamp(1.1rem,4vw,1.5rem); margin-bottom: 15px; color: white;}.service-item p{ color: #ccc; line-height: 1.6; font-size: clamp(0.9rem,2.5vw,1rem);}/* GALLERY PREVIEW SECTION */.gallery-preview{ background: linear-gradient( 135deg,rgba(193,122,248,0.08) 0%,#0a0a0a 100% ); text-align: center; border-top: 1px solid rgba(193,122,248,0.1);}.gallery-subtitle{ font-size: 1.2rem; color: #ccc; margin-bottom: 30px;}/* TESTIMONIALS SECTION */.testimonials-section{ background: #0a0a0a; border-top: 1px solid rgba(193,122,248,0.1);}.testimonial-preview{ background: rgba(193,122,248,0.1); padding: 40px; border-radius: 12px; border-left: 4px solid #c17af8; text-align: center; max-width: 600px; margin: 0 auto;}.testimonial-preview p{ font-size: 1.2rem; line-height: 1.8; margin-bottom: 15px;}.testimonial-author{ font-weight: 600; color: #c17af8; font-size: 1.1rem;}/* CONTACT SECTION */.contact-section{ background: linear-gradient( 135deg,rgba(193,122,248,0.1) 0%,rgba(0,0,0,0.5) 100% ); border-top: 1px solid rgba(193,122,248,0.2);}.social-links{ display: flex; justify-content: center; gap: 50px; margin: 40px 0; flex-wrap: wrap;}.social-item{ display: flex; flex-direction: column; align-items: center; gap: 12px; text-decoration: none; transition: all 0.3s ease;}.social-item:hover{ transform: translateY(-5px);}.social-links img{ height: 50px; transition: filter 0.3s ease;}.social-item:hover img{ filter: brightness(1.2) drop-shadow(0 0 8px #c17af8);}.social-links span{ color: white; font-size: 0.95rem; font-weight: 500;}.contact-info{ display: flex; flex-direction: column; gap: 15px; margin-top: 40px; text-align: center; padding: 30px; background: rgba(193,122,248,0.05); border-radius: 12px; word-break: break-word;}.contact-label{ font-size: 1.1rem; font-weight: 600; color: #c17af8;}.contact-info a{ text-decoration: none; color: inherit;}.contact-info .phone-number{ display: flex; gap: 2px; justify-content: center; font-size: 1.8rem; font-weight: 700; color: #c17af8;}.phone-link{ transition: all 0.3s ease;}.phone-link:hover .phone-number{ text-shadow: 0 0 20px rgba(193,122,248,0.5);}/* FOOTER */footer{ display: flex; flex-direction: column; gap: 30px; padding: 60px 40px; background: #000; border-top: 1px solid rgba(193,122,248,0.1);}footer iframe{ width: 100%; border-radius: 12px; overflow: hidden;}.map-iframe{ height: 400px;}.footer-text{ text-align: center; color: #999; font-size: 0.9rem;}.footer-text p{ margin: 0;}/* STICKY WHATSAPP CTA */.sticky-whatsapp{ display: none; position: fixed; bottom: 15px; right: 15px; left: auto; width: 56px; height: 56px; background: rgba(37,211,102,0.95); color: white; padding: 0; border-radius: 50%; text-decoration: none; font-weight: 500; font-size: 0; z-index: 1000; box-shadow: 0 2px 8px rgba(37,211,102,0.3); transition: all 0.4s ease; align-items: center; justify-content: center; gap: 0; opacity: 0; transform: scale(0.8); pointer-events: none;}.sticky-whatsapp.show{ opacity: 1; transform: scale(1); pointer-events: auto;}.sticky-whatsapp:hover{ transform: scale(1.05); box-shadow: 0 3px 12px rgba(37,211,102,0.5); background: rgba(37,211,102,1);}.sticky-whatsapp svg{ flex-shrink: 0; width: 28px; height: 28px;}.sticky-whatsapp span{ display: none;} !important; min-height: 200px; height: auto !important; box-sizing: border-box !important; overflow-x: hidden !important; overflow-y: visibledget{ width: 100% !important; max-width: 100%; min-height: 200px; height: auto !important;}/* RESPONSIVE DESIGN */@media (max-width: 1024px){ .section-container{ padding: 60px 30px;} .nav-links{ gap: 30px;} .hero-title{ font-size: 2.5rem;} .hero-subtitle{ font-size: 1.1rem;} .benefits-grid,.services-grid{ grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: 20px;} .cta-buttons{ flex-direction: column; align-items: center; padding: 0 20px;} .btn{ width: 100%; max-width: 400px;}}@media (max-width: 768px){ .navbar{ padding: 15px 20px; gap: 15px;} .hamburger{ display: flex;} .nav-links{ position: absolute; top: 100%; right: 0; left: 0; background: rgba(0,0,0,0.95); backdrop-filter: blur(10px); flex-direction: column; gap: 0; padding: 20px; display: none; transition: max-height 0.3s ease;} .nav-links.active{ display: flex; max-height: 300px;} .nav-link{ padding: 15px 20px; border-bottom: 1px solid rgba(193,122,248,0.1); font-size: 1rem;} .nav-link:last-child{ border-bottom: none;} .nav-link:hover{ background: rgba(193,122,248,0.1);} .section-container{ padding: 40px 20px;} .hero-section{ min-height: auto; min-height: max(60vh,400px); padding: 40px 20px;} .hero-section.compact{ min-height: auto; min-height: max(40vh,350px); padding: 25px 15px 15px;} .reviews-title{ font-size: 1.5rem; margin-bottom: 20px;} .hero-title{ font-size: 2rem;} .hero-subtitle{ font-size: 1rem;} .logo-large{ width: clamp(150px,80%,300px); margin-bottom: 20px;} .section-title{ font-size: 2rem; margin-bottom: 30px;} .social-links{ gap: 20px; padding: 0 10px;} .social-links img{ height: 40px;} .social-item{ gap: 8px;} .social-links span{ font-size: 0.85rem;} .benefit-card,.service-item{ padding: 25px 20px;} .owner-highlights{ grid-template-columns: 1fr;} .testimonial-preview{ padding: 25px 20px;} /* Show sticky WhatsApp on tablet/mobile */ .sticky-whatsapp{ display: flex !important;} /* Add padding to footer to account for sticky button */ footer{ padding-bottom: 100px;}}@media (max-width: 480px){ .navbar{ padding: 12px 15px; gap: 10px;} .nav-logo{ width: 40px;} .hamburger{ --hamburger-width: 24px; --hamburger-height: 20px; --hamburger-line: 2.5px;} .hamburger-line{ height: var(--hamburger-line);} .nav-links{ padding: 15px 0; display: none;} .nav-links.active{ display: flex;} .nav-link{ padding: 12px 15px; font-size: 0.95rem;} .hero-section{ min-height: auto; min-height: max(50vh,300px); padding: 30px 15px;} .hero-section.compact{ min-height: auto; min-height: max(35vh,280px); padding: 20px 15px 10px;} .reviews-container{ overflow: hidden;} .reviews-title{ font-size: 1.3rem; margin-bottom: 15px;} .lc_reviews_widget{ width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; overflow-x: hidden !important; overflow-y: visible !important;} .reviews-title{ font-size: 1.3rem; margin-bottom: 15px;} .hero-title{ font-size: clamp(1.3rem,5vw,1.8rem); margin-bottom: 15px;} .hero-subtitle{ font-size: 0.95rem; margin-bottom: 20px;} .logo-large{ width: clamp(120px,60vw,180px); margin-bottom: 15px;} .cta-buttons{ flex-direction: column; gap: 12px; width: 100%; padding: 0 10px; margin-top: 25px;} .btn{ padding: 14px 20px; font-size: 0.95rem; width: 100%; max-width: 100%; white-space: normal; text-align: center; line-height: 1.4;} .section-title{ font-size: clamp(1.3rem,5vw,1.8rem); margin-bottom: 20px;} .section-container{ padding: 30px 15px;} .social-links{ gap: 15px; padding: 0;} .social-links img{ height: 32px;} .social-item{ gap: 6px;} .social-links span{ font-size: 0.8rem;} .benefit-card,.service-item{ padding: 20px 15px;} .benefit-icon{ font-size: 2.5rem;} .service-number{ font-size: 2.5rem;} .contact-info{ padding: 20px;} .contact-info .phone-number{ font-size: 1.4rem; flex-wrap: wrap;} footer{ padding: 30px 15px; gap: 20px;} .map-iframe{ height: 280px;}}@media (max-height: 700px) and (max-width: 1024px){ .hero-section{ min-height: 70vh;} .hero-title{ font-size: 2rem; margin: 15px 0;} .logo-large{ width: 250px; margin-bottom: 15px;}}/* =========================================== NEW SECTIONS - HIGH CONVERTING LAYOUT =========================================== *//* SECTION SUBTITLE */.section-subtitle{ text-align: center; color: #ccc; font-size: 1.1rem; margin-top: -30px; margin-bottom: 40px;}/* PORTFOLIO GALLERY SECTION */.portfolio-section{ background: linear-gradient(135deg,rgba(193,122,248,0.05) 0%,#0a0a0a 100%);}.gallery-tabs{ display: flex; justify-content: center; gap: 10px; margin-bottom: 40px; flex-wrap: wrap;}.gallery-tab{ background: rgba(193,122,248,0.1); border: 1px solid rgba(193,122,248,0.3); color: white; padding: 12px 24px; border-radius: 30px; cursor: pointer; font-size: 1rem; font-family: inherit; transition: all 0.3s ease;}.gallery-tab:hover{ background: rgba(193,122,248,0.2); border-color: #c17af8;}.gallery-tab.active{ background: #9c55d3; border-color: #9c55d3; color: white;}.gallery-grid{ display: grid; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); gap: 20px; margin-bottom: 40px;}.gallery-item{ position: relative; border-radius: 12px; overflow: hidden; aspect-ratio: 1; background: rgba(193,122,248,0.1);}.gallery-item img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;}.gallery-item:hover img{ transform: scale(1.05);}.gallery-overlay{ position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent,rgba(0,0,0,0.8)); padding: 20px; opacity: 0; transition: opacity 0.3s ease;}.gallery-item:hover .gallery-overlay{ opacity: 1;}.gallery-style{ color: #c17af8; font-weight: 600; font-size: 0.9rem;}.gallery-item.hidden{ display: none;}.gallery-cta{ text-align: center; padding-top: 20px;}.gallery-cta p{ color: #ccc; margin-bottom: 15px;}.gallery-cta .btn{ display: inline-flex; align-items: center; gap: 10px;}/* PROCESS SECTION */.process-section{ background: #0a0a0a;}.process-timeline{ position: relative; max-width: 800px; margin: 0 auto;}.process-timeline::before{ content: ''; position: absolute; right: 30px; top: 0; bottom: 0; width: 3px; background: linear-gradient(to bottom,#c17af8,rgba(193,122,248,0.2));}.process-step{ display: flex; gap: 30px; margin-bottom: 40px; position: relative;}.step-number{ width: 60px; height: 60px; background: linear-gradient(135deg,#c17af8 0%,#8b4fc7 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; color: white; flex-shrink: 0; position: relative; z-index: 2; box-shadow: 0 0 20px rgba(193,122,248,0.4);}.step-content{ background: rgba(193,122,248,0.08); padding: 25px 30px; border-radius: 12px; border: 1px solid rgba(193,122,248,0.2); flex-grow: 1; transition: all 0.3s ease;}.step-content:hover{ background: rgba(193,122,248,0.12); border-color: #c17af8; transform: translateX(-5px);}.step-content h3{ font-size: 1.3rem; margin-bottom: 10px; color: #c17af8;}.step-content p{ color: #ccc; line-height: 1.7; margin-bottom: 10px;}.step-duration{ font-size: 0.9rem; color: #888; font-style: italic;}.process-cta{ text-align: center; margin-top: 50px;}/* PRICING SECTION */.pricing-section{ background: linear-gradient(135deg,rgba(193,122,248,0.08) 0%,#0a0a0a 100%); border-top: 1px solid rgba(193,122,248,0.1);}.pricing-grid{ display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 25px; margin-bottom: 50px;}.pricing-card{ background: rgba(0,0,0,0.5); border: 1px solid rgba(193,122,248,0.2); border-radius: 16px; padding: 35px 25px; text-align: center; transition: all 0.3s ease; position: relative;}.pricing-card:hover{ border-color: #c17af8; transform: translateY(-8px); box-shadow: 0 10px 30px rgba(193,122,248,0.2);}.pricing-card.featured{ background: rgba(193,122,248,0.15); border-color: #c17af8; transform: scale(1.05);}.pricing-card.featured:hover{ transform: scale(1.05) translateY(-8px);}.pricing-badge{ position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg,#c17af8 0%,#8b4fc7 100%); color: white; padding: 6px 20px; border-radius: 20px; font-size: 0.85rem; font-weight: 600;}.pricing-icon{ font-size: 2rem; margin-bottom: 15px; color: #c17af8;}.pricing-card h3{ font-size: 1.4rem; margin-bottom: 10px; color: white;}.pricing-desc{ color: #999; font-size: 0.95rem; margin-bottom: 20px;}.pricing-amount{ display: flex; flex-direction: column; gap: 5px;}.price-label{ color: #888; font-size: 0.9rem;}.price{ font-size: 1.8rem; font-weight: 700; color: #c17af8;}.pricing-notes{ background: rgba(193,122,248,0.08); border-radius: 12px; padding: 30px; max-width: 700px; margin: 0 auto; text-align: right;}.pricing-notes p{ margin-bottom: 15px;}.pricing-notes ul{ list-style: none; padding: 0; margin: 0 0 20px 0;}.pricing-notes li{ padding: 8px 0; padding-right: 25px; position: relative; color: #ccc;}.pricing-notes li::before{ content: '✓'; position: absolute; right: 0; color: #c17af8; font-weight: bold;}.pricing-deposit{ color: #c17af8; font-size: 1rem;}/* ABOUT SECTION WITH PHOTO */.owner-content{ display: grid; grid-template-columns: 300px 1fr; gap: 50px; align-items: start;}.owner-image{ position: relative;}.owner-image img{ width: 100%; border-radius: 16px; border: 3px solid rgba(193,122,248,0.3); transition: all 0.3s ease;}.owner-image:hover img{ border-color: #c17af8; box-shadow: 0 10px 40px rgba(193,122,248,0.3);}/* EXPANDED TESTIMONIALS */.testimonials-grid{ display: grid; grid-template-columns: repeat(auto-fit,minmax(300px,1fr)); gap: 25px; margin-bottom: 40px;}.testimonial-card{ background: rgba(193,122,248,0.08); border: 1px solid rgba(193,122,248,0.2); border-radius: 16px; padding: 30px; transition: all 0.3s ease;}.testimonial-card:hover{ border-color: #c17af8; transform: translateY(-5px); box-shadow: 0 10px 30px rgba(193,122,248,0.15);}.testimonial-stars{ color: #ffd700; font-size: 1.2rem; margin-bottom: 15px; letter-spacing: 3px;}.testimonial-text{ font-size: 1.1rem; line-height: 1.7; color: #ddd; margin-bottom: 20px; font-style: italic;}.testimonial-author{ display: flex; align-items: center; gap: 15px;}.author-image{ width: 50px; height: 50px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(193,122,248,0.3);}.author-info{ display: flex; flex-direction: row; align-items: baseline; gap: 8px; flex-wrap: wrap;}.author-name{ font-weight: 600; color: white; white-space: nowrap;}.author-tattoo{ font-size: 0.85rem; color: #888; white-space: nowrap;}.testimonials-cta{ text-align: center;}.testimonials-cta p{ color: #ccc; margin-bottom: 15px;}/* FAQ SECTION */.faq-section{ background: #0a0a0a; border-top: 1px solid rgba(193,122,248,0.1);}.faq-accordion{ max-width: 800px; margin: 0 auto;}.faq-item{ margin-bottom: 15px; border: 1px solid rgba(193,122,248,0.2); border-radius: 12px; overflow: hidden; background: rgba(193,122,248,0.05);}.faq-question{ width: 100%; padding: 20px 25px; background: transparent; border: none; color: white; font-size: 1.1rem; font-weight: 600; text-align: right; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-family: inherit; transition: all 0.3s ease;}.faq-question:hover{ background: rgba(193,122,248,0.1);}.faq-icon{ font-size: 1.5rem; color: #c17af8; transition: transform 0.3s ease;}.faq-item.active .faq-icon{ transform: rotate(45deg);}.faq-answer{ max-height: 0; overflow: hidden; transition: max-height 0.3s ease,padding 0.3s ease;}.faq-item.active .faq-answer{ max-height: 500px; padding: 0 25px 25px;}.faq-answer p{ color: #ccc; line-height: 1.7;}/* AFTERCARE SECTION */.aftercare-section{ background: linear-gradient(135deg,rgba(193,122,248,0.08) 0%,#0a0a0a 100%); border-top: 1px solid rgba(193,122,248,0.1);}.aftercare-grid{ display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 25px; margin-bottom: 40px;}.aftercare-card{ background: rgba(0,0,0,0.5); border: 1px solid rgba(193,122,248,0.2); border-radius: 16px; padding: 30px; transition: all 0.3s ease;}.aftercare-card:hover{ border-color: #c17af8; transform: translateY(-5px);}.aftercare-day{ background: linear-gradient(135deg,#c17af8 0%,#8b4fc7 100%); color: white; padding: 8px 16px; border-radius: 20px; font-size: 0.9rem; font-weight: 600; display: inline-block; margin-bottom: 15px;}.aftercare-card h3{ font-size: 1.3rem; margin-bottom: 15px; color: white;}.aftercare-card ul{ list-style: none; padding: 0; margin: 0;}.aftercare-card li{ padding: 10px 0; padding-right: 25px; position: relative; color: #ccc; border-bottom: 1px solid rgba(193,122,248,0.1);}.aftercare-card li:last-child{ border-bottom: none;}.aftercare-card li::before{ content: '•'; position: absolute; right: 0; color: #c17af8; font-size: 1.2rem;}.aftercare-note{ background: rgba(193,122,248,0.1); border-radius: 12px; padding: 25px; text-align: center; border: 1px solid rgba(193,122,248,0.3);}.aftercare-note p{ color: #ddd; margin: 0;}/* =========================================== RESPONSIVE STYLES FOR NEW SECTIONS =========================================== */@media (max-width: 1024px){ .owner-content{ grid-template-columns: 1fr; gap: 30px;} .owner-image{ max-width: 250px; margin: 0 auto;} .process-timeline::before{ right: 25px;}}@media (max-width: 768px){ .section-subtitle{ margin-top: -20px; margin-bottom: 30px; font-size: 1rem;} .gallery-tabs{ gap: 8px;} .gallery-tab{ padding: 10px 18px; font-size: 0.9rem;} .gallery-grid{ grid-template-columns: repeat(2,1fr); gap: 15px;} .process-timeline::before{ display: none;} .process-step{ flex-direction: column; gap: 15px; text-align: center;} .step-number{ margin: 0 auto;} .step-content{ text-align: right;} .step-content:hover{ transform: none;} .pricing-card.featured{ transform: none;} .pricing-card.featured:hover{ transform: translateY(-8px);} .testimonials-grid{ grid-template-columns: 1fr;} .faq-question{ font-size: 1rem; padding: 18px 20px;}}@media (max-width: 480px){ .gallery-grid{ grid-template-columns: 1fr;} .pricing-grid{ grid-template-columns: 1fr;} .aftercare-grid{ grid-template-columns: 1fr;} .step-number{ width: 50px; height: 50px; font-size: 1.3rem;} .step-content{ padding: 20px;} .step-content h3{ font-size: 1.1rem;} .pricing-card{ padding: 25px 20px;} .price{ font-size: 1.5rem;} .testimonial-card{ padding: 20px;} .testimonial-text{ font-size: 1rem;} .faq-question{ font-size: 0.95rem; padding: 15px;} .aftercare-card{ padding: 20px;}}