@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');

:root{
  --primary:#ff6f91;
  --primary-dark:#e94f77;
  --accent:#845ef7;
  --accent-2:#4dd4c4;
  --bg:#fffaf7;
  --bg-soft:#fff2f6;
  --dark:#241f2b;
  --text:#3d3547;
  --text-light:#8a8194;
  --radius:22px;
  --shadow:0 12px 35px rgba(132,94,247,.14);
  --shadow-hover:0 20px 45px rgba(233,79,119,.25);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Vazirmatn',sans-serif;
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
  line-height:1.8;
}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{max-width:100%;display:block;}
.container{width:92%;max-width:1200px;margin:0 auto;}

/* ---------- پس‌زمینه بلاب متحرک ---------- */
.blob-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35;animation:float 14s ease-in-out infinite;}
.blob1{width:420px;height:420px;background:var(--primary);top:-120px;right:-100px;}
.blob2{width:380px;height:380px;background:var(--accent);bottom:-140px;left:-120px;animation-delay:-4s;}
.blob3{width:300px;height:300px;background:var(--accent-2);top:40%;left:45%;animation-delay:-8s;}
@keyframes float{
  0%,100%{transform:translate(0,0) scale(1);}
  33%{transform:translate(30px,-40px) scale(1.08);}
  66%{transform:translate(-25px,25px) scale(.95);}
}

/* ---------- هدر ---------- */
.site-header{
  position:sticky;top:0;z-index:100;
  backdrop-filter:blur(14px);
  background:rgba(255,250,247,.75);
  border-bottom:1px solid rgba(0,0,0,.05);
}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.4rem;color:var(--primary-dark);}
.logo img{height:42px;width:42px;border-radius:50%;object-fit:cover;}
.logo .emoji{display:inline-block;animation:wiggle 2.5s ease-in-out infinite;}
@keyframes wiggle{0%,100%{transform:rotate(0);}25%{transform:rotate(-12deg);}75%{transform:rotate(12deg);}}
.nav-links{display:flex;gap:32px;font-weight:500;}
.nav-links a{position:relative;padding:6px 0;transition:color .3s;}
.nav-links a::after{
  content:'';position:absolute;bottom:0;right:0;width:0;height:2px;
  background:linear-gradient(90deg,var(--primary),var(--accent));
  transition:width .35s ease;
}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;}
.nav-links a:hover{color:var(--primary-dark);}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;}
.burger span{width:26px;height:3px;background:var(--dark);border-radius:3px;transition:.3s;}

/* ---------- دکمه‌ها ---------- */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 30px;border-radius:50px;font-weight:600;font-size:.95rem;
  background:linear-gradient(135deg,var(--primary),var(--accent));
  color:#fff;border:none;cursor:pointer;
  box-shadow:var(--shadow);
  transition:transform .3s ease, box-shadow .3s ease;
}
.btn:hover{transform:translateY(-4px) scale(1.03);box-shadow:var(--shadow-hover);}
.btn.outline{background:transparent;color:var(--primary-dark);border:2px solid var(--primary);box-shadow:none;}
.btn.outline:hover{background:var(--primary);color:#fff;}

/* ---------- هیرو ---------- */
.hero{padding:90px 0 60px;position:relative;}
.hero-inner{display:flex;align-items:center;gap:50px;flex-wrap:wrap;}
.hero-text{flex:1;min-width:300px;}
.hero-text .tag{
  display:inline-block;padding:6px 18px;border-radius:50px;background:var(--bg-soft);
  color:var(--primary-dark);font-size:.85rem;font-weight:600;margin-bottom:18px;
  animation:pop .6s ease;
}
.hero-text h1{
  font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;line-height:1.3;margin-bottom:18px;
  background:linear-gradient(135deg,var(--dark),var(--primary-dark));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-text p{color:var(--text-light);font-size:1.1rem;margin-bottom:30px;max-width:520px;}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;}
.hero-img-wrap{flex:1;min-width:280px;display:flex;justify-content:center;position:relative;}
.hero-img-wrap .frame{
  width:100%;max-width:420px;aspect-ratio:1/1;border-radius:38% 62% 60% 40%/45% 40% 60% 55%;
  overflow:hidden;box-shadow:var(--shadow-hover);animation:morph 8s ease-in-out infinite;
  border:6px solid #fff;
}
.hero-img-wrap .frame img{width:100%;height:100%;object-fit:cover;}
@keyframes morph{
  0%,100%{border-radius:38% 62% 60% 40%/45% 40% 60% 55%;}
  50%{border-radius:60% 40% 40% 60%/55% 60% 40% 45%;}
}
.sparkle{position:absolute;font-size:1.8rem;animation:sparkle 3s ease-in-out infinite;}
.sparkle.s1{top:5%;left:10%;animation-delay:0s;}
.sparkle.s2{bottom:10%;right:0;animation-delay:1s;}
.sparkle.s3{top:50%;left:-5%;animation-delay:2s;}
@keyframes sparkle{0%,100%{transform:scale(.8) rotate(0);opacity:.6;}50%{transform:scale(1.3) rotate(20deg);opacity:1;}}
@keyframes pop{0%{transform:scale(.7);opacity:0;}100%{transform:scale(1);opacity:1;}}

/* ---------- سکشن عمومی ---------- */
.section{padding:70px 0;}
.section-head{text-align:center;max-width:640px;margin:0 auto 46px;}
.section-head .tag{color:var(--primary-dark);font-weight:700;letter-spacing:1px;font-size:.85rem;}
.section-head h2{font-size:clamp(1.7rem,4vw,2.4rem);font-weight:800;margin:10px 0 12px;}
.section-head p{color:var(--text-light);}

/* ---------- گرید آثار ---------- */
.filter-bar{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:40px;}
.filter-bar button{
  padding:9px 22px;border-radius:50px;border:2px solid var(--bg-soft);background:#fff;
  cursor:pointer;font-family:inherit;font-weight:600;color:var(--text);transition:.3s;
}
.filter-bar button:hover,.filter-bar button.active{
  background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-color:transparent;
}
.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:28px;}
.art-card{
  background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);
  transition:transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s;
  opacity:0;transform:translateY(30px);
}
.art-card.aos-show{opacity:1;transform:translateY(0);}
.art-card:hover{transform:translateY(-10px) rotate(-.5deg);box-shadow:var(--shadow-hover);}
.art-card .thumb{position:relative;overflow:hidden;aspect-ratio:4/5;}
.art-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.art-card:hover .thumb img{transform:scale(1.12) rotate(1deg);}
.art-card .badge{
  position:absolute;top:14px;right:14px;background:var(--primary);color:#fff;
  padding:5px 14px;border-radius:50px;font-size:.75rem;font-weight:700;
  box-shadow:0 6px 15px rgba(233,79,119,.4);
}
.art-card .badge.sold{background:var(--dark);}
.art-card .info{padding:18px 20px;}
.art-card h3{font-size:1.1rem;font-weight:700;margin-bottom:6px;}
.art-card .cat{color:var(--accent);font-size:.85rem;font-weight:600;}
.art-card .price{margin-top:10px;font-weight:700;color:var(--primary-dark);}

/* ---------- درباره من ---------- */
.about-sec{display:flex;align-items:center;gap:50px;flex-wrap:wrap;}
.about-img{flex:1;min-width:280px;}
.about-img img{border-radius:var(--radius);box-shadow:var(--shadow);}
.about-content{flex:1;min-width:280px;}
.about-content h2{font-size:2rem;font-weight:800;margin-bottom:18px;}
.about-content p{color:var(--text-light);margin-bottom:24px;}

/* ---------- تماس با ما ---------- */
.contact-wrap{display:flex;gap:40px;flex-wrap:wrap;}
.contact-info{flex:1;min-width:260px;display:flex;flex-direction:column;gap:20px;}
.contact-info .item{
  display:flex;align-items:center;gap:14px;background:#fff;padding:18px;border-radius:18px;box-shadow:var(--shadow);
}
.contact-info .icon{
  width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0;
}
.contact-form{flex:1.3;min-width:280px;background:#fff;padding:34px;border-radius:var(--radius);box-shadow:var(--shadow);}
.contact-form input,.contact-form textarea{
  width:100%;padding:14px 16px;border-radius:14px;border:2px solid var(--bg-soft);
  font-family:inherit;margin-bottom:16px;transition:.3s;background:var(--bg-soft);
}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary);background:#fff;}
.contact-form textarea{min-height:120px;resize:vertical;}

/* ---------- فوتر ---------- */
.site-footer{background:var(--dark);color:#fff;padding:50px 0 24px;margin-top:40px;}
.footer-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;margin-bottom:30px;}
.footer-grid h3{margin-bottom:14px;font-weight:700;}
.footer-grid p, .footer-grid a{color:#c9c3d4;}
.social-links{display:flex;gap:14px;margin-top:16px;}
.social-links a{
  width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;transition:.3s;
}
.social-links a:hover{background:var(--primary);transform:translateY(-4px);}
.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:#8f88a0;font-size:.85rem;}

/* ---------- صفحه اثر تکی ---------- */
.artwork-detail{display:flex;gap:46px;flex-wrap:wrap;padding:50px 0;}
.artwork-img{flex:1.2;min-width:300px;}
.artwork-img img{border-radius:var(--radius);box-shadow:var(--shadow-hover);width:100%;}
.artwork-info{flex:1;min-width:280px;}
.artwork-info h1{font-size:2rem;font-weight:800;margin-bottom:10px;}
.artwork-info .meta{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0;}
.artwork-info .meta span{
  background:var(--bg-soft);padding:8px 16px;border-radius:50px;font-size:.85rem;color:var(--text);
}
.artwork-info .price-tag{font-size:1.6rem;font-weight:800;color:var(--primary-dark);margin:18px 0;}
.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:24px;color:var(--accent);font-weight:600;}

/* ---------- انیمیشن اسکرول ---------- */
[data-aos]{opacity:0;transition:all .7s cubic-bezier(.2,.8,.2,1);}
[data-aos="fade-up"]{transform:translateY(40px);}
[data-aos="fade-right"]{transform:translateX(-40px);}
[data-aos="fade-left"]{transform:translateX(40px);}
[data-aos="zoom-in"]{transform:scale(.85);}
[data-aos].aos-show{opacity:1;transform:translate(0,0) scale(1);}

/* ---------- ریسپانسیو ---------- */
@media(max-width:820px){
  .nav-links{
    position:fixed;top:74px;right:0;left:0;background:#fff;flex-direction:column;
    padding:24px;gap:18px;box-shadow:0 20px 30px rgba(0,0,0,.08);
    transform:translateY(-130%);transition:.35s;z-index:99;
  }
  .nav-links.open{transform:translateY(0);}
  .burger{display:flex;}
}

/* ---------- اسکرول‌بار سفارشی ---------- */
::-webkit-scrollbar{width:9px;}
::-webkit-scrollbar-track{background:var(--bg-soft);}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--primary),var(--accent));border-radius:10px;}

/* لایت‌باکس */
.lightbox{position:fixed;inset:0;background:rgba(20,15,25,.92);display:none;align-items:center;justify-content:center;z-index:999;padding:20px;}
.lightbox.open{display:flex;}
.lightbox img{max-width:90vw;max-height:85vh;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);}
.lightbox .close-lb{position:absolute;top:24px;left:24px;color:#fff;font-size:2rem;cursor:pointer;}

/* پیام فلش */
.flash{padding:16px 22px;border-radius:14px;margin-bottom:24px;font-weight:600;}
.flash.success{background:#e3f9ee;color:#1a8a4c;}
.flash.error{background:#fde3e9;color:#c62b4f;}