/* Font: IRANSans is prioritized. If not installed, browser falls back to Vazirmatn/Tahoma/Arial. */
@font-face {
    font-family: 'IRANSansWeb';
    src: url('./fonts/IRANSansWeb.eot');
    src: url('./fonts/IRANSansWeb.eot#iefix')format('eot'), url('./fonts/IRANSansWeb.woff')format('woff'), url('./fonts/IRANSansWeb.ttf')format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'IRANSansWeb_Bold';
    src: url('./fonts/IRANSansWeb_Bold.eot');
    src: url('./fonts/IRANSansWeb_Bold.eot#iefix')format('eot'), url('./fonts/IRANSansWeb_Bold.woff')format('woff'), url('./fonts/IRANSansWeb_Bold.ttf')format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'IRANSansWeb_Medium';
    src: url('./fonts/IRANSansWeb_Medium.eot');
    src: url('./fonts/IRANSansWeb_Medium.eot#iefix')format('eot'), url('./fonts/IRANSansWeb_Medium.woff')format('woff'), url('./fonts/IRANSansWeb_Medium.ttf')format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'IRANSansWeb_Light';
    src: url('./fonts/IRANSansWeb_Light.eot');
    src: url('./fonts/IRANSansWeb_Light.eot#iefix')format('eot'), url('./fonts/IRANSansWeb_Light.woff')format('woff'), url('./fonts/IRANSansWeb_Light.ttf')format('truetype');
    font-weight: normal;
    font-style: normal
}

:root{--dark:#14231e;--gold:#c49a3a;--gold2:#f5c85b;--cyan:#00a8b8;--soft:#f8fbf8;--line:#dff3ef}
*{box-sizing:border-box}body{margin:0;font-family:"IRANSansWeb",IranSans,Vazirmatn,Tahoma,Arial,sans-serif;background:#fff;color:var(--dark)}button{font:inherit;cursor:pointer}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid #e6f2ee}.header-inner{max-width:1260px;margin:auto;padding:13px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px}.logo{width:58px;height:58px;border-radius:50%;object-fit:cover;box-shadow:0 8px 24px #0002}.brand strong{font-size:18px;line-height:1.6}.brand small{display:block;color:var(--cyan);direction:ltr}.header-btn{border:0;background:var(--gold);color:#fff;border-radius:999px;padding:13px 24px;font-weight:900;white-space:nowrap;transition:.3s}.header-btn:hover{background:var(--cyan) !important; color:white !important;transform:translateY(-2px)}
.slider{height:520px;overflow:hidden;position:relative;background:#fff}.track{height:100%;width:300%;display:flex;flex-direction:row-reverse;animation:slide 15s infinite ease-in-out}.slide{width:33.333%;height:100%;position:relative}.slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slide:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.15)}@keyframes slide{0%,28%{transform:translateX(0)}33%,61%{transform:translateX(33.333%)}66%,94%{transform:translateX(66.666%)}100%{transform:translateX(0)}}.dots{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:2}.dots span{width:12px;height:12px;border-radius:30px;background:#fff;box-shadow:0 3px 12px #0004}.dots span:first-child{width:42px}
.content{background:#fff;padding:72px 28px}.wrap{max-width:1260px;margin:auto;display:flex;flex-direction:column;gap:96px}.badge{display:inline-flex;padding:10px 20px;border-radius:999px;background:#fff;color:var(--cyan);box-shadow:0 8px 28px #0001;font-weight:950;margin-bottom:22px}h2{font-size:35px;line-height:1.45;margin:0 0 20px;font-weight:950;color:var(--dark)}p{font-size:18px;line-height:2.05;color:#5c6b66;margin:0;text-align:justify}
.intro-card{position:relative;overflow:hidden;border-radius:44px;background:linear-gradient(135deg,#e9fbf9,#fff,#fff3cc);padding:58px;box-shadow:0 22px 60px #003b4411;border:1px solid #fff;text-align:center}.intro-bg-text{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:100%;font-size:clamp(58px,15vw,160px);line-height:1;color:rgba(0,168,184,.09);font-weight:1000;direction:ltr;pointer-events:none;user-select:none}.orb{position:absolute;border-radius:50%;filter:blur(30px)}.orb-a{top:-90px;right:-90px;width:300px;height:300px;background:rgba(0,168,184,.15)}.orb-b{bottom:-90px;left:-90px;width:360px;height:360px;background:rgba(196,154,58,.2)}.intro-content{position:relative;max-width:970px;margin:auto}.center-text{text-align:center;max-width:900px;margin:auto}
.video-section{background:linear-gradient(135deg,#fff,#e9fbf9,#fff3cc);padding:70px 28px;border-radius:44px}.video-wrap{max-width:960px;margin:auto}.video-thumb{all:unset;display:block;width:100%;aspect-ratio:16/9;border-radius:34px;overflow:hidden;position:relative;background:#111;cursor: pointer;}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.28),transparent 55%)}.play{position:absolute;inset:0;margin:auto;width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);color:var(--cyan);font-size:42px;font-weight:900;z-index:2;transition:.35s}.video-thumb:hover .play{background:var(--gold2);transform:scale(1.08)}
.media-box{--glow-color:rgba(0,168,184,.35);position:relative;box-shadow:0 18px 45px rgba(0,0,0,.14);transition:transform .45s ease,box-shadow .45s ease}.media-box:before{content:"";position:absolute;inset:auto 12% -22px 12%;height:44px;border-radius:999px;background:var(--glow-color);filter:blur(28px);opacity:0;transform:scale(.85);transition:.45s;pointer-events:none;z-index:0}.media-box:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(0,0,0,.18),0 26px 55px var(--glow-color)}.media-box:hover:before{opacity:1;transform:scale(1.08)}.glow-aqua{--glow-color:rgba(0,168,184,.38)}.glow-gold{--glow-color:rgba(245,200,91,.42)}.glow-orange{--glow-color:rgba(255,153,51,.36)}.glow-purple{--glow-color:rgba(131,58,150,.36)}.glow-green{--glow-color:rgba(34,197,94,.34)}.glow-red{--glow-color:rgba(239,68,68,.36)}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.feature.reverse .copy{order:2}.feature.reverse .photo{order:1}.photo{all:unset;display:block;height:420px;width:100%;border-radius:34px;overflow:hidden;background:#eee;cursor:pointer}.photo img{width:100%;height:100%;object-fit:cover;display:block;transition:.7s}.photo:hover img{transform:scale(1.055)}

.event-section{position:relative;border-radius:52px;background:
radial-gradient(circle at 15% 18%,rgba(245,200,91,.34),transparent 28%),
radial-gradient(circle at 86% 76%,rgba(0,168,184,.36),transparent 32%),
linear-gradient(135deg,#10251f 0%,#0c6b70 45%,#f5c85b 130%);
padding:72px 58px;box-shadow:0 34px 95px rgba(0,63,68,.24);overflow:hidden;border:1px solid rgba(255,255,255,.24);isolation:isolate}
.event-section:before{content:"EVENTS";position:absolute;left:-12px;top:18px;font-size:150px;line-height:1;font-weight:1000;letter-spacing:.06em;color:rgba(255,255,255,.08);direction:ltr;z-index:-1}
.event-section:after{content:"";position:absolute;inset:18px;border-radius:42px;border:1px solid rgba(255,255,255,.18);pointer-events:none}
.event-divider{height:16px;width:min(720px,86%);margin:0 auto -46px;border-radius:999px;background:linear-gradient(90deg,transparent,#f5c85b,#00a8b8,#f5c85b,transparent);filter:blur(.2px);opacity:.9}
.event-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center;position:relative;z-index:2}
.event-section .badge{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.26);box-shadow:0 12px 34px rgba(0,0,0,.14)}
.event-section h2{color:#fff;font-size:42px;text-shadow:0 10px 30px rgba(0,0,0,.18)}
.event-section p{color:rgba(255,255,255,.9);font-weight:500;text-align:justify}
.event-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.event-chip{border-radius:999px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.22);color:#fff;padding:10px 16px;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.08)}
.event-masonry{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:92px;gap:14px;direction:ltr;transform:rotate(-1deg)}
.event-masonry .masonry-item{border:2px solid rgba(255,255,255,.35);box-shadow:0 18px 48px rgba(0,0,0,.22);transform:rotate(1deg)}
.event-masonry .masonry-item:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.28),transparent 60%);pointer-events:none}
.event-masonry .masonry-item:hover{transform:rotate(1deg) translateY(-8px)}
.event-masonry .tall{grid-row:span 3}.event-masonry .wide{grid-column:span 2;grid-row:span 2}.event-masonry .mid{grid-row:span 2}.event-masonry .short{grid-row:span 2}




.pack-image-button{
all:unset;
display:block;
width:100%;
height:100%;
border-radius:28px;
overflow:hidden;
cursor:pointer;
position:relative
}
.pack-image-button img{
transition:transform .65s ease, filter .65s ease;
display:block
}
.pack-image-button:hover img{
transform:scale(1.06);
filter:saturate(1.08) contrast(1.03)
}

.pack-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:48px;
align-items:center
}
.pack-visual-layout{
display:grid;
grid-template-columns:1fr 1fr;
grid-template-rows:198px 220px;
gap:18px;
direction:ltr
}
.pack-card-wide{
grid-column:1 / -1;
width:100%;
height:198px;
object-fit:cover;
border-radius:28px;
box-shadow:0 18px 45px rgba(0,0,0,.12)
}
.pack-stand-horizontal{
width:100%;
height:220px;
object-fit:cover;
border-radius:28px;
box-shadow:0 18px 45px rgba(0,0,0,.12)
}
.pack-person-vertical{
width:100%;
height:220px;
object-fit:cover;
object-position:center;
border-radius:28px;
box-shadow:0 18px 45px rgba(0,0,0,.12)
}
@media(max-width:980px){
.pack-grid{grid-template-columns:1fr}
.pack-visual-layout{grid-template-rows:180px 200px}
.pack-card-wide{height:180px}
.pack-stand-horizontal,.pack-person-vertical{height:200px}
}
@media(max-width:560px){
.pack-visual-layout{grid-template-columns:1fr;grid-template-rows:auto}
.pack-card-wide,.pack-stand-horizontal,.pack-person-vertical{height:220px;grid-column:auto}
}
.pack-vertical{max-width:100%;height:320px
}


.worldcup-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.masonry{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:92px;gap:14px;direction:ltr}.masonry-item{all:unset;display:block;border-radius:26px;overflow:hidden;background:#ddd;cursor:pointer}.masonry-item img{width:100%;height:100%;object-fit:cover;display:block;transition:.65s}.masonry-item:hover img{transform:scale(1.08)}.masonry .tall{grid-row:span 3}.masonry .wide{grid-column:span 2;grid-row:span 2}.masonry .mid{grid-row:span 2}.masonry .short{grid-row:span 2}
.worldcup{border-radius:46px;overflow:hidden;background:radial-gradient(circle at 80% 15%,#A3E635 0 14%,transparent 15%),linear-gradient(135deg,#6411d8 0 22%,#d90429 22% 52%,#8B1538 52% 72%,#00AEEF);padding:54px;box-shadow:0 30px 80px #0002;color:white;position:relative}.worldcup:before{content:"2026";position:absolute;left:36px;bottom:-30px;font-size:150px;font-weight:1000;color:#ffffff14}.worldcup h2{color:#fff;font-size:42px}.worldcup p{color:#ffffffe0}.wc-photo{all:unset;display:block;height:380px;border-radius:34px;overflow:hidden;background:#fff;cursor:pointer}.wc-photo img{width:100%;height:100%;object-fit:cover}
.pack-section{border-radius:46px;background:linear-gradient(135deg,#f8fbf8,#fff,#fff5d8);padding:54px;box-shadow:0 24px 70px #003b4410;border:1px solid #f0e4b8}.honor{border-radius:46px;overflow:hidden;background:linear-gradient(135deg,#14231e,#20392f,#c49a3a);display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:54px;color:#fff;box-shadow:0 30px 80px #0002;position:relative}.honor:before{content:"★";position:absolute;left:30px;top:-25px;font-size:200px;color:#ffffff12}.honor h2{color:var(--gold2)}.honor p{color:#ffffffd8}.honor-photo{all:unset;display:block;height:420px;border-radius:34px;overflow:hidden;cursor:pointer}.honor-photo img{width:100%;height:100%;object-fit:cover}
.ending{padding:82px 28px;background:linear-gradient(135deg,#fff,#e9fbf9)}.ending p{max-width:930px;margin:auto;text-align:center;font-size:21px;line-height:2.2;color:#20392f;font-weight:500}.footer{padding:92px 28px;background:linear-gradient(180deg,#fff,#f6fbfa)}
.footer-box{max-width:1160px;margin:auto;border-radius:42px;background:
radial-gradient(circle at 12% 18%,rgba(245,200,91,.22),transparent 28%),
radial-gradient(circle at 90% 90%,rgba(0,168,184,.28),transparent 30%),
linear-gradient(135deg,#10251f,#124944 48%,#006d76);padding:42px;color:#fff;box-shadow:0 30px 90px rgba(0,55,61,.22);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18)}
.footer-box:before{content:"AFTAB";position:absolute;left:26px;top:10px;font-size:110px;line-height:1;font-weight:1000;letter-spacing:.05em;color:rgba(255,255,255,.055);direction:ltr}
.footer-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.footer-card{border-radius:26px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px);padding:20px 22px;display:flex;align-items:center;gap:16px;line-height:2;color:#ffffff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 32px rgba(0,0,0,.10);transition:.35s}
.footer-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.23);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 20px 45px rgba(0,0,0,.16)}
.footer-icon{width:54px;height:54px;border-radius:19px;background:linear-gradient(135deg,#fff4b8,#f5c85b);color:#10251f;display:flex;align-items:center;justify-content:center;font-size:25px;box-shadow:0 12px 30px rgba(245,200,91,.25);flex:0 0 auto}
.footer strong{color:#FFE08A;font-weight:950}.footer p{color:#ffffff;font-weight:600;margin:0}.wide{grid-column:1/-1}
.lightbox,.modal{position:fixed;inset:0;background:rgba(0,0,0,.86);z-index:100;display:none;align-items:center;justify-content:center;padding:24px}.lightbox.open,.modal.open{display:flex}.lightbox img{max-width:min(1180px,96vw);max-height:88vh;border-radius:20px;box-shadow:0 30px 120px #000}.close{position:absolute;top:24px;left:24px;background:#fff;color:#111;border:0;border-radius:50%;width:48px;height:48px;font-size:26px;font-weight:900}.modal-frame{width:min(1100px,96vw);aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#000}.modal iframe{width:100%;height:100%;border:0}

@media(max-width:980px){.event-section{padding:34px 24px;border-radius:36px}.event-section:before{font-size:82px;top:18px}.event-grid{grid-template-columns:1fr}.event-section h2{font-size:30px}.event-masonry{transform:none;grid-template-columns:1fr 1fr;grid-auto-rows:80px}.event-masonry .masonry-item{transform:none}.event-masonry .masonry-item:hover{transform:translateY(-6px)}}
@media(max-width:520px){.event-masonry{grid-template-columns:1fr;grid-auto-rows:110px}.event-masonry .wide,.event-masonry .tall,.event-masonry .mid,.event-masonry .short{grid-column:auto;grid-row:span 2}.event-chips{gap:8px}.event-chip{font-size:13px}}

@media(max-width:980px){.brand small{display:none}.brand strong{font-size:14px}.header-btn{font-size:13px;padding:10px 16px}.slider{height:340px}.feature,.event-grid,.pack-grid,.worldcup-grid,.honor{grid-template-columns:1fr}.feature.reverse .copy,.feature.reverse .photo{order:unset}h2{font-size:27px!important}p{font-size:16px;line-height:2}.content{padding:52px 18px}.photo,.honor-photo{height:310px}.masonry{grid-template-columns:1fr 1fr;grid-auto-rows:78px}.masonry .wide{grid-column:span 2}.footer-grid{grid-template-columns:1fr}.wide{grid-column:auto}}@media(max-width:520px){.slider{height:280px}.masonry{grid-template-columns:1fr;grid-auto-rows:110px}.masonry .wide,.masonry .tall,.masonry .mid,.masonry .short{grid-column:auto;grid-row:span 2}.footer-card{align-items:flex-start}}

.worldcup{
position:relative;
border-radius:46px;
overflow:hidden;
padding:54px;
box-shadow:0 30px 80px rgba(0,0,0,.16);
color:white;
background:
radial-gradient(circle at 82% 18%,rgba(163,230,53,.95) 0 12%,rgba(163,230,53,.55) 13%,transparent 25%),
linear-gradient(135deg,#6411d8 0 20%,#e0042e 20% 48%,#8B1538 48% 72%,#18a8dc 100%);
isolation:isolate
}
.worldcup:before{
content:"2026";
position:absolute;
left:32px;
bottom:28px;
font-size:150px;
line-height:1;
font-weight:1000;
letter-spacing:.04em;
color:rgba(255,255,255,.10);
direction:ltr;
z-index:0
}
.worldcup:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(135deg,transparent 0 45%,rgba(0,0,0,.22) 45% 100%);
z-index:0;
pointer-events:none
}
.worldcup-grid{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1fr 1fr;
gap:54px;
align-items:center
}
.worldcup-copy{
order:1
}
.worldcup-image-wrap{
order:2
}
.worldcup h2{
color:#fff;
font-size:44px;
line-height:1.45;
text-shadow:0 12px 34px rgba(0,0,0,.24)
}
.worldcup p{
color:rgba(255,255,255,.94);
font-weight:600;
line-height:2.08;
text-align:justify
}
.worldcup .badge{
background:rgba(255,255,255,.18);
color:#fff;
border:1px solid rgba(255,255,255,.28);
box-shadow:0 12px 30px rgba(0,0,0,.13)
}
.wc-photo{
all:unset;
display:block;
height:380px;
width:100%;
border-radius:34px;
overflow:hidden;
background:#fff;
cursor:pointer;
box-shadow:0 20px 55px rgba(0,0,0,.24)
}
.wc-photo img{
width:100%;
height:100%;
object-fit:cover;
display:block
}
@media(max-width:980px){
.worldcup{padding:34px 24px;border-radius:36px}
.worldcup-grid{grid-template-columns:1fr;gap:28px}
.worldcup-copy,.worldcup-image-wrap{order:unset}
.worldcup h2{font-size:30px}
.wc-photo{height:300px}
.worldcup:before{font-size:90px}
}


.pack-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:48px;
align-items:center
}
.pack-copy{order:1}
.pack-masonry{
order:2;
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-auto-rows:92px;
gap:14px;
direction:ltr;
transform:rotate(-1deg)
}
.pack-masonry .masonry-item{
all:unset;
display:block;
border-radius:26px;
overflow:hidden;
background:#ddd;
cursor:pointer;
border:2px solid rgba(255,255,255,.85);
box-shadow:0 18px 48px rgba(0,0,0,.14);
transform:rotate(1deg);
position:relative
}
.pack-masonry .masonry-item img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:.65s
}
.pack-masonry .masonry-item:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(to top,rgba(0,0,0,.22),transparent 62%);
pointer-events:none
}
.pack-masonry .masonry-item:hover{
transform:rotate(1deg) translateY(-8px)
}
.pack-masonry .masonry-item:hover img{
transform:scale(1.08)
}
.pack-masonry .tall{grid-row:span 3}
.pack-masonry .wide{grid-column:span 2;grid-row:span 2}
.pack-masonry .mid{grid-row:span 2}
@media(max-width:980px){
.pack-grid{grid-template-columns:1fr}
.pack-masonry{grid-template-columns:1fr 1fr;grid-auto-rows:82px;transform:none}
.pack-masonry .masonry-item{transform:none}
.pack-masonry .masonry-item:hover{transform:translateY(-6px)}
}
@media(max-width:560px){
.pack-masonry{grid-template-columns:1fr;grid-auto-rows:110px}
.pack-masonry .wide,.pack-masonry .tall,.pack-masonry .mid{grid-column:auto;grid-row:span 2}
}


/* Final pack gallery layout override */
.pack-masonry{
  order:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:190px 190px;
  gap:18px;
  direction:ltr;
  transform:none;
}
.pack-masonry .masonry-item{
  all:unset;
  display:block;
  border-radius:26px;
  overflow:hidden;
  background:#ddd;
  cursor:pointer;
  border:2px solid rgba(255,255,255,.85);
  box-shadow:0 18px 48px rgba(0,0,0,.14);
  position:relative;
  transform:none;
}
.pack-masonry .masonry-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.65s;
}
.pack-masonry .masonry-item:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.18),transparent 62%);
  pointer-events:none;
}
.pack-masonry .masonry-item:hover{
  transform:translateY(-8px);
}
.pack-masonry .masonry-item:hover img{
  transform:scale(1.08);
}
.pack-masonry .card-wide{grid-column:1;grid-row:1;}
.pack-masonry .stand-wide{grid-column:1;grid-row:2;}
.pack-masonry .person-tall{grid-column:2;grid-row:1 / span 2;}
@media(max-width:980px){
  .pack-masonry{grid-template-columns:1fr 1fr;grid-template-rows:170px 170px}
}
@media(max-width:560px){
  .pack-masonry{grid-template-columns:1fr;grid-template-rows:auto}
  .pack-masonry .card-wide,.pack-masonry .stand-wide,.pack-masonry .person-tall{grid-column:auto;grid-row:auto;height:220px}
}


.pack-cta{
display:inline-flex;
align-items:center;
justify-content:center;
margin-top:28px;
padding:15px 30px;
border-radius:999px;
background:linear-gradient(135deg,#c49a3a,#f5c85b);
color:#14231e;
font-weight:950;
text-decoration:none;
box-shadow:0 16px 36px rgba(196,154,58,.28);
transition:.35s ease;
border:1px solid rgba(255,255,255,.65)
}
.pack-cta:hover{
transform:translateY(-4px);
box-shadow:0 24px 50px rgba(196,154,58,.38);
background:linear-gradient(135deg,#f5c85b,#00a8b8);
color:#fff
}


/* Menu Header */
/* --- استایل منو در حالت دسکتاپ --- */
.navmenu ul {
  display: flex;
  list-style: none;
  align-items: center;
  gap: 20px;
  margin: 0;
  padding: 0;
}

.navmenu a {
  text-decoration: none;
  color: #333;
  font-weight: 600;
  font-size: 15px;
  transition: 0.3s;
}

.navmenu a:hover {
  color: var(--gold);
}

/* استایل دکمه عضویت داخل منو */
.navmenu .menu-btn {
  background: var(--gold);
  color: #fff;
  padding: 8px 20px;
  border-radius: 50px;
}

/* مخفی کردن آیکون سه‌خط در دسکتاپ */
.mobile-nav-toggle {
  display: none;
  font-size: 28px;
  cursor: pointer;
  line-height: 0;
  transition: 0.5s;
}

/* --- تنظیمات مخصوص موبایل (Responsive) --- */
@media (max-width: 768px) {
  .mobile-nav-toggle {
    display: block; /* ظاهر شدن آیکون سه‌خط در موبایل */
  }

  .navmenu ul {
    display: none; /* مخفی کردن منوی اصلی در موبایل */
    
    /* استایل منوی بازشو در موبایل */
    position: absolute;
    top: 60px;
    right: 20px;
    left: 20px;
    padding: 10px 0;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    flex-direction: column;
    z-index: 999;
  }
  
  /* کلاس برای وقتی که روی سه‌خط کلیک شد و منو باز شد */
  .navmenu.mobile-nav-active ul {
    display: flex;
  }
}

.second-color{
  color:var(--cyan) !important;
}

.navmenu{
  display:flex;
  align-items:center;
  gap:14px;
}

.header-login{
  width:44px;
  height:44px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:#10251f;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(16,37,31,.12);
  transition:.25s;
}

.header-login i{
  font-size:20px;
  line-height:0;
}

.header-login:hover{
  transform:translateY(-1px);
  background:#fff;
}

/* موبایل: آیکون ورود کنار آیکون سه‌خط باقی بماند */
@media (max-width: 991px){
  .header-login{
    width:42px;height:42px;
  }
}

.header-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.header-actions a{
  width:44px;
  height:44px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:#10251f;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(16,37,31,.12);
  transition:.25s;
}

.header-actions a i{
  font-size:20px;
  line-height:0;
}

.header-actions a:hover{
  transform:translateY(-1px);
  background:#fff;
}

/* موبایل */
@media (max-width: 991px){
  .header-actions a{ width:42px; height:42px; }
}

/*--------------------------------------------------------------
# Faq Section
--------------------------------------------------------------*/
.faq .content h3 {
  font-weight: 400;
  font-size: 34px;
}

.faq .content p {
  font-size: 15px;
  color: color-mix(in srgb, var(--default-color), transparent 30%);
}

.faq .faq-container .faq-item {
  background-color: var(--surface-color);
  position: relative;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border-radius: 15px;
}

.faq .faq-container .faq-item:last-child {
  margin-bottom: 0;
}

.faq .faq-container .faq-item h5 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin: 0 30px 0 0;
  transition: 0.3s;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
}

.faq .faq-container .faq-item h5 .num {
  color: var(--accent-color);
  padding-right: 5px;
}

.faq .faq-container .faq-item h5:hover {
  color: var(--accent-color);
}

.faq .faq-container .faq-item .faq-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.faq .faq-container .faq-item .faq-content p {
  margin-bottom: 0;
  overflow: hidden;
  font-size: 13px;
}

.faq .faq-container .faq-item .faq-toggle {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 16px;
  line-height: 0;
  transition: 0.3s;
  cursor: pointer;
}

.faq .faq-container .faq-item .faq-toggle:hover {
  color: var(--accent-color);
}

.faq .faq-container .faq-active h3 {
  color: var(--accent-color);
}

.faq .faq-container .faq-active .faq-content {
  grid-template-rows: 1fr;
  visibility: visible;
  opacity: 1;
  padding-top: 10px;
}

.faq .faq-container .faq-active .faq-toggle {
  transform: rotate(90deg);
  color: var(--accent-color);
}
.faq{
   margin-top: 60px;
   font-family: "IRANSansWeb";
}

/* Footer*/
@media (max-width: 768px){
  .footer{
    padding: 50px 14px;
  }

  .footer-box{
    padding: 18px;
    border-radius: 24px;
  }

  .footer-box:before{
    font-size: 60px;
    top: 8px;
    left: 12px;
  }

  .footer-grid{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .footer-card{
    padding: 14px 14px;
    border-radius: 18px;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
  }

  .footer-icon{
    width: 42px;
    height: 42px;
    border-radius: 14px;
    font-size: 20px;
    flex-shrink: 0;
  }

  .footer-card p{
    font-size: 13px;
    line-height: 1.9;
  }

  .footer strong{
    display: block;
    margin-bottom: 4px;
    font-size: 14px;
  }

  .wide{
    grid-column: auto;
  }
}
.fs-7 {
    font-size: 0.75rem !important;
}

.footer-links {
  text-align: center;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.footer-link {
  color:var(--cyan);
  text-decoration: none;
  font-size: 15px;
  transition: color 0.3s ease;
}

.footer-link:hover {
  color: #f5c76b; /* یا همون second-color */
}

.footer-bottom {
  margin-top: 20px;
  background-color:var(--gold);
  text-align: center;
  padding: 10px 15px;
  font-size: 13px;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}