*{ margin:0; padding:0; box-sizing:border-box; } html{ scroll-behavior:smooth; } body{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; background:#f7f8fa; color:#111827; line-height:1.8; overflow-x:hidden; } /* ========================= ANIMATED BACKGROUND ========================= */ .background{ position:fixed; inset:0; z-index:-10; overflow:hidden; background: radial-gradient( circle at 10% 10%, rgba(59,130,246,.13), transparent 28% ), radial-gradient( circle at 90% 25%, rgba(139,92,246,.12), transparent 30% ), radial-gradient( circle at 50% 100%, rgba(6,182,212,.10), transparent 35% ); } .blob{ position:absolute; border-radius:50%; filter:blur(85px); opacity:.42; animation: floating 15s ease-in-out infinite alternate; } .blob1{ width:340px; height:340px; background:#60a5fa; top:-120px; left:-120px; } .blob2{ width:400px; height:400px; background:#a78bfa; right:-160px; top:30%; animation-delay:3s; } .blob3{ width:300px; height:300px; background:#22d3ee; left:38%; bottom:-140px; animation-delay:6s; } @keyframes floating{ 0%{ transform:translate(0,0) scale(1); } 50%{ transform:translate(50px,-40px) scale(1.1); } 100%{ transform:translate(-30px,45px) scale(.94); } } /* ========================= PARTICLES ========================= */ .particles{ position:fixed; inset:0; z-index:-5; pointer-events:none; } .particle{ position:absolute; width:5px; height:5px; border-radius:50%; background:rgba(37,99,235,.25); animation: particleMove linear infinite; } .particle:nth-child(1){ left:5%; animation-duration:15s; } .particle:nth-child(2){ left:15%; animation-duration:19s; } .particle:nth-child(3){ left:28%; animation-duration:13s; } .particle:nth-child(4){ left:42%; animation-duration:18s; } .particle:nth-child(5){ left:57%; animation-duration:14s; } .particle:nth-child(6){ left:70%; animation-duration:21s; } .particle:nth-child(7){ left:84%; animation-duration:16s; } .particle:nth-child(8){ left:94%; animation-duration:12s; } @keyframes particleMove{ 0%{ top:110%; opacity:0; transform:scale(.4); } 20%{ opacity:1; } 100%{ top:-10%; opacity:0; transform:scale(1.5); } } /* ========================= READING PROGRESS ========================= */ .progress{ position:fixed; top:0; left:0; width:0%; height:4px; background: linear-gradient( 90deg, #2563eb, #7c3aed, #06b6d4 ); box-shadow: 0 0 15px rgba(37,99,235,.5); z-index:9999; } /* ========================= HERO ========================= */ .hero{ min-height:55vh; display:flex; justify-content:center; align-items:center; text-align:center; padding:90px 20px 55px; } .hero-content{ max-width:900px; animation: heroEnter 1.1s cubic-bezier(.16,1,.3,1); } @keyframes heroEnter{ from{ opacity:0; transform: translateY(60px) scale(.94); } to{ opacity:1; transform: translateY(0) scale(1); } } .badge{ display:inline-flex; align-items:center; gap:9px; padding:10px 18px; background: rgba(255,255,255,.78); border: 1px solid rgba(255,255,255,.9); backdrop-filter:blur(15px); border-radius:999px; font-size:14px; font-weight:800; box-shadow: 0 15px 40px rgba(15,23,42,.08); margin-bottom:25px; } .badge-dot{ width:9px; height:9px; border-radius:50%; background:#22c55e; box-shadow: 0 0 15px #22c55e; animation: pulse 2s infinite; } @keyframes pulse{ 50%{ transform:scale(1.5); opacity:.55; } } .hero h1{ font-size: clamp(45px,7vw,82px); line-height:1; letter-spacing:-4px; font-weight:900; margin-bottom:25px; } .gradient{ background: linear-gradient( 90deg, #111827, #2563eb, #7c3aed, #06b6d4, #111827 ); background-size:300%; -webkit-background-clip:text; background-clip:text; color:transparent; animation: gradientMove 7s linear infinite; } @keyframes gradientMove{ to{ background-position:300%; } } .hero p{ max-width:700px; margin:auto; color:#64748b; font-size:18px; } /* ========================= MAIN ========================= */ .container{ width:min(1050px,92%); margin:auto; padding-bottom:100px; } /* ========================= NOTICE ========================= */ .notice{ padding:30px; margin-bottom:24px; border-radius:27px; background: rgba(255,255,255,.78); border: 1px solid rgba(255,255,255,.9); backdrop-filter:blur(18px); box-shadow: 0 20px 60px rgba(15,23,42,.07); opacity:0; transform:translateY(40px); transition: opacity .8s ease, transform .8s cubic-bezier(.16,1,.3,1); } .notice.show{ opacity:1; transform:translateY(0); } .notice strong{ color:#111827; } .notice p{ color:#475569; } /* ========================= GRID ========================= */ .grid{ display:grid; grid-template-columns: repeat(2,1fr); gap:22px; } /* ========================= CARDS ========================= */ .card{ padding:32px; border-radius:28px; background: rgba(255,255,255,.76); border: 1px solid rgba(255,255,255,.9); backdrop-filter:blur(18px); box-shadow: 0 20px 60px rgba(15,23,42,.07); opacity:0; transform:translateY(45px); transition: opacity .8s ease, transform .8s cubic-bezier(.16,1,.3,1), box-shadow .35s ease; } .card.show{ opacity:1; transform:translateY(0); } .card:hover{ transform:translateY(-7px); box-shadow: 0 30px 80px rgba(15,23,42,.13); } .icon{ width:62px; height:62px; display:flex; align-items:center; justify-content:center; border-radius:19px; background: linear-gradient( 135deg, #eff6ff, #eef2ff ); font-size:29px; margin-bottom:20px; transition:.45s; } .card:hover .icon{ transform: rotate(-8deg) scale(1.12); } .card h2{ font-size:23px; margin-bottom:12px; } .card p{ color:#475569; font-size:15px; margin-bottom:12px; } .card ul{ padding-left:22px; color:#475569; } .card li{ margin:7px 0; } /* ========================= FULL WIDTH CARD ========================= */ .full{ grid-column:span 2; } /* ========================= BUSINESS DETAILS ========================= */ .details{ margin-top:24px; padding:35px; border-radius:28px; background: rgba(255,255,255,.78); border: 1px solid rgba(255,255,255,.9); backdrop-filter:blur(18px); box-shadow: 0 20px 60px rgba(15,23,42,.07); } .details h2{ font-size:27px; margin-bottom:20px; } .row{ display:flex; align-items:center; gap:20px; padding:16px 0; border-bottom: 1px solid #e5e7eb; } .row:last-child{ border-bottom:none; } .label{ width:190px; font-weight:800; } .value{ color:#64748b; word-break:break-word; } .email{ color:#2563eb; text-decoration:none; font-weight:700; transition:.3s; } .email:hover{ color:#7c3aed; } /* ========================= DISCLAIMER ========================= */ .disclaimer{ margin-top:24px; padding:32px; border-radius:28px; background: linear-gradient( 135deg, #111827, #1e293b ); color:white; box-shadow: 0 30px 80px rgba(15,23,42,.2); position:relative; overflow:hidden; } .disclaimer::before{ content:""; position:absolute; width:300px; height:300px; border: 1px solid rgba(255,255,255,.1); border-radius:50%; right:-120px; top:-160px; animation: rotateCircle 12s linear infinite; } @keyframes rotateCircle{ to{ transform: rotate(360deg) scale(1.15); } } .disclaimer > *{ position:relative; z-index:2; } .disclaimer h2{ font-size:27px; margin-bottom:12px; } .disclaimer p{ color:#cbd5e1; font-size:14px; } /* ========================= SUPPORT ========================= */ .support{ margin-top:24px; padding:55px 30px; text-align:center; border-radius:32px; background: rgba(255,255,255,.8); border: 1px solid rgba(255,255,255,.9); backdrop-filter:blur(18px); box-shadow: 0 25px 70px rgba(15,23,42,.09); } .support h2{ font-size:32px; margin-bottom:10px; } .support p{ color:#64748b; margin-bottom:25px; } .support-button{ display:inline-flex; align-items:center; justify-content:center; padding:15px 28px; border-radius:999px; background:#111827; color:white; text-decoration:none; font-weight:800; transition:.3s; box-shadow: 0 12px 30px rgba(15,23,42,.16); } .support-button:hover{ transform: translateY(-5px) scale(1.04); box-shadow: 0 20px 45px rgba(15,23,42,.22); } /* ========================= FOOTER ========================= */ footer{ text-align:center; padding:30px; color:#94a3b8; font-size:13px; } /* ========================= TOP BUTTON ========================= */ .top{ position:fixed; right:22px; bottom:22px; width:48px; height:48px; border:none; border-radius:50%; background:#111827; color:white; font-size:20px; cursor:pointer; opacity:0; pointer-events:none; transform:translateY(15px); transition:.3s; z-index:999; } .top.visible{ opacity:1; pointer-events:auto; transform:translateY(0); } .top:hover{ transform:translateY(-5px); } /* ========================= MOBILE ========================= */ @media(max-width:750px){ .hero{ min-height:48vh; padding-top:75px; } .hero h1{ letter-spacing:-2px; } .grid{ grid-template-columns:1fr; } .full{ grid-column:span 1; } .card, .notice, .details{ padding:27px; } .row{ display:block; } .label{ width:auto; margin-bottom:5px; } .support h2{ font-size:27px; } } @media(max-width:480px){ .hero p{ font-size:15px; } .support-button{ width:100%; } }

⚖️ About This Legal Notice

This Legal Notice provides general information about PERSIAN store, the operation of our online store, our services, intellectual property and important legal information.

By accessing or using our website, you acknowledge that you have read and understood the information contained in this Legal Notice and the other policies that apply to your use of our store.

📋 PERSIAN Store Details

⚠️ Important Legal Disclaimer

This Legal Notice is provided for general informational purposes and is not a substitute for professional legal advice.

The legal requirements that apply to an online store can vary depending on where the business operates and where customers are located. PERSIAN store is responsible for reviewing and maintaining its policies in accordance with applicable laws and regulations.

If you are unsure about a legal requirement applicable to your business, customers or products, consider obtaining advice from a qualified legal professional.

Need Help?

If you have a question about our store, policies, orders or services, our customer support team is ready to assist you.

Contact PERSIAN Support → © 2026 PERSIAN store. All rights reserved.

↑ /* ========================= SCROLL REVEAL ========================= */ const elements = document.querySelectorAll( ".card, .notice" ); const observer = new IntersectionObserver( entries => { entries.forEach(entry => { if(entry.isIntersecting){ entry.target.classList.add( "show" ); observer.unobserve( entry.target ); } }); }, { threshold:.08 } ); elements.forEach( (element,index) => { element.style.transitionDelay = `${Math.min(index * .06,.3)}s`; observer.observe(element); } ); /* ========================= READING PROGRESS ========================= */ window.addEventListener( "scroll", () => { const scrollTop = window.scrollY; const documentHeight = document.documentElement.scrollHeight - window.innerHeight; const percentage = (scrollTop / documentHeight) * 100; document.getElementById( "progress" ).style.width = percentage + "%"; /* BACK TO TOP */ const top = document.getElementById( "topButton" ); if(scrollTop > 450){ top.classList.add( "visible" ); }else{ top.classList.remove( "visible" ); } } ); /* ========================= BACK TO TOP ========================= */ document.getElementById( "topButton" ).addEventListener( "click", () => { window.scrollTo({ top:0, behavior:"smooth" }); } ); /* ========================= MOUSE PARALLAX ========================= */ document.addEventListener( "mousemove", event => { const x = event.clientX / window.innerWidth - .5; const y = event.clientY / window.innerHeight - .5; document.querySelector( ".blob1" ).style.transform = `translate(${x*35}px,${y*35}px)`; document.querySelector( ".blob2" ).style.transform = `translate(${x*-35}px,${y*-25}px)`; } ); /* ========================= SUPPORT BUTTON ========================= */ const supportButton = document.querySelector( ".support-button" ); supportButton.addEventListener( "mousemove", event => { const rect = supportButton.getBoundingClientRect(); const x = event.clientX - rect.left - rect.width / 2; const y = event.clientY - rect.top - rect.height / 2; supportButton.style.transform = `translate( ${x*.12}px, ${y*.12}px ) scale(1.04)`; } ); supportButton.addEventListener( "mouseleave", () => { supportButton.style.transform = ""; } );