600;700;800&family=Jost:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Noto+Nastaliq+Urdu:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;0,800;1,500;1,600;1,700;1,800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

body.theme-custom h1, body.theme-custom h2 { font-family: var(--font-heading) !important; }



#hero-slider{display:none!important}
body{overflow-x:hidden}
main{padding-top:0!important}
.theme-custom-section[data-theme-block="safar-postcard-deck-hero"]{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0}
.safar-deck-hero{width:100%}
.safar-deck-hero{--navy-0:#07130f;--navy-1:#0b1f19;--navy-2:#123127;--gold:#d4a359;--gold-2:#ead3a4;--ink:#faf7f2;--muted:#aebdb4;--terracotta:#b84d29;--card-h:clamp(280px,50vh,500px);--card-w:calc(var(--card-h)*5/7);--ease:cubic-bezier(.22,.9,.3,1)}
.safar-deck-hero *{margin:0;padding:0;box-sizing:border-box}
.safar-deck-hero{position:relative;height:80vh;height:80svh;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(120% 90% at 75% 10%,#17362b 0%,transparent 55%),radial-gradient(100% 100% at 10% 100%,#10271f 0%,transparent 60%),var(--navy-0);font-family: 'Playfair Display';color:var(--ink)}
.safar-deck-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;z-index:4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.safar-deck-bg{position:absolute;inset:0;z-index:0}
.safar-deck-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease;transform:scale(1.15);filter:blur(42px) brightness(.38) saturate(1.1)}
.safar-deck-bg img.on{opacity:1}
.safar-deck-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(7,19,15,.94) 0%,rgba(7,19,15,.55) 45%,rgba(7,19,15,.88) 100%)}
.safar-deck-stage-wrap{position:relative;z-index:5;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,40px);padding:clamp(32px,4.5vh,56px) clamp(20px,5vw,72px) clamp(40px,6vh,72px);max-width:1600px;margin:0 auto;width:100%}
.safar-deck-stage{position:relative;height:var(--card-h);max-height:100%;perspective:1400px;display:flex;align-items:center;justify-content:center;touch-action:pan-y}
.safar-deck-cards{position:relative;width:var(--card-w);height:100%}
.safar-deck-card{position:absolute;inset:0;border-radius:10px;overflow:hidden;background:#0d2019;backface-visibility:hidden;box-shadow:0 30px 60px -18px rgba(0,0,0,.75);transition:transform .9s var(--ease),opacity .9s var(--ease),filter .9s var(--ease),box-shadow .9s var(--ease);will-change:transform;user-select:none;-webkit-user-select:none;border:0;padding:0;cursor:pointer;display:block;font:inherit;color:inherit;text-align:start}
.safar-deck-card img,.safar-deck-card svg,.safar-deck-card .stamp,.safar-deck-card .safar-deck-airmail,.safar-deck-card .safar-deck-bundle-fan,.safar-deck-card .safar-deck-bundle-badge{pointer-events:none}
.safar-deck-hero button svg,.safar-deck-hero button path{pointer-events:none}
.safar-deck-card img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}
.safar-deck-card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.14) 0%,transparent 28%,transparent 72%,rgba(0,0,0,.22) 100%);opacity:.7;pointer-events:none}
.safar-deck-card:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px;z-index:20}
.safar-deck-card .stamp{position:absolute;top:14px;right:-14px;z-index:3;width:64px;height:74px;padding:6px 4px;background:#f4eee1;border-radius:3px;transform:rotate(8deg) scale(0);transition:transform .7s var(--ease) .35s;box-shadow:0 6px 14px rgba(0,0,0,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.safar-deck-card .stamp .frame{width:100%;height:100%;border:1px dashed #b3945c;border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.safar-deck-card .stamp svg{width:16px;height:16px;stroke:#a8854a}
.safar-deck-card .stamp .stamp-logo{width:30px;height:30px;object-fit:contain;display:block;margin:1px 0}
.safar-deck-card .stamp span{font-size:7px;letter-spacing:.24em;color:#a8854a;font-weight:600}
.safar-deck-card.is-active .stamp{transform:rotate(8deg) scale(1)}
.safar-deck-card[data-pos="0"]{transform:scale(1);z-index:10;box-shadow:0 40px 80px -20px rgba(0,0,0,.85),0 0 0 1px rgba(232,207,149,.25)}
.safar-deck-card[data-pos="1"]{transform:translateX(64%) translateY(2.5%) scale(.8) rotate(7deg);z-index:8;filter:brightness(.55) saturate(.85)}
.safar-deck-card[data-pos="-1"]{transform:translateX(-64%) translateY(2.5%) scale(.8) rotate(-7deg);z-index:8;filter:brightness(.55) saturate(.85)}
.safar-deck-card[data-pos="2"]{transform:translateX(112%) translateY(6%) scale(.64) rotate(14deg);z-index:6;filter:brightness(.38) saturate(.7) blur(1px)}
.safar-deck-card[data-pos="-2"]{transform:translateX(-112%) translateY(6%) scale(.64) rotate(-14deg);z-index:6;filter:brightness(.38) saturate(.7) blur(1px)}
.safar-deck-card[data-pos="3"]{transform:translateX(140%) scale(.55) rotate(20deg);z-index:4;opacity:0;filter:brightness(.3)}
.safar-deck-card[data-pos="-3"]{transform:translateX(-140%) scale(.55) rotate(-20deg);z-index:4;opacity:0;filter:brightness(.3)}
.safar-deck-stage-hint{position:absolute;bottom:-34px;left:50%;transform:translateX(-50%);font-family: 'Playfair Display';font-size:16px;font-style:italic;color:rgba(212,163,89,.82);white-space:nowrap;letter-spacing:.02em}
.safar-deck-copy{position:relative;max-width:560px;min-height:0;max-height:100%;overflow:hidden}
.safar-deck-kicker{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.safar-deck-kicker .line{width:44px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.safar-deck-title{font-family: 'Playfair Display';font-weight:600;font-size:clamp(32px,3.8vw,54px);line-height:1.05;color:var(--ink);white-space:nowrap}
.safar-deck-title em{font-style:normal;color:var(--gold-2)}
.safar-deck-urdu{margin-top:14px;color:#f2e5d3;font-family: 'Noto Nastaliq Urdu';font-size:clamp(24px,2.4vw,35px);line-height:1.7;direction:rtl;text-align:left}
.safar-deck-divider{display:flex;align-items:center;margin:22px 0}
.safar-deck-divider .l{height:1px;flex:0 0 140px;background:linear-gradient(90deg,var(--gold),rgba(212,163,89,.12))}
.safar-deck-desc{color:var(--muted);font-weight:300;font-size:clamp(14px,1.2vw,16.5px);line-height:1.75;max-width:46ch}
.safar-deck-meta{display:flex;gap:26px;margin-top:22px;flex-wrap:wrap}
.safar-deck-meta .m{display:flex;flex-direction:column;gap:3px}
.safar-deck-meta .m b{font-size:11px;letter-spacing:.3em;color:var(--gold);text-transform:uppercase;font-weight:500}
.safar-deck-meta .m span{font-size:15px;color:var(--ink);font-weight:300}
.safar-deck-price{font-family: 'Playfair Display';font-size:24px;color:var(--gold-2)}
.safar-deck-ctas{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.safar-deck-btn{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;padding:13px 22px;border-radius:2px;text-decoration:none;cursor:pointer;transition:all .35s var(--ease);white-space:nowrap}
.safar-deck-btn svg{width:14px;height:14px;stroke:currentColor}
.safar-deck-btn-solid{background:linear-gradient(120deg,var(--terracotta),#923b20);color:#fffaf3;box-shadow:0 10px 30px -10px rgba(184,77,41,.6)}
.safar-deck-btn-solid:hover{transform:translateY(-2px);box-shadow:0 16px 36px -10px rgba(201,164,92,.7)}
.safar-deck-btn-ghost{border:1px solid rgba(201,164,92,.45);color:var(--gold-2)}
.safar-deck-btn-ghost:hover{background:rgba(201,164,92,.12);transform:translateY(-2px)}
.safar-deck-copy .anim{opacity:0}
.safar-deck-copy.safar-deck-swap-a .anim{animation:safarRiseA .7s var(--ease) forwards}
.safar-deck-copy.safar-deck-swap-b .anim{animation:safarRiseB .7s var(--ease) forwards}
.safar-deck-copy .anim:nth-child(2){animation-delay:.06s}
.safar-deck-copy .anim:nth-child(3){animation-delay:.12s}
.safar-deck-copy .anim:nth-child(4){animation-delay:.18s}
.safar-deck-copy .anim:nth-child(5){animation-delay:.24s}
.safar-deck-copy .anim:nth-child(6){animation-delay:.3s}
@keyframes safarRiseA{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes safarRiseB{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.safar-deck-bundle-fan{position:absolute;inset:0;display:block}
.safar-deck-bundle-fan .mini{position:absolute;top:50%;left:50%;width:62%;aspect-ratio:5/7;border-radius:8px;overflow:hidden;box-shadow:0 24px 48px -14px rgba(0,0,0,.7);transition:transform .9s var(--ease)}
.safar-deck-bundle-fan .mini img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.safar-deck-bundle-fan .m1{transform:translate(-78%,-54%) rotate(-11deg);z-index:2}
.safar-deck-bundle-fan .m2{transform:translate(-50%,-58%) rotate(0deg) translateY(-6%);z-index:3}
.safar-deck-bundle-fan .m3{transform:translate(-22%,-54%) rotate(11deg);z-index:2}
.safar-deck-bundle-badge{position:absolute;top:6%;right:2%;z-index:6;background:linear-gradient(135deg,var(--gold),#a8803c);color:#140e03;font-size:10px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;padding:9px 16px;border-radius:2px;transform:rotate(6deg);box-shadow:0 8px 20px rgba(0,0,0,.45)}
.safar-deck-airmail{position:absolute;top:-10px;left:-24px;right:-24px;height:22px;z-index:5;background:repeating-linear-gradient(45deg,#b03a3a 0 14px,#f4eee1 14px 28px,#3a5b8c 28px 42px,#f4eee1 42px 56px);transform:rotate(-4deg);opacity:.9;border-radius:2px;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.safar-deck-controls{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px) clamp(22px,3.5vh,38px);max-width:1600px;margin:0 auto;width:100%;gap:20px}
.safar-deck-counter{font-family: 'Playfair Display';font-size:17px;color:var(--muted);letter-spacing:.2em}
.safar-deck-counter b{color:var(--gold-2);font-weight:600;font-size:22px}
.safar-deck-dots{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}
.safar-deck-dot{width:26px;height:3px;border-radius:2px;border:0;cursor:pointer;background:rgba(143,160,184,.28);transition:background .3s;padding:0}
.safar-deck-dot.on{background:var(--gold)}
.safar-deck-dot:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}
.safar-deck-arrows{display:flex;gap:12px}
.safar-deck-arrow{width:52px;height:52px;border-radius:50%;cursor:pointer;border:1px solid rgba(201,164,92,.4);background:rgba(10,19,34,.5);color:var(--gold-2);display:grid;place-items:center;transition:all .3s var(--ease);backdrop-filter:blur(6px)}
.safar-deck-arrow:hover{background:var(--gold);color:#120d04;transform:translateY(-2px)}
.safar-deck-arrow svg{width:18px;height:18px;stroke:currentColor}
.safar-deck-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;z-index:11;background:rgba(143,160,184,.15)}
.safar-deck-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-2))}
.safar-deck-progress.run-a i{animation:safarBarA 4.2s linear forwards}
.safar-deck-progress.run-b i{animation:safarBarB 4.2s linear forwards}
@keyframes safarBarA{from{width:0}to{width:100%}}
@keyframes safarBarB{from{width:0}to{width:100%}}
@media (max-height:760px) and (min-width:961px){
.safar-deck-hero{--card-h:clamp(240px,42vh,400px)}
.safar-deck-title{font-size:clamp(30px,4.2vw,52px)}
.safar-deck-urdu{margin-top:8px;font-size:clamp(18px,1.9vw,25px)}
.safar-deck-divider{margin:12px 0}
.safar-deck-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.safar-deck-meta{margin-top:14px}
.safar-deck-ctas{margin-top:18px}
.safar-deck-btn{padding:12px 24px}
}
@media (max-width:960px){
.safar-deck-hero{--card-h:clamp(260px,35vh,360px);height:82vh;height:82svh}
.safar-deck-stage-wrap{grid-template-columns:1fr;gap:10px;padding:28px clamp(16px,4vw,28px) 10px;align-content:start}
.safar-deck-copy{max-width:none;text-align:left;padding:0 2px}
.safar-deck-kicker{margin-bottom:8px;font-size:9px;letter-spacing:.32em}
.safar-deck-title{font-size:clamp(28px,7.6vw,38px)}
.safar-deck-urdu{margin-top:6px;font-size:clamp(18px,5vw,24px);line-height:1.5}
.safar-deck-divider{margin:10px 0}
.safar-deck-desc{font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.safar-deck-meta{margin-top:10px;gap:16px}
.safar-deck-meta .m b{font-size:8px;letter-spacing:.22em}
.safar-deck-meta .m span{font-size:12px}
.safar-deck-price{font-size:16px}
.safar-deck-ctas{margin-top:14px}
.safar-deck-btn{padding:11px 20px;font-size:10px;letter-spacing:.2em}
.safar-deck-btn-ghost{display:none}
.safar-deck-stage-hint{display:none}
.safar-deck-controls{padding:0 clamp(16px,4vw,28px) 12px;gap:10px}
.safar-deck-counter{font-size:13px}
.safar-deck-counter b{font-size:16px}
.safar-deck-dots{gap:4px}
.safar-deck-dot{display:none;width:14px}
.safar-deck-dot.win{display:block}
.safar-deck-dot.on{width:22px}
.safar-deck-arrow{width:40px;height:40px}
.safar-deck-arrow svg{width:15px;height:15px}
.safar-deck-card[data-pos="1"]{transform:translate(46%,-6%) scale(.72) rotate(8deg)}
.safar-deck-card[data-pos="-1"]{transform:translate(-46%,-6%) scale(.72) rotate(-8deg)}
.safar-deck-card[data-pos="2"],.safar-deck-card[data-pos="-2"]{opacity:0}
.safar-deck-card[data-pos="2"]{transform:translate(78%,-10%) scale(.6) rotate(14deg)}
.safar-deck-card[data-pos="-2"]{transform:translate(-78%,-10%) scale(.6) rotate(-14deg)}
}
@media (prefers-reduced-motion:reduce){.safar-deck-hero *,.safar-deck-hero *::before,.safar-deck-hero *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* storytelling section (hoisted inline styles) */

    .safar-story-wrapper {
      width: min(100%, 1340px);
      margin: 0 auto;
      padding: 76px 32px 82px;
      box-sizing: border-box;
      color: #10181f;
    }
    .safar-hero-split-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
      gap: clamp(48px, 7vw, 96px);
      align-items: center;
    }
    .safar-story-copy { max-width: 760px; }
    .safar-story-pill {
      width: fit-content;
      margin: 0 0 28px;
      padding: 11px 24px;
      display: flex;
      align-items: center;
      gap: 11px;
      color: #b84d29;
      background: #f2e5d3;
      border: 1px solid #e4cfb2;
      border-radius: 999px;
      box-shadow: 0 8px 18px rgba(61, 43, 24, .13);
      font-family: 'Playfair Display';
      font-size: 12px;
      font-weight: 700;
      line-height: 1;
      letter-spacing: .16em;
    }
    .safar-story-pill b { color: #d49b49; font-size: 15px; line-height: 1; }
    
    
    .safar-story-lead {
      max-width: 700px;
      margin: 0;
      color: #31495d;
      font-family: 'Playfair Display';
      font-size: 17px;
      line-height: 1.68;
    }
    .safar-story-features { margin-top: 28px; display: grid; gap: 19px; }
    .safar-story-feature { display: grid; grid-template-columns: 34px 1fr; gap: 14px; align-items: start; }
    .safar-story-feature__icon {
      width: 28px;
      height: 28px;
      display: grid;
      place-items: center;
      color: #c34e2a;
    }
    .safar-story-feature__icon svg { width: 21px; height: 21px; display: block; }
    .safar-story-feature strong,
    .safar-story-feature span { display: block; font-family: 'Playfair Display'; }
    .safar-story-feature strong { margin: 0 0 3px; color: #0c1822; font-size: 15px; line-height: 1.35; }
    .safar-story-feature span { color: #53687b; font-size: 13px; line-height: 1.5; }
    .safar-story-facts {
      margin-top: 28px;
      padding-top: 19px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px 24px;
      border-top: 1px solid #e3d7c8;
      color: #526779;
      font-family: 'Playfair Display';
      font-size: 12px;
      font-weight: 600;
    }
    .safar-story-facts strong { color: #10181f; font-size: 13px; }
    .safar-flip-box {
      perspective: 1200px;
      width: 320px;
      height: 448px;
      cursor: pointer;
      margin: 0 auto;
    }
    .safar-flip-inner {
      position: relative;
      width: 100%;
      height: 100%;
      transform-style: preserve-3d;
      transition: transform .8s cubic-bezier(.2, .8, .2, 1);
      border-radius: 16px;
      box-shadow: 0 16px 40px rgba(16, 24, 31, .14);
    }
    .safar-flip-box:hover .safar-flip-inner { transform: rotateY(180deg); }
    .safar-face-front, .safar-face-back {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      border-radius: 16px;
      overflow: hidden;
    }
    .safar-face-back {
      padding: 24px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      box-sizing: border-box;
      background: #fffdf9;
      border: 1px solid #eadbcc;
      transform: rotateY(180deg);
    }
    @media (max-width: 900px) {
      .safar-story-wrapper { padding: 64px 24px 70px; }
      .safar-hero-split-grid { grid-template-columns: 1fr; gap: 48px; }
      .safar-story-copy { max-width: 760px; margin: 0 auto; }
    }
    @media (max-width: 560px) {
      .safar-story-wrapper { padding: 54px 18px 60px; }
      .safar-story-pill { margin-bottom: 23px; padding: 10px 16px; font-size: 10px; }
      
      .safar-story-lead { font-size: 15px; }
      .safar-story-features { margin-top: 24px; }
      .safar-story-facts { gap: 8px 14px; }
      .safar-flip-box { width: min(100%, 320px); height: auto; aspect-ratio: 5 / 7; }
    }


.safar-story-title,
body.theme-custom .safar-story-title,


.safar-story-title em,
body.theme-custom .safar-story-title em,




.safar-story-title,
body.theme-custom .safar-story-title,
#story .safar-story-title,
#story h2.safar-story-title {
  display: block !important;
  margin: 0 0 22px 0 !important;
  color: #071522 !important;
  font-family: 'Playfair Display' !important;
  font-size: clamp(42px, 4.2vw, 62px) !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  background: transparent !important;
}

.safar-story-title em,
body.theme-custom .safar-story-title em,
#story .safar-story-title em,
#story h2.safar-story-title em {
  display: block !important;
  margin-top: 2px !important;
  color: #c34e2a !important;
  font-family: 'Playfair Display' !important;
  font-style: italic !important;
  font-weight: 600 !important;
  font-size: 1.0em !important;
  line-height: 1.07 !important;
  letter-spacing: 0 !important;
  background: transparent !important;
}
body.theme-custom main:not(.admin-main){display:flex;flex-direction:column;}
body.theme-custom main>.theme-custom-section[data-theme-block="sub-header-nav"]{order:10;}
body.theme-custom main>.theme-custom-section[data-theme-block="safar-postcard-deck-hero"]{order:20;}
body.theme-custom main>.theme-custom-section[data-theme-block="storytelling-hero-demo"]{order:30;}
body.theme-custom main>.theme-custom-section[data-theme-block="safar-catalog-toolbar"]{order:40;}
body.theme-custom main>.theme-custom-section[data-theme-block="product-catalog-grid-part1"]{order:50;}
body.theme-custom main>.theme-custom-section[data-theme-block="product-catalog-grid-part2"]{order:60;}
body.theme-custom main>.theme-custom-section[data-theme-block="collector-bundles-showcase"]{order:70;}
body.theme-custom main>.theme-custom-section[data-theme-block="artisan-craft-breakdown"]{order:80;}
body.theme-custom main>.theme-custom-section[data-theme-block="safar-diaspora-testimonials"]{order:90;}
body.theme-custom main>.motion-trust{order:100;}
body.theme-custom main>.theme-custom-section[data-theme-block="safartok-community-showcase"]{order:110;}
body.theme-custom main>.theme-custom-section[data-theme-block="safar-complete-footer"]{order:120;}