@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 800;font-display:swap;src:url('https://fonts.gstatic.com/s/playfairdisplay/v40/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2') format('woff2');}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 800;font-display:swap;src:url('https://fonts.gstatic.com/s/playfairdisplay/v40/nuFkD-vYSZviVYUb_rj3ij__anPXDTnogkk7.woff2') format('woff2');}
@font-face{font-family:'Jost';font-style:normal;font-weight:400 800;font-display:swap;src:url('https://fonts.gstatic.com/s/jost/v20/92zatBhPNqw73oTd4g.woff2') format('woff2');}
@font-face{font-family:'Noto Nastaliq Urdu';font-style:normal;font-weight:400 700;font-display:swap;src:url('https://fonts.gstatic.com/s/notonastaliqurdu/v23/LhW4MUPbN-oZdNFcBy1-DJYsEoTq5pu3SvoMC9Y.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;}
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; }



html:root body.theme-custom main>section.theme-custom-section>.safar-mobile-menu>nav{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;
  }

/* Header trigger is now a real platform control, so use normal flex layout. */
@media (max-width:700px){
  html body.theme-custom>header{padding:0 12px!important;gap:6px!important;}
  html body.theme-custom>header>.theme-mobile-menu-trigger{display:grid!important;order:-1!important;}
  html body.theme-custom>header>.logo{margin-right:auto!important;}
}

/* Final mobile header precedence: keep menu in chrome, never as a link row. */
@media (max-width:700px){
  html body.theme-custom>.announce{
    height:44px!important;min-height:44px!important;max-height:44px!important;padding:6px 42px!important;
    overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;
    font-size:9.5px!important;line-height:1.25!important;text-align:center!important;
  }
  html body.theme-custom>header{
    height:60px!important;min-height:60px!important;max-height:60px!important;
    padding:0 12px 0 58px!important;gap:6px!important;
  }
  html body.theme-custom>header>.logo{
    flex:1 1 auto!important;min-width:0!important;margin:0!important;overflow:hidden!important;
  }
  html body.theme-custom>header>.hdr-actions{flex:0 0 auto!important;gap:4px!important;}
  html body.theme-custom main>section.theme-custom-section:has(>.safar-mobile-menu){
    position:relative!important;top:auto!important;left:auto!important;right:auto!important;
    width:100%!important;height:0!important;min-height:0!important;max-height:0!important;block-size:0!important;
    margin:0!important;padding:0!important;background:transparent!important;border:0!important;
    overflow:visible!important;z-index:220!important;backdrop-filter:none!important;
  }
  html body.theme-custom main>section.theme-custom-section>.safar-inline-nav--desktop{display:none!important;}
  html body.theme-custom main>section.theme-custom-section>.safar-mobile-menu{height:0!important;z-index:225!important;}
  html body.theme-custom main>section.theme-custom-section>.safar-mobile-menu>summary{z-index:230!important;}
}

/* SAFAR mobile header: compact commerce actions and an in-header menu. */
@media (max-width:700px){
  body.theme-custom>header{
    height:60px!important;min-height:60px!important;padding:0 12px 0 58px!important;
    gap:6px!important;overflow:visible!important;z-index:190!important;
  }
  body.theme-custom>header .logo{
    flex:1 1 auto!important;min-width:0!important;margin:0!important;overflow:hidden!important;
  }
  body.theme-custom #store-name{display:block!important;white-space:nowrap!important;overflow:hidden!important;}
  body.theme-custom #store-name::before{font-size:1.08rem!important;letter-spacing:2.2px!important;}
  body.theme-custom #store-name::after{font-size:.82rem!important;margin-left:2px!important;}
  body.theme-custom>header .hdr-actions{flex:0 0 auto!important;gap:4px!important;}
  body.theme-custom>header .hdr-actions .icon-btn,
  body.theme-custom>header .hdr-actions .account-icon-btn,
  body.theme-custom>header .hdr-actions #cart-link{
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
    padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  }
  body.theme-custom>header .hdr-actions #cart-link{
    position:relative!important;background:#10181f!important;color:#fff!important;border:1px solid #10181f!important;
    overflow:visible!important;font-size:0!important;
  }
  body.theme-custom>header .hdr-actions #cart-link>svg{display:block!important;width:17px!important;height:17px!important;}
  body.theme-custom>header .hdr-actions #cart-link>.cart-label{display:none!important;width:0!important;height:0!important;overflow:hidden!important;}
  body.theme-custom>header .hdr-actions #cart-link>.badge{
    position:absolute!important;top:-4px!important;right:-3px!important;left:auto!important;
    width:auto!important;min-width:17px!important;height:17px!important;padding:0 4px!important;
    display:grid!important;place-items:center!important;border:2px solid #faf7f2!important;border-radius:999px!important;
    background:#d9a451!important;color:#10181f!important;font-size:9px!important;font-weight:800!important;line-height:1!important;
  }
  body.theme-custom main>.theme-custom-section:has(>.safar-mobile-menu){
    position:relative!important;top:auto!important;left:auto!important;right:auto!important;
    width:100%!important;height:0!important;min-height:0!important;block-size:0!important;
    margin:0!important;padding:0!important;background:transparent!important;border:0!important;
    overflow:visible!important;z-index:210!important;backdrop-filter:none!important;
  }
  body.theme-custom .safar-mobile-menu{
    position:relative!important;width:100%!important;height:0!important;display:block!important;color:#10181f!important;
  }
  body.theme-custom .safar-mobile-menu>summary{
    position:absolute!important;top:-49px!important;left:12px!important;
    width:38px!important;height:38px!important;padding:0!important;display:grid!important;place-items:center!important;
    border:1px solid rgba(16,24,31,.14)!important;border-radius:50%!important;background:#fffdf9!important;
    box-shadow:none!important;cursor:pointer!important;list-style:none!important;
  }
  body.theme-custom .safar-mobile-menu>summary>span,
  body.theme-custom .safar-mobile-menu>summary>.safar-mobile-menu__chevron{display:none!important;}
  body.theme-custom .safar-mobile-menu>summary>svg:not(.safar-mobile-menu__chevron){display:block!important;width:19px!important;height:19px!important;}
  body.theme-custom .safar-mobile-menu[open]>summary{background:#10181f!important;color:#fff!important;border-color:#10181f!important;}
  body.theme-custom .safar-mobile-menu>nav{
    position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;
    padding:10px 12px 14px!important;grid-template-columns:1fr 1fr!important;gap:4px!important;
    background:#fffdf9!important;border-top:1px solid rgba(16,24,31,.08)!important;
    border-bottom:1px solid #dfc5a4!important;box-shadow:0 16px 28px rgba(16,24,31,.14)!important;
  }
  body.theme-custom .safar-mobile-menu>nav a{
    min-height:44px!important;padding:11px 12px!important;border-radius:6px!important;
    display:flex!important;align-items:center!important;color:#16232d!important;font-size:12px!important;
  }
}

/* Product artwork should speak for itself; remove arbitrary editorial badges. */
body.theme-custom .safar-top-nostalgia-badge{display:none!important}

@media(max-width:700px){
body.theme-custom main .safar-catalog-section>div{padding:20px 10px 0!important}
body.theme-custom main .safar-catalog-section .safar-catalog-grid-wrapper{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.theme-custom main .safar-product-card{min-width:0!important;border-radius:10px!important}
body.theme-custom main .safar-card-artwork{width:100%!important;aspect-ratio:4/5!important;height:auto!important;object-fit:cover!important}
body.theme-custom main .safar-card-content{padding:12px!important}
body.theme-custom main .safar-card-location{display:block!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:8px!important}
body.theme-custom main .safar-card-title{min-height:38px!important;margin:7px 0 4px!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;font-size:14px!important;line-height:1.32!important}
body.theme-custom main .safar-card-urdu-title{min-height:20px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:12px!important}
body.theme-custom main .safar-card-desc{display:none!important}
body.theme-custom main .safar-card-bottom-row{margin-top:11px!important;padding-top:10px!important;align-items:flex-end!important;gap:6px!important}
body.theme-custom main .safar-card-price{font-size:15px!important}
body.theme-custom main .safar-price-sublabel{font-size:7px!important}
body.theme-custom main .safar-card-add-btn{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;font-size:0!important}
body.theme-custom main .safar-card-add-btn:after{content:'+'!important;font-size:18px!important;line-height:1!important}
body.theme-custom .safar-sets{padding:56px 0 52px!important}
body.theme-custom .safar-sets-heading{padding:0 20px!important;margin-bottom:30px!important}
body.theme-custom .safar-sets-grid{padding:16px 18px 20px!important;display:flex!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none!important}
body.theme-custom .safar-sets-grid::-webkit-scrollbar{display:none!important}
body.theme-custom .safar-set-card{width:min(84vw,330px)!important;min-width:min(84vw,330px)!important;flex:0 0 min(84vw,330px)!important;scroll-snap-align:center}
body.theme-custom .safar-set-card.featured{transform:none!important}
body.theme-custom .safar-set-visual{height:250px!important}
body.theme-custom .safar-set-copy{padding:22px!important}
}

/* SAFAR compact mobile-critical rules: keep before custom CSS render cap */
@media(max-width:700px){
body.theme-custom main{position:relative!important;overflow:clip!important}
body.theme-custom main>section.theme-custom-section:has(>details.safar-mobile-menu){position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;height:44px!important;min-height:44px!important;block-size:44px!important;margin:0!important;padding:0!important;z-index:180!important;background:rgba(255,253,249,.94)!important;backdrop-filter:blur(12px);overflow:visible!important}
body.theme-custom .safar-anatomy,body.theme-custom .safar-diaspora{padding:54px 0 58px!important}
body.theme-custom .safar-anatomy__heading,body.theme-custom .safar-diaspora__heading{padding:0 20px!important;margin-bottom:30px!important}
body.theme-custom .safar-anatomy__heading h2,body.theme-custom .safar-diaspora__heading h2{font-size:34px!important}
body.theme-custom .safar-anatomy__intro,body.theme-custom .safar-diaspora__intro{font-size:14px!important;line-height:1.55!important}
body.theme-custom .safar-anatomy__grid,body.theme-custom .safar-diaspora__grid{max-width:none!important;margin:0!important;padding:0 18px 16px!important;display:flex!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none!important}
body.theme-custom .safar-anatomy__grid::-webkit-scrollbar,body.theme-custom .safar-diaspora__grid::-webkit-scrollbar{display:none!important}
body.theme-custom .safar-anatomy__card,body.theme-custom .safar-diaspora__card{width:min(82vw,318px)!important;min-width:min(82vw,318px)!important;flex:0 0 min(82vw,318px)!important;min-height:0!important;scroll-snap-align:center}
body.theme-custom #community{margin:24px 0 52px!important;padding:52px 18px 44px!important;border-radius:20px!important}
body.theme-custom #community>div>div:last-child{display:flex!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none!important}
body.theme-custom #community>div>div:last-child::-webkit-scrollbar{display:none!important}
body.theme-custom #community>div>div:last-child>div{width:min(72vw,270px)!important;min-width:min(72vw,270px)!important;flex:0 0 min(72vw,270px)!important;aspect-ratio:9/13!important;scroll-snap-align:center}
body.theme-custom .safar-footer-grid{padding:48px 18px 36px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:32px 18px!important}
body.theme-custom .safar-footer-brand{grid-column:1/-1!important}
body.theme-custom .safar-footer-column:last-child{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 18px!important}
body.theme-custom .safar-footer-column:last-child h3{grid-column:1/-1!important}
body.theme-custom .safar-footer-column a{font-size:12px!important;line-height:1.45!important}
}

@media(min-width:701px){
body.theme-custom main > section.theme-custom-section:has(> nav.safar-inline-nav--desktop){position:absolute!important;top:-75px!important;left:50%!important;right:auto!important;width:min(620px,calc(100% - 500px))!important;height:75px!important;min-height:75px!important;block-size:75px!important;margin:0!important;padding:0!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:180!important;overflow:visible!important;pointer-events:none!important}
body.theme-custom main > section.theme-custom-section > nav.safar-inline-nav--desktop{position:static!important;top:auto!important;width:100%!important;height:75px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(18px,2.4vw,34px)!important;pointer-events:auto!important;white-space:nowrap!important}
}

/* SAFAR header navigation anchor */
@media(min-width:701px){
body.theme-custom main{position:relative!important}
body.theme-custom main > .theme-custom-section:has(> .safar-inline-nav--desktop){position:absolute!important;top:-74px!important;left:50%!important;right:auto!important;width:min(620px,calc(100% - 500px))!important;height:74px!important;min-height:74px!important;block-size:74px!important;margin:0!important;padding:0!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:180!important;overflow:visible!important;pointer-events:none!important}
.safar-inline-nav--desktop{position:static!important;top:auto!important;width:100%!important;height:74px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(18px,2.4vw,34px)!important;pointer-events:auto!important;white-space:nowrap!important}
.safar-inline-nav--desktop a{font-size:clamp(9px,.8vw,12px)!important;letter-spacing:.06em!important}
}

/* SAFAR critical mobile ordering: intentionally first in custom CSS */
body.theme-custom main > .theme-custom-section[data-theme-block="hero-slider-main"]{display:none!important}
@media(max-width:700px){
body.theme-custom main{position:relative!important}
body.theme-custom main > .theme-custom-section:has(> .safar-mobile-menu){position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;z-index:180!important;background:rgba(255,253,249,.94)!important;backdrop-filter:blur(12px)}
.safar-mobile-menu{width:100%!important}
}

:root {
  --font-heading: 'Playfair Display', serif !important;
  --font-body: 'Jost', system-ui, -apple-system, sans-serif !important;
  --font-urdu: 'Noto Nastaliq Urdu', serif !important;
  --c-primary: #10181F !important;
  --c-accent: #B84D29 !important;
  --c-bg: #FAF7F2 !important;
  --c-text: #18242E !important;
  --c-gold: #D4A359 !important;
}

body {
  background-color: #FAF7F2 !important;
  font-family: 'Playfair Display' !important;
  color: #18242E !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Top Announcement Bar with Vintage Airmail Edge */
#announcement-bar {
  background: #10181F !important;
  color: #FAF7F2 !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  padding: 10px 1.5rem !important;
  letter-spacing: 0.4px !important;
  border-bottom: 1px solid rgba(212, 163, 89, 0.2) !important;
  text-align: center !important;
  position: relative !important;
}

#announcement-bar::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 6px !important;
  background: repeating-linear-gradient(-45deg, #B84D29 0, #B84D29 16px, #FAF7F2 16px, #FAF7F2 32px, #1D4E89 32px, #1D4E89 48px, #FAF7F2 48px, #FAF7F2 64px) !important;
}

/* Header */
header {
  background: rgba(250, 247, 242, 0.95) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border-bottom: 1px solid rgba(24, 36, 46, 0.08) !important;
  padding: 16px 2.5rem !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#store-name {
  font-family: 'Playfair Display' !important;
  font-weight: 800 !important;
  letter-spacing: 3.5px !important;
  font-size: 1.65rem !important;
  color: #10181F !important;
}

#store-name::after {
  content: 'سفر' !important;
  font-family: 'Noto Nastaliq Urdu' !important;
  font-size: 1.3rem !important;
  color: #B84D29 !important;
  margin-left: 8px !important;
  font-weight: 400 !important;
}

.hdr-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.hdr-actions .icon-btn,
.hdr-actions .account-icon-btn,
#hdr-search-btn,
#customer-account-btn {
  background: transparent !important;
  color: #10181F !important;
  border: 1px solid rgba(24, 36, 46, 0.16) !important;
  border-radius: 50% !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  padding: 0 !important;
}

.hdr-actions .icon-btn:hover,
.hdr-actions .account-icon-btn:hover,
#hdr-search-btn:hover,
#customer-account-btn:hover {
  background: #10181F !important;
  color: #FFFFFF !important;
  border-color: #10181F !important;
  transform: translateY(-1px) !important;
}

.hdr-actions .cart-link,
#cart-link,
a.cart-link {
  background: #10181F !important;
  color: #FFFFFF !important;
  border: 1px solid #10181F !important;
  border-radius: 9999px !important;
  padding: 8px 18px !important;
  height: 42px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: 'Playfair Display' !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 14px rgba(16, 24, 31, 0.18) !important;
}

.hdr-actions .cart-link svg,
#cart-link svg,
a.cart-link svg {
  width: 18px !important;
  height: 18px !important;
  stroke: #FFFFFF !important;
}

.hdr-actions .cart-link:hover,
#cart-link:hover,
a.cart-link:hover {
  background: #B84D29 !important;
  border-color: #B84D29 !important;
  transform: translateY(-1px) !important;
}

.hdr-actions .cart-link .cart-label,
#cart-link .cart-label {
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  visibility: hidden !important;
  position: relative !important;
  width: 28px !important;
  display: inline-block !important;
}

.hdr-actions .cart-link .cart-label::after,
#cart-link .cart-label::after {
  visibility: visible !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  content: 'Bag' !important;
  font-weight: 700 !important;
  font-size: 0.875rem !important;
  color: #FFFFFF !important;
}

#cart-count,
.cart-link .badge {
  background: #D4A359 !important;
  color: #10181F !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  padding: 2px 7px !important;
  border-radius: 9999px !important;
  min-width: 18px !important;
  text-align: center !important;
  display: inline-block !important;
}

/* Hero Section */
.hero-slider {
  position: relative !important;
  min-height: 580px !important;
  background: #10181F !important;
  overflow: hidden !important;
  border-radius: 0 0 32px 32px !important;
  box-shadow: 0 20px 50px rgba(16, 24, 31, 0.2) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.hero-slider .slide-media img {
  filter: brightness(0.55) contrast(1.15) saturate(1.1) !important;
}

.hero-slider .slide-content {
  max-width: 880px !important;
  text-align: center !important;
  color: #FFFFFF !important;
  padding: 80px 24px 60px !important;
  z-index: 2 !important;
}

.slide-eyebrow {
  display: inline-flex !important;
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(212, 163, 89, 0.6) !important;
  color: #D4A359 !important;
  padding: 8px 22px !important;
  border-radius: 9999px !important;
  font-size: 0.78125rem !important;
  font-weight: 700 !important;
  letter-spacing: 2.2px !important;
  text-transform: uppercase !important;
  margin-bottom: 20px !important;
}

.hero-slider :is(h1,h2) {
  font-family: 'Playfair Display' !important;
  font-size: clamp(2.4rem, 5vw, 4.2rem) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  margin: 0 0 16px 0 !important;
  color: #FFFFFF !important;
  text-shadow: 0 4px 24px rgba(0,0,0,0.6) !important;
}

.hero-slider p {
  font-size: clamp(1.05rem, 1.8vw, 1.25rem) !important;
  color: #FAF7F2 !important;
  max-width: 680px !important;
  margin: 0 auto 32px !important;
  line-height: 1.6 !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.5) !important;
}

.hero-slider .btn {
  background: linear-gradient(135deg, #D4A359 0%, #B88636 100%) !important;
  color: #10181F !important;
  font-weight: 800 !important;
  border-radius: 9999px !important;
  padding: 18px 44px !important;
  font-size: 1.05rem !important;
  box-shadow: 0 12px 36px rgba(212, 163, 89, 0.5) !important;
  transition: all 0.28s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  display: inline-block !important;
  text-decoration: none !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
}

.hero-slider .btn:hover {
  background: #FFFFFF !important;
  color: #10181F !important;
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 18px 44px rgba(212, 163, 89, 0.65) !important;
}

/* ==========================================================================
   4-COLUMN PRODUCT CARD GRID
   ========================================================================== */
.safar-catalog-section {
  padding: 20px 0 !important;
}

.safar-catalog-grid-wrapper {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 28px !important;
}

@media (max-width: 1200px) {
  .safar-catalog-grid-wrapper {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 860px) {
  .safar-catalog-grid-wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
  }
}

@media (max-width: 540px) {
  .safar-catalog-grid-wrapper {
    grid-template-columns: 1fr !important;
  }
}

.safar-product-card {
  background: #FFFFFF !important;
  border-radius: 18px !important;
  border: 1px solid rgba(24, 36, 46, 0.08) !important;
  box-shadow: 0 10px 28px rgba(16, 24, 31, 0.05) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.35s ease !important;
}

.safar-product-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 22px 48px rgba(16, 24, 31, 0.12) !important;
  border-color: rgba(184, 77, 41, 0.35) !important;
}

.safar-card-thumb-wrap {
  aspect-ratio: 5/7 !important;
  position: relative !important;
  overflow: hidden !important;
  background: #F4EFE6 !important;
}

.safar-thumb-image-link {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.safar-card-artwork {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

.safar-product-card:hover .safar-card-artwork {
  transform: scale(1.06) !important;
}

.safar-top-nostalgia-badge {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  background: rgba(16, 24, 31, 0.88) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  color: #FFFFFF !important;
  font-size: 0.6875rem !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  padding: 5px 12px !important;
  border-radius: 9999px !important;
  text-transform: uppercase !important;
  z-index: 2 !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
}

.safar-thumb-actions {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  z-index: 2 !important;
}

.safar-thumb-icon-btn {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #10181F !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.safar-thumb-icon-btn:hover {
  background: #10181F !important;
  color: #FFFFFF !important;
  transform: scale(1.1) !important;
}

.safar-card-content {
  padding: 18px 20px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

.safar-card-location {
  display: block !important;
  font-size: 0.6875rem !important;
  font-weight: 800 !important;
  letter-spacing: 1.2px !important;
  color: #B84D29 !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
}

.safar-card-title {
  font-family: 'Playfair Display' !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  margin: 0 0 4px 0 !important;
  line-height: 1.3 !important;
}

.safar-card-title a {
  color: #10181F !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.safar-card-title a:hover {
  color: #B84D29 !important;
}

.safar-card-urdu-title {
  font-family: 'Noto Nastaliq Urdu' !important;
  font-size: 1.2rem !important;
  color: #2D5A46 !important;
  direction: rtl !important;
  text-align: right !important;
  margin-bottom: 8px !important;
  font-weight: 600 !important;
}

.safar-card-desc {
  font-size: 0.8125rem !important;
  color: #5C6E7E !important;
  line-height: 1.5 !important;
  margin: 0 0 16px 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.safar-card-bottom-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(24, 36, 46, 0.07) !important;
  margin-top: auto !important;
}

.safar-price-stack {
  display: flex !important;
  flex-direction: column !important;
}

.safar-card-price {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #10181F !important;
}

.safar-price-sublabel {
  font-size: 0.625rem !important;
  font-weight: 700 !important;
  color: #8C9EA8 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
}

.safar-card-add-btn {
  background: #10181F !important;
  color: #FFFFFF !important;
  border-radius: 9999px !important;
  padding: 8px 20px !important;
  font-weight: 700 !important;
  font-size: 0.8125rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 10px rgba(16, 24, 31, 0.15) !important;
}

.safar-card-add-btn:hover {
  background: #B84D29 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 14px rgba(184, 77, 41, 0.3) !important;
}

/* ==========================================================================
   PURE CSS QUICK-VIEW MODAL SYSTEM (EXACT REFERENCE SPECIFICATION)
   ========================================================================== */
.safar-modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(16, 24, 31, 0.78) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  z-index: 99999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  padding: 24px !important;
}

.safar-modal-overlay:target {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.safar-modal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  cursor: default !important;
}

.safar-modal-dialog {
  background: #FAF7F2 !important;
  border-radius: 28px !important;
  max-width: 960px !important;
  width: 100% !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  position: relative !important;
  z-index: 2 !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  transform: scale(0.94) translateY(20px) !important;
  transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  padding: 36px !important;
}

.safar-modal-overlay:target .safar-modal-dialog {
  transform: scale(1) translateY(0) !important;
}

.safar-modal-close {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(24, 36, 46, 0.12) !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #10181F !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  z-index: 10 !important;
}

.safar-modal-close:hover {
  background: #B84D29 !important;
  color: #FFFFFF !important;
  transform: scale(1.08) rotate(90deg) !important;
}

.safar-modal-body {
  display: grid !important;
  grid-template-columns: 0.9fr 1.1fr !important;
  gap: 40px !important;
  align-items: center !important;
}

@media (max-width: 820px) {
  .safar-modal-body {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
}

.safar-modal-media-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.safar-modal-flip-box {
  width: 100% !important;
  max-width: 330px !important;
  aspect-ratio: 5/7 !important;
  perspective: 1200px !important;
  cursor: pointer !important;
}

.safar-modal-flip-inner {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  transform-style: preserve-3d !important;
  transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 40px rgba(16, 24, 31, 0.16) !important;
}

.safar-modal-flip-box:hover .safar-modal-flip-inner {
  transform: rotateY(180deg) !important;
}

.safar-modal-face-front, .safar-modal-face-back {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

.safar-modal-face-front img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.safar-modal-badge {
  position: absolute !important;
  bottom: 16px !important;
  left: 16px !important;
  background: rgba(16, 24, 31, 0.85) !important;
  color: #D4A359 !important;
  font-size: 0.6875rem !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
}

.safar-modal-face-back {
  background: #FFFDF9 !important;
  transform: rotateY(180deg) !important;
  padding: 24px !important;
  border: 1px solid #EADBCC !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}

.safar-modal-stamp-box {
  display: flex !important;
  justify-content: flex-end !important;
}

.safar-modal-stamp {
  border: 2px dashed #B84D29 !important;
  color: #B84D29 !important;
  padding: 6px 10px !important;
  font-size: 0.625rem !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  text-align: center !important;
  border-radius: 4px !important;
}

.safar-modal-poetry-box-back {
  margin: 16px 0 !important;
  text-align: center !important;
}

.safar-modal-urdu-back {
  font-family: 'Noto Nastaliq Urdu' !important;
  font-size: 1.4rem !important;
  color: #10181F !important;
  direction: rtl !important;
  margin: 0 0 6px 0 !important;
}

.safar-modal-en-back {
  font-size: 0.8125rem !important;
  font-style: italic !important;
  color: #6C7F90 !important;
  margin: 0 !important;
}

.safar-modal-lines {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 8px 0 !important;
}

.safar-modal-lines div {
  height: 1px !important;
  background: #EADBCC !important;
  width: 100% !important;
}

.safar-modal-tag-back {
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  color: #8C9EA8 !important;
  text-align: center !important;
}

.safar-modal-flip-btn-pill {
  margin-top: 14px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(24, 36, 46, 0.12) !important;
  border-radius: 9999px !important;
  padding: 8px 18px !important;
  font-size: 0.8125rem !important;
  font-weight: 700 !important;
  color: #10181F !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.06) !important;
}

.safar-modal-info-col {
  display: flex !important;
  flex-direction: column !important;
}

.safar-modal-kicker {
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  color: #B84D29 !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
}

.safar-modal-title {
  font-family: 'Playfair Display' !important;
  font-size: clamp(2rem, 3.2vw, 2.8rem) !important;
  font-weight: 700 !important;
  color: #10181F !important;
  line-height: 1.15 !important;
  margin: 0 0 4px 0 !important;
}

.safar-modal-urdu-title {
  font-family: 'Noto Nastaliq Urdu' !important;
  font-size: 1.5rem !important;
  color: #2D5A46 !important;
  direction: rtl !important;
  text-align: left !important;
  margin-bottom: 12px !important;
  font-weight: 700 !important;
}

.safar-modal-desc {
  font-size: 0.9375rem !important;
  color: #5C6E7E !important;
  line-height: 1.6 !important;
  margin: 0 0 20px 0 !important;
}

.safar-modal-quote-card {
  background: #F4EFE6 !important;
  border-left: 4px solid #B84D29 !important;
  padding: 16px 20px !important;
  border-radius: 0 14px 14px 0 !important;
  margin-bottom: 24px !important;
}

.safar-modal-quote-urdu {
  font-family: 'Noto Nastaliq Urdu' !important;
  font-size: 1.35rem !important;
  color: #10181F !important;
  direction: rtl !important;
  margin: 0 0 6px 0 !important;
}

.safar-modal-quote-en {
  font-size: 0.85rem !important;
  font-style: italic !important;
  color: #6C7F90 !important;
  margin: 0 !important;
}

.safar-modal-format-box {
  margin-bottom: 24px !important;
}

.safar-format-heading {
  display: block !important;
  font-size: 0.6875rem !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  color: #10181F !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}

.safar-format-options {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
}

.safar-format-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(24, 36, 46, 0.12) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.safar-format-card.active {
  border: 2px solid #B84D29 !important;
  background: #FFF9F5 !important;
}

.safar-format-card strong {
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  color: #10181F !important;
}

.safar-format-card span {
  font-size: 0.8125rem !important;
  color: #B84D29 !important;
  font-weight: 700 !important;
}

.safar-modal-action-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.safar-modal-primary-btn {
  background: #B84D29 !important;
  color: #FFFFFF !important;
  border-radius: 9999px !important;
  padding: 16px 28px !important;
  font-weight: 800 !important;
  font-size: 1.05rem !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 10px 24px rgba(184, 77, 41, 0.35) !important;
}

.safar-modal-primary-btn:hover {
  background: #10181F !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(16, 24, 31, 0.3) !important;
}

.safar-modal-details-link {
  text-align: center !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  color: #5C6E7E !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.safar-modal-details-link:hover {
  color: #B84D29 !important;
}

/* Hide redundant native catalog */
main > .collection-head,
main > #products.grid,
main > .grid {
  display: none !important;
}

/* Footer */
footer {
  background: #10181F !important;
  color: #FAF7F2 !important;
  padding: 80px 2.5rem 40px !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  text-align: center !important;
}

#footer-text {
  color: #A0B2C2 !important;
  font-size: 0.875rem !important;
  line-height: 1.6 !important;
}

/* SAFAR_V10_MOBILE_FINAL */
@media(max-width:560px){.safar-card-add-btn{width:58px!important;height:34px!important;padding:0!important;font-size:0!important;justify-content:center!important}.safar-card-add-btn:after{content:'View →';font-size:.7rem!important;font-weight:800}.safar-card-bottom-row{gap:10px!important}.safar-card-desc{-webkit-line-clamp:3!important}.safar-site-footer{width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}.safar-footer-grid{grid-template-columns:1fr!important}.safar-boutique-nav{grid-template-columns:1fr auto!important}.safar-nav-links{grid-column:1/-1!important}.safar-nav-cta{grid-column:2!important;width:max-content!important}}

/* SAFAR_V11_EDITORIAL_CORRECTIONS */
.safar-boutique-nav{width:100%!important;max-width:none!important;height:0!important;min-height:0!important;margin:-1px 0 0!important;padding:0!important;border:0!important;background:transparent!important;position:relative!important;top:auto!important;z-index:120!important;overflow:visible!important}.safar-boutique-nav .safar-inline-nav{position:absolute;left:50%;top:-56px;transform:translateX(-50%);display:flex;align-items:center;gap:clamp(18px,2.4vw,38px);white-space:nowrap}.safar-inline-nav a{color:#53616c;text-decoration:none;font-size:.71rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:8px 0;position:relative}.safar-inline-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:2px;height:2px;background:#b84d29;transition:right .2s ease}.safar-inline-nav a:hover{color:#10181f}.safar-inline-nav a:hover:after{right:0}.theme-custom>header{min-height:74px!important;padding:14px clamp(28px,3.2vw,54px)!important;box-sizing:border-box!important;z-index:110!important}.safar-custom-hero{width:100vw;min-height:clamp(540px,64vh,720px);margin-left:calc(50% - 50vw);position:relative;overflow:hidden;background:#10181f;display:grid;place-items:center}.safar-custom-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.safar-custom-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,14,18,.76),rgba(7,14,18,.38) 48%,rgba(7,14,18,.62)),linear-gradient(0deg,rgba(7,14,18,.7),transparent 55%)}.safar-custom-hero-copy{position:relative;z-index:2;width:min(940px,calc(100% - 40px));text-align:center;color:#fff;padding:72px 20px 62px}.safar-custom-hero h1{font-family: 'Playfair Display';font-size:clamp(3rem,5.7vw,5.8rem);line-height:.98;letter-spacing:-.025em;margin:0 auto 22px;font-weight:700;text-wrap:balance;text-shadow:0 4px 28px rgba(0,0,0,.38)}.safar-custom-hero h1 em{color:#dca74f;font-weight:500}.safar-custom-hero-urdu{font-family: 'Noto Nastaliq Urdu';font-size:clamp(1.6rem,2.5vw,2.5rem);direction:rtl;margin:0 0 22px;line-height:1.4}.safar-custom-hero-desc{max-width:760px;margin:0 auto 34px;font-size:clamp(.98rem,1.25vw,1.15rem);line-height:1.7;color:#f4efe6}.safar-custom-hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.safar-custom-hero-actions a{min-width:210px;padding:15px 25px;border-radius:999px;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:800;box-sizing:border-box}.safar-custom-hero-actions .primary{background:#dca74f;color:#10181f;box-shadow:0 12px 35px rgba(220,167,79,.35)}.safar-custom-hero-actions .secondary{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.55);color:#fff;backdrop-filter:blur(8px)}.safar-custom-hero-actions a:hover{transform:translateY(-2px)}
@media(max-width:1050px){.safar-boutique-nav .safar-inline-nav{gap:17px}.safar-inline-nav a{font-size:.64rem}.theme-custom>header{padding-inline:24px!important}}
@media(max-width:820px){.safar-boutique-nav{height:auto!important;margin:0!important;background:#faf7f2!important;border-bottom:1px solid rgba(24,36,46,.08)!important;overflow-x:auto!important}.safar-boutique-nav .safar-inline-nav{position:static;transform:none;display:flex;padding:8px 18px;gap:24px;overflow-x:auto}.safar-inline-nav a{font-size:.65rem;white-space:nowrap}.safar-custom-hero{min-height:620px}.safar-custom-hero-copy{padding:62px 18px 48px}.safar-custom-hero h1{font-size:clamp(2.8rem,13vw,4.1rem)}.safar-custom-hero-desc{font-size:.94rem}.safar-custom-hero-actions{display:grid}.safar-custom-hero-actions a{width:min(100%,310px);margin:auto}.theme-custom>header{min-height:64px!important}}
/* SAFAR_V11_REMOVE_LEGACY_HERO */
body.theme-custom main>.hero-slider{display:none!important}

/* SAFAR_V11_TRUE_INLINE_HEADER */
body.theme-custom main>.theme-custom-section:has(>.safar-inline-nav){height:0!important;min-height:0!important;padding:0!important;margin:0!important;overflow:visible!important;position:relative!important;z-index:120!important}.safar-inline-nav{position:absolute!important;left:50%!important;top:-57px!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;gap:clamp(17px,2.4vw,38px)!important;white-space:nowrap!important}@media(max-width:820px){body.theme-custom main>.theme-custom-section:has(>.safar-inline-nav){height:36px!important;background:#faf7f2!important;border-bottom:1px solid rgba(24,36,46,.08)!important;overflow-x:auto!important}.safar-inline-nav{position:static!important;transform:none!important;padding:6px 18px!important;gap:24px!important;overflow-x:auto!important}}

/* SAFAR_V11_HEADER_TIGHTEN */
#store-name::after { content: none !important; display: none !important; }
body.theme-custom main > .theme-custom-section:has(> .safar-inline-nav) {
  display: block !important; flex: 0 0 0 !important; block-size: 0 !important;
  height: 0 !important; min-height: 0 !important; padding: 0 !important;
  margin: 0 !important; border: 0 !important; line-height: 0 !important;
  overflow: visible !important; position: relative !important; z-index: 120 !important;
}
.safar-inline-nav { top: -78px !important; line-height: 1.2 !important; align-items: center !important; }
body.theme-custom main > .theme-custom-section:has(> .safar-custom-hero) {
  padding: 0 !important; margin: 0 !important; border: 0 !important;
}
@media (max-width: 820px) {
  body.theme-custom main > .theme-custom-section:has(> .safar-inline-nav) {
    height: 36px !important; block-size: 36px !important;
  }
  .safar-inline-nav { top: auto !important; }
}
/* SAFAR_V11_REMOVE_HERO_GAP */
body.theme-custom main:has(> .theme-custom-section > .safar-custom-hero) { padding-top: 0 !important; }

/* SAFAR_V11_HEADER_FINAL_ALIGN */
.safar-inline-nav { top: -52px !important; }
@media (max-width: 820px) { .safar-inline-nav { top: auto !important; } }

/* SAFAR_V11_PRODUCT_DESCRIPTION_FIX */
.safar-card-desc {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  line-clamp: 4 !important;
  min-height: 6em !important;
  max-height: 6em !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
@media (max-width: 900px) {
  .safar-card-desc { min-height: 6em !important; max-height: 6em !important; }
}
/* SAFAR_V11_QUICK_VIEW_VARIANTS */
.safar-format-radio { position: absolute !important; opacity: 0 !important; pointer-events: none !important; }
.safar-format-options .safar-format-card { cursor: pointer !important; user-select: none !important; }
.safar-format-radio:focus-visible + .safar-format-card { outline: 3px solid rgba(184,77,41,.28) !important; outline-offset: 2px !important; }
.safar-format-radio:checked + .safar-format-card { border-color: #c84f2a !important; box-shadow: inset 0 0 0 1px #c84f2a !important; background: #fffaf6 !important; }
.safar-modal-primary-btn.safar-format-add { width: 100% !important; border: 0 !important; cursor: pointer !important; font: inherit !important; font-weight: 800 !important; }
.safar-add-magnet { display: none !important; }
.safar-modal-info-col:has(.safar-radio-magnet:checked) .safar-add-postcard { display: none !important; }
.safar-modal-info-col:has(.safar-radio-magnet:checked) .safar-add-magnet { display: inline-flex !important; }
/* SAFAR_V11_POSTCARD_BACK_ARTWORK */
.safar-modal-face-back {
  position: absolute !important;
  inset: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}
.safar-modal-face-back::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: url('/safar-postcard-back.jpg') center / 100% 100% no-repeat !important;
  z-index: 0 !important;
}
.safar-modal-face-back .safar-modal-stamp-box,
.safar-modal-face-back .safar-modal-lines,
.safar-modal-face-back .safar-modal-tag-back { display: none !important; }
.safar-modal-face-back .safar-modal-poetry-box-back {
  position: absolute !important;
  z-index: 2 !important;
  left: 11% !important;
  right: 11% !important;
  top: 57% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #18242e !important;
  text-align: center !important;
}
.safar-modal-face-back .safar-modal-urdu-back {
  margin: 0 0 10px !important;
  color: #183e32 !important;
  font-family: 'Noto Nastaliq Urdu' !important;
  font-size: clamp(1rem, 2.1vw, 1.45rem) !important;
  line-height: 1.65 !important;
  font-weight: 700 !important;
}
.safar-modal-face-back .safar-modal-en-back {
  margin: 0 auto !important;
  max-width: 88% !important;
  color: #607285 !important;
  font-size: clamp(.62rem, 1vw, .78rem) !important;
  line-height: 1.45 !important;
  font-style: italic !important;
}
/* SAFAR_V11_POSTCARD_POETRY_CLEARANCE */
.safar-modal-face-back .safar-modal-poetry-box-back { top: 67% !important; }

/* SAFAR_V11_CATALOG_TOOLBAR */
.safar-catalog-toolbar{max-width:1400px;margin:48px auto 24px;padding:0 clamp(12px,2vw,24px);color:#18242e}.safar-catalog-intro{text-align:center;max-width:850px;margin:0 auto 36px}.safar-catalog-intro>span{display:block;color:#b84d29;font-size:.72rem;font-weight:800;letter-spacing:.2em;margin-bottom:18px}.safar-catalog-intro h2{font-family: 'Playfair Display' !important;font-size:clamp(2rem,4vw,3.35rem)!important;line-height:1.15!important;color:#10181f!important;margin:0 0 20px!important}.safar-catalog-intro p{max-width:760px;margin:auto;color:#5c6e7e;font-size:1rem;line-height:1.7}.safar-format-bar{display:flex;align-items:center;gap:18px;padding:16px 22px;border:1px solid #dfc5a4;border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 9px 24px rgba(16,24,31,.05)}.safar-format-bar>strong{font-size:.82rem;white-space:nowrap}.safar-format-switch{display:flex;padding:4px;background:#f2ece3;border:1px solid #e3d3bf;border-radius:999px}.safar-format-switch input{position:absolute;opacity:0;pointer-events:none}.safar-format-switch label{cursor:pointer;padding:8px 18px;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap}.safar-format-switch label b{color:#b84d29;margin-left:4px}.safar-format-switch input:checked+label{background:#fff;box-shadow:0 2px 8px rgba(16,24,31,.1)}.safar-bundle-note{margin-left:auto;color:#425d58;font-size:.75rem}.safar-category-filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:28px 0}.safar-category-filters button{border:1px solid #dfc5a4;background:#fffaf5;color:#18242e;border-radius:999px;padding:10px 18px;font:inherit;font-size:.77rem;font-weight:700;cursor:pointer}.safar-category-filters button.active{background:#10181f;color:#fff;border-color:#10181f}.safar-category-filters button span{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:7px;padding:0 5px;border-radius:999px;background:#e7e9e9;font-size:.65rem;color:#30404d}.safar-catalog-search-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.safar-catalog-search-row label{display:flex;align-items:center;gap:9px;width:min(440px,100%);border:1px solid #dfc5a4;background:#fff;border-radius:999px;padding:10px 15px;color:#607285}.safar-catalog-search-row input{width:100%;border:0!important;outline:0!important;background:transparent!important;font:inherit!important;font-size:.82rem!important;padding:0!important}.safar-catalog-search-row>[data-safar-results]{font-size:.78rem;font-weight:700;white-space:nowrap}.safar-product-card[hidden]{display:none!important}@media(max-width:760px){.safar-catalog-toolbar{margin-top:34px}.safar-format-bar{align-items:flex-start;flex-wrap:wrap;padding:14px}.safar-format-switch{order:3;width:100%;display:grid;grid-template-columns:1fr 1fr}.safar-format-switch label{text-align:center;padding:8px}.safar-bundle-note{margin-left:0}.safar-category-filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-inline:-12px;padding:0 12px 8px}.safar-category-filters button{white-space:nowrap}.safar-catalog-search-row{align-items:flex-start;flex-direction:column}.safar-catalog-intro p{font-size:.88rem}.safar-catalog-search-row>[data-safar-results]{align-self:flex-end}}
/* SAFAR_V11_STORY_BACK_AND_MODAL_LAYOUT */
.safar-story-wrapper .safar-face-back{padding:0!important;background:#fff url('/safar-postcard-back.jpg') center/100% 100% no-repeat!important;border:1px solid #eadbcc!important;display:block!important}.safar-story-wrapper .safar-face-back>div:first-child,.safar-story-wrapper .safar-face-back>div:nth-child(3),.safar-story-wrapper .safar-face-back>div:last-child{display:none!important}.safar-story-wrapper .safar-face-back>div:nth-child(2){position:absolute!important;left:11%!important;right:11%!important;top:67%!important;transform:translateY(-50%)!important;margin:0!important;text-align:center!important}.safar-story-wrapper .safar-face-back>div:nth-child(2) p:first-child{font-size:clamp(1rem,2vw,1.35rem)!important;line-height:1.6!important;color:#183e32!important}.safar-story-wrapper .safar-face-back>div:nth-child(2) p:last-child{font-size:.72rem!important;line-height:1.45!important;color:#607285!important}.safar-modal-action-row{position:static!important;width:100%!important;box-sizing:border-box!important;margin-top:4px!important}.safar-modal-primary-btn.safar-format-add{position:static!important;inset:auto!important;width:100%!important;max-width:100%!important;min-height:52px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:14px 22px!important;line-height:1.2!important}.safar-modal-info-col:has(.safar-radio-postcard:checked) .safar-add-magnet{display:none!important}.safar-modal-info-col:has(.safar-radio-magnet:checked) .safar-add-postcard{display:none!important}.safar-modal-info-col:has(.safar-radio-magnet:checked) .safar-add-magnet{display:flex!important}.safar-modal-details-link{position:static!important;display:block!important;text-align:center!important}@media(max-width:760px){.safar-modal-primary-btn.safar-format-add{min-height:48px!important;font-size:.86rem!important}.safar-story-wrapper .safar-face-back>div:nth-child(2){top:67%!important}}
/* SAFAR_V11_CATALOG_SINGLE_FLOW */
body.theme-custom [data-theme-block="product-catalog-grid-part1"] .safar-catalog-section>div:first-child{display:none!important}.safar-catalog-toolbar .safar-catalog-intro{display:block!important;position:static!important;inset:auto!important;padding:0!important;margin:0 auto 36px!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;width:auto!important}.safar-catalog-toolbar .safar-catalog-intro h2{display:block!important;max-width:900px!important;margin:0 auto 20px!important;text-align:center!important}.safar-catalog-toolbar .safar-catalog-intro p{display:block!important;text-align:center!important}
/* SAFAR_V11_REMOVE_MODAL_IMAGE_BADGES */
.safar-modal-overlay .safar-modal-badge { display: none !important; }

/* SAFAR_V11_BILINGUAL_WORDMARK */
#store-name{font-size:0!important;white-space:nowrap!important}
#store-name::before{content:'SAFAR';display:inline!important;font-family: 'Playfair Display' !important;font-size:1.65rem!important;font-weight:800!important;letter-spacing:3.5px!important;color:#10181f!important}
#store-name::after{content:' · سفر'!important;display:inline!important;font-family: 'Noto Nastaliq Urdu' !important;font-size:1.3rem!important;font-weight:700!important;letter-spacing:0!important;color:#b84d29!important;margin-left:5px!important}
@media(max-width:560px){#store-name::before{font-size:1.25rem!important}#store-name::after{font-size:1.05rem!important;margin-left:3px!important}}
/* SAFAR_V12_COLLECTOR_BOXES */
.safar-sets{width:100vw;margin-left:calc(50% - 50vw);background:#f4efe6;border-block:1px solid rgba(24,36,46,.08);padding:84px clamp(18px,4vw,64px);box-sizing:border-box}.safar-sets-inner{max-width:1400px;margin:auto}.safar-sets-heading{text-align:center;max-width:760px;margin:0 auto 52px}.safar-sets-heading>span{color:#b84d29;font-size:.72rem;font-weight:800;letter-spacing:.2em}.safar-sets-heading h2{font-family: 'Playfair Display' !important;font-size:clamp(2.25rem,4vw,3.4rem)!important;color:#10181f!important;margin:12px 0 16px!important}.safar-sets-heading p{color:#5c6e7e;line-height:1.7;margin:0}.safar-sets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}.safar-set-card{position:relative;background:#fff;border:1px solid rgba(24,36,46,.09);border-radius:16px;overflow:visible;box-shadow:0 15px 42px rgba(16,24,31,.07);display:flex;flex-direction:column}.safar-set-card.featured{border:2px solid #b84d29;transform:translateY(-8px)}.safar-popular{position:absolute;z-index:8;top:-16px;left:50%;transform:translateX(-50%);background:#b84d29;color:#fff;border-radius:999px;padding:8px 20px;font-size:.65rem;font-weight:800;letter-spacing:.12em;white-space:nowrap}.safar-set-visual{height:290px;position:relative;overflow:hidden;border-radius:15px 15px 0 0;background:radial-gradient(circle at 50% 20%,#e5d5bd,#c9ad82 54%,#92704d);perspective:900px}.safar-box-lid{position:absolute;left:12%;right:12%;bottom:24px;height:162px;background:linear-gradient(145deg,#20312c,#0f1a18);border:1px solid #d4a359;box-shadow:0 18px 30px rgba(0,0,0,.28);transform:rotateX(58deg) translateY(58px);transform-origin:bottom;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:22px;color:#d4a359}.safar-box-lid b{font-family: 'Playfair Display';font-size:1.4rem;letter-spacing:.25em}.safar-box-lid small{font-size:.5rem;letter-spacing:.13em;margin-top:5px}.safar-card-stack{position:absolute;left:50%;top:25px;width:210px;height:205px;transform:translateX(-50%)}.safar-card-stack img{position:absolute;width:122px;height:174px;object-fit:cover;border:5px solid #fff;border-radius:4px;box-shadow:0 12px 22px rgba(0,0,0,.28)}.safar-card-stack img:nth-child(1){left:0;top:18px;transform:rotate(-12deg)}.safar-card-stack img:nth-child(2){left:45px;top:0;z-index:3;transform:rotate(-1deg)}.safar-card-stack img:nth-child(3){right:0;top:20px;transform:rotate(12deg)}.safar-box-base{position:absolute;left:9%;right:9%;bottom:0;height:48px;background:linear-gradient(#1a2925,#0d1715);border-top:1px solid #d4a359;color:#d4a359;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:800;letter-spacing:.13em;box-shadow:0 -6px 18px rgba(0,0,0,.18)}.safar-set-copy{display:flex;flex-direction:column;flex:1;padding:28px}.safar-set-number{font-family: 'Playfair Display';color:#b84d29;font-size:2.6rem;line-height:1}.safar-set-copy h3{font-size:1.3rem!important;color:#10181f!important;margin:8px 0 5px!important}.safar-set-urdu{font-family: 'Noto Nastaliq Urdu' !important;color:#1e604f!important;font-size:1.08rem!important;margin:0 0 13px!important}.safar-set-copy>p:not(.safar-set-urdu){color:#5c6e7e;font-size:.86rem;line-height:1.6;margin:0 0 18px}.safar-set-copy ul{list-style:none;padding:16px 0;margin:0 0 20px;border-top:1px solid #eadbcc;display:grid;gap:9px}.safar-set-copy li{font-size:.78rem;font-weight:600;color:#263744;padding-left:22px;position:relative}.safar-set-copy li:before{content:'✓';position:absolute;left:0;color:#1e604f}.safar-set-buy{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:14px}.safar-set-buy>b{font-size:1.45rem;color:#10181f}.safar-set-buy a{background:#10181f;color:#fff;text-decoration:none;border-radius:999px;padding:11px 18px;font-size:.78rem;font-weight:800}.safar-set-card.featured .safar-set-buy a{background:#b84d29}@media(max-width:980px){.safar-sets-grid{grid-template-columns:1fr 1fr}.safar-set-card.featured{transform:none}.safar-set-card:last-child{grid-column:1/-1;max-width:600px;width:100%;justify-self:center}}@media(max-width:640px){.safar-sets{padding:58px 14px}.safar-sets-grid{grid-template-columns:1fr;gap:24px}.safar-set-card:last-child{grid-column:auto}.safar-set-visual{height:260px}.safar-card-stack{transform:translateX(-50%) scale(.9);transform-origin:top}.safar-set-copy{padding:22px}.safar-set-buy a{padding:10px 15px}}

/* SAFAR anatomy of a keepsake: exact source composition */
.safar-anatomy {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 78px clamp(24px, 5vw, 76px) 88px;
  box-sizing: border-box;
  background: #faf7f2;
  color: #0d1821;
}
.safar-anatomy *, .safar-anatomy *::before, .safar-anatomy *::after { box-sizing: border-box; }
.safar-anatomy__inner { width: min(100%, 1250px); margin: 0 auto; }
.safar-anatomy__heading { max-width: 850px; margin: 0 auto 48px; text-align: center; }
.safar-anatomy__eyebrow {
  margin: 0 0 25px;
  color: #b94827;
  font-family: 'Playfair Display';
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .2em;
}
.safar-anatomy__heading h2 {
  margin: 0;
  color: #081522;
  font-family: 'Playfair Display';
  font-size: clamp(38px, 4vw, 54px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: 0;
}
.safar-anatomy__intro {
  max-width: 780px;
  margin: 23px auto 0;
  color: #293e50;
  font-family: 'Playfair Display';
  font-size: 17px;
  line-height: 1.6;
}
.safar-anatomy__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 27px; }
.safar-anatomy__card {
  min-height: 315px;
  padding: 36px 28px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: rgba(255, 255, 255, .68);
  border: 1px solid #ddc3a1;
  border-radius: 13px;
}
.safar-anatomy__icon {
  width: 64px;
  height: 64px;
  margin-bottom: 24px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #f8e9e4;
  color: #b94827;
}
.safar-anatomy__icon svg { width: 25px; height: 25px; display: block; }
.safar-anatomy__card h3 {
  margin: 0 0 14px;
  color: #07131e;
  font-family: 'Playfair Display';
  font-size: 18px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0;
}
.safar-anatomy__card p {
  margin: 0;
  color: #344b5f;
  font-family: 'Playfair Display';
  font-size: 14px;
  line-height: 1.65;
}
@media (max-width: 900px) {
  .safar-anatomy { padding-top: 64px; padding-bottom: 70px; }
  .safar-anatomy__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .safar-anatomy { padding: 54px 18px 60px; }
  .safar-anatomy__heading { margin-bottom: 34px; }
  .safar-anatomy__eyebrow { margin-bottom: 18px; font-size: 10px; }
  .safar-anatomy__heading h2 { font-size: 35px; }
  .safar-anatomy__intro { margin-top: 18px; font-size: 15px; }
  .safar-anatomy__grid { grid-template-columns: 1fr; gap: 16px; }
  .safar-anatomy__card { min-height: 0; padding: 30px 24px 32px; }
}


/* SAFAR worldwide testimonials: exact source composition */
.safar-diaspora {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: 78px clamp(24px, 5vw, 76px) 88px;
  box-sizing: border-box;
  background: #f4efe7;
  color: #0c1822;
}
.safar-diaspora *, .safar-diaspora *::before, .safar-diaspora *::after { box-sizing: border-box; }
.safar-diaspora__inner { width: min(100%, 1308px); margin: 0 auto; }
.safar-diaspora__heading { max-width: 820px; margin: 0 auto 45px; text-align: center; }
.safar-diaspora__eyebrow {
  margin: 0 0 24px;
  color: #b94827;
  font-family: 'Playfair Display';
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .2em;
}
.safar-diaspora__heading h2 {
  margin: 0;
  color: #071522;
  font-family: 'Playfair Display';
  font-size: clamp(40px, 4vw, 54px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: 0;
}
.safar-diaspora__intro {
  margin: 24px auto 0;
  color: #344a5d;
  font-family: 'Playfair Display';
  font-size: 17px;
  line-height: 1.55;
}
.safar-diaspora__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.safar-diaspora__card {
  min-height: 250px;
  padding: 28px 31px 28px;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #ebe8e3;
  border-radius: 13px;
  box-shadow: 0 9px 24px rgba(30, 35, 38, .035);
}
.safar-diaspora__stars {
  margin-bottom: 14px;
  color: #d29a48;
  font-family: 'Playfair Display';
  font-size: 16px;
  line-height: 1;
  letter-spacing: .07em;
}
.safar-diaspora__card blockquote {
  margin: 0 0 20px;
  color: #102130;
  font-family: 'Playfair Display';
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.58;
}
.safar-diaspora__person { margin-top: auto; display: flex; align-items: center; gap: 13px; }
.safar-diaspora__avatar {
  width: 43px;
  height: 43px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  color: #fff;
  font-family: 'Playfair Display';
  font-size: 13px;
  font-weight: 700;
}
.safar-diaspora__avatar--rust { background: #c24c27; }
.safar-diaspora__avatar--green { background: #145c50; }
.safar-diaspora__avatar--gold { background: #b87d27; }
.safar-diaspora__person strong,
.safar-diaspora__person span { display: block; font-family: 'Playfair Display'; }
.safar-diaspora__person strong { color: #0b1822; font-size: 14px; font-weight: 700; line-height: 1.35; }
.safar-diaspora__person div > span { margin-top: 1px; color: #718092; font-size: 12px; line-height: 1.35; }
@media (max-width: 900px) {
  .safar-diaspora { padding-top: 64px; padding-bottom: 70px; }
  .safar-diaspora__grid { grid-template-columns: 1fr; max-width: 650px; margin: 0 auto; }
  .safar-diaspora__card { min-height: 0; }
}
@media (max-width: 560px) {
  .safar-diaspora { padding: 54px 18px 60px; }
  .safar-diaspora__heading { margin-bottom: 34px; }
  .safar-diaspora__eyebrow { margin-bottom: 18px; font-size: 10px; }
  .safar-diaspora__heading h2 { font-size: 35px; }
  .safar-diaspora__intro { margin-top: 18px; font-size: 15px; }
  .safar-diaspora__desktop-break { display: none; }
  .safar-diaspora__grid { gap: 16px; }
  .safar-diaspora__card { padding: 25px 23px; }
}


/* Exact collector set counts: 6, 12, and 24 visible postcard layers */
.safar-card-stack.safar-card-stack--count { width: 238px; height: 215px; }
.safar-card-stack.safar-card-stack--count img {
  left: 50% !important;
  right: auto !important;
  top: 0 !important;
  width: 116px;
  height: 166px;
  transform: translateX(calc(-50% + var(--x))) translateY(var(--y)) rotate(var(--r)) !important;
  transform-origin: 50% 92%;
  z-index: var(--z);
  transition: transform .25s ease, filter .25s ease;
}
.safar-card-stack--6 img { width: 122px !important; height: 174px !important; }
.safar-card-stack--24 img { width: 108px !important; height: 154px !important; border-width: 4px !important; }
.safar-set-card:hover .safar-card-stack--count img {
  transform: translateX(calc(-50% + var(--x))) translateY(calc(var(--y) - 3px)) rotate(var(--r)) !important;
}
@media (max-width: 640px) {
  .safar-card-stack.safar-card-stack--count { transform: translateX(-50%) scale(.86) !important; }
}


/* SAFAR mobile storefront overhaul */
.safar-mobile-menu { display: none; }

@media (max-width: 700px) {
  html { overflow-x: clip; }
  body.theme-custom { overflow-x: clip !important; }
  body.theme-custom main { width: 100% !important; max-width: 100% !important; overflow: clip !important; }
  body.theme-custom main > .theme-custom-section { min-width: 0 !important; max-width: 100% !important; }

  /* Announcement and core header */
  body.theme-custom .announce {
    min-height: 42px !important;
    padding: 7px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    text-align: center !important;
    letter-spacing: 0 !important;
  }
  body.theme-custom > header {
    min-height: 64px !important;
    height: 64px !important;
    padding: 0 16px !important;
    gap: 12px !important;
  }
  body.theme-custom > header .logo { min-width: 0 !important; }
  body.theme-custom #store-name::before { font-size: 1.25rem !important; letter-spacing: 2.8px !important; }
  body.theme-custom #store-name::after { font-size: 1rem !important; margin-left: 3px !important; }
  body.theme-custom .hdr-actions { gap: 7px !important; }
  body.theme-custom .hdr-actions .icon-btn,
  body.theme-custom .hdr-actions .account-icon-btn,
  body.theme-custom .hdr-actions .cart-link {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
  }
  body.theme-custom .hdr-actions .cart-label { display: none !important; }
  body.theme-custom .hdr-actions .cart-link { position: relative !important; }
  body.theme-custom .hdr-actions .cart-link .badge {
    position: absolute !important;
    top: -4px !important;
    right: -2px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 4px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 9px !important;
  }

  /* Mobile navigation replaces the overflowing desktop link strip */
  body.theme-custom main > .theme-custom-section:has(> .safar-inline-nav--desktop) {
    display: block !important;
    height: 44px !important;
    block-size: 44px !important;
    min-height: 44px !important;
    position: relative !important;
    z-index: 150 !important;
    overflow: visible !important;
    background: #faf7f2 !important;
    border-top: 1px solid rgba(24,36,46,.07) !important;
    border-bottom: 1px solid rgba(24,36,46,.09) !important;
  }
  .safar-inline-nav--desktop { display: none !important; }
  .safar-mobile-menu {
    width: 100%;
    height: 43px;
    display: block;
    position: relative;
    color: #10181f;
    font-family: 'Playfair Display';
  }
  .safar-mobile-menu summary {
    height: 43px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    list-style: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
  }
  .safar-mobile-menu summary::-webkit-details-marker { display: none; }
  .safar-mobile-menu summary svg { width: 19px; height: 19px; }
  .safar-mobile-menu__chevron { margin-left: auto; transition: transform .2s ease; }
  .safar-mobile-menu[open] .safar-mobile-menu__chevron { transform: rotate(90deg); }
  .safar-mobile-menu > nav {
    position: absolute;
    z-index: 200;
    top: 43px;
    left: 0;
    right: 0;
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    background: #fffdf9;
    border-bottom: 1px solid #dfc5a4;
    box-shadow: 0 16px 28px rgba(16,24,31,.14);
  }
  .safar-mobile-menu > nav a {
    min-height: 42px;
    padding: 11px 12px;
    display: flex;
    align-items: center;
    color: #16232d;
    text-decoration: none;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 650;
  }
  .safar-mobile-menu > nav a:active { background: #f3eadf; }

  /* Hero */
  body.theme-custom .safar-custom-hero {
    width: 100% !important;
    min-height: min(700px, calc(100svh - 106px)) !important;
    height: auto !important;
    margin-left: 0 !important;
    padding: 58px 20px 48px !important;
  }
  body.theme-custom .safar-custom-hero > img,
  body.theme-custom .safar-custom-hero-shade { inset: 0 !important; width: 100% !important; height: 100% !important; }
  body.theme-custom .safar-custom-hero h1 { font-size: clamp(42px, 13vw, 54px) !important; line-height: .98 !important; }
  body.theme-custom .safar-custom-hero p { font-size: 14px !important; line-height: 1.55 !important; }
  body.theme-custom .safar-custom-hero a { min-height: 48px !important; }

  /* Story */
  .safar-story-wrapper { padding: 52px 18px 58px !important; }
  
  .safar-story-lead { font-size: 15px !important; line-height: 1.62 !important; }
  .safar-story-facts { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px 12px !important; }
  .safar-story-facts span:last-child { grid-column: 1 / -1; }
  .safar-flip-box { width: min(82vw, 292px) !important; height: auto !important; aspect-ratio: 5 / 7 !important; }

  /* Catalog toolbar */
  .safar-catalog-toolbar { margin: 0 auto !important; padding: 48px 12px 22px !important; }
  .safar-catalog-intro { margin-bottom: 28px !important; }
  .safar-catalog-intro h2 { font-size: 32px !important; line-height: 1.1 !important; }
  .safar-catalog-intro p { font-size: 14px !important; line-height: 1.55 !important; }
  .safar-format-bar {
    padding: 14px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    overflow: hidden !important;
  }
  .safar-format-bar > strong { white-space: normal !important; }
  .safar-format-switch {
    width: 100% !important;
    min-width: 0 !important;
    order: 3 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: hidden !important;
  }
  .safar-format-switch label {
    min-width: 0 !important;
    padding: 9px 7px !important;
    white-space: normal !important;
    text-align: center !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
  .safar-format-switch label b { display: block !important; margin: 2px 0 0 !important; }
  .safar-bundle-note { margin: 0 !important; font-size: 11px !important; line-height: 1.45 !important; }
  .safar-category-filters {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    margin: 20px -12px 16px !important;
    padding: 0 12px 4px !important;
    scrollbar-width: none !important;
    scroll-snap-type: x proximity;
  }
  .safar-category-filters::-webkit-scrollbar { display: none !important; }
  .safar-category-filters button { flex: 0 0 auto !important; scroll-snap-align: start; }
  .safar-catalog-search-row { gap: 10px !important; margin-top: 12px !important; }
  .safar-catalog-search-row label { width: 100% !important; }

  /* Compact two-column product catalog */
  body.theme-custom main .safar-catalog-section { padding-inline: 0 !important; }
  body.theme-custom main .safar-catalog-section > div { padding: 20px 10px 0 !important; }
  body.theme-custom main .safar-catalog-section .safar-catalog-grid-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  body.theme-custom main .safar-product-card { min-width: 0 !important; border-radius: 10px !important; }
  body.theme-custom main .safar-card-thumb-wrap { border-radius: 9px 9px 0 0 !important; }
  body.theme-custom main .safar-card-artwork { width: 100% !important; aspect-ratio: 4 / 5 !important; height: auto !important; object-fit: cover !important; }
  body.theme-custom main .safar-top-nostalgia-badge { top: 8px !important; left: 8px !important; padding: 5px 7px !important; font-size: 8px !important; }
  body.theme-custom main .safar-thumb-actions { top: 7px !important; right: 7px !important; gap: 5px !important; }
  body.theme-custom main .safar-thumb-icon-btn { width: 30px !important; height: 30px !important; }
  body.theme-custom main .safar-card-content { padding: 12px !important; }
  body.theme-custom main .safar-card-location {
    display: block !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    font-size: 8px !important;
  }
  body.theme-custom main .safar-card-title {
    min-height: 38px !important;
    margin: 7px 0 4px !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    font-size: 14px !important;
    line-height: 1.32 !important;
  }
  body.theme-custom main .safar-card-urdu-title {
    min-height: 20px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    font-size: 12px !important;
  }
  body.theme-custom main .safar-card-desc { display: none !important; }
  body.theme-custom main .safar-card-bottom-row { margin-top: 11px !important; padding-top: 10px !important; align-items: flex-end !important; gap: 6px !important; }
  body.theme-custom main .safar-card-price { font-size: 15px !important; }
  body.theme-custom main .safar-price-sublabel { font-size: 7px !important; }
  body.theme-custom main .safar-card-add-btn {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    font-size: 0 !important;
  }
  body.theme-custom main .safar-card-add-btn::after { content: '+'; font-size: 18px; line-height: 1; }

  /* Swipeable box sets */
  .safar-sets { padding: 56px 0 52px !important; }
  .safar-sets-heading { padding: 0 20px !important; margin-bottom: 30px !important; }
  .safar-sets-heading h2 { font-size: 35px !important; }
  .safar-sets-heading p { font-size: 14px !important; line-height: 1.55 !important; }
  .safar-sets-grid {
    padding: 16px 18px 20px !important;
    display: flex !important;
    gap: 14px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    scrollbar-width: none !important;
  }
  .safar-sets-grid::-webkit-scrollbar { display: none !important; }
  .safar-set-card {
    width: min(84vw, 330px) !important;
    min-width: min(84vw, 330px) !important;
    flex: 0 0 min(84vw, 330px) !important;
    scroll-snap-align: center;
  }
  .safar-set-card.featured { transform: none !important; }
  .safar-set-visual { height: 250px !important; }
  .safar-set-copy { padding: 22px !important; }

  /* Swipeable craftsmanship and testimonials */
  .safar-anatomy, .safar-diaspora { padding: 54px 0 58px !important; }
  .safar-anatomy__heading, .safar-diaspora__heading { padding: 0 20px !important; margin-bottom: 30px !important; }
  .safar-anatomy__heading h2, .safar-diaspora__heading h2 { font-size: 34px !important; }
  .safar-anatomy__intro, .safar-diaspora__intro { font-size: 14px !important; line-height: 1.55 !important; }
  .safar-anatomy__grid, .safar-diaspora__grid {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 18px 16px !important;
    display: flex !important;
    gap: 14px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    scrollbar-width: none !important;
  }
  .safar-anatomy__grid::-webkit-scrollbar, .safar-diaspora__grid::-webkit-scrollbar { display: none !important; }
  .safar-anatomy__card, .safar-diaspora__card {
    width: min(82vw, 318px) !important;
    min-width: min(82vw, 318px) !important;
    flex: 0 0 min(82vw, 318px) !important;
    min-height: 0 !important;
    scroll-snap-align: center;
  }
  .safar-anatomy__card { padding: 28px 23px 30px !important; }
  .safar-diaspora__card { padding: 25px 23px !important; }

  /* Swipeable SafarTok stories */
  #community {
    margin: 24px 0 52px !important;
    padding: 52px 18px 44px !important;
    border-radius: 20px !important;
  }
  #community > div > div:first-child { margin-bottom: 28px !important; }
  #community > div > div:first-child h2 { font-size: 34px !important; line-height: 1.08 !important; }
  #community > div > div:first-child p { font-size: 14px !important; line-height: 1.55 !important; }
  #community > div > div:last-child {
    display: flex !important;
    gap: 14px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    scrollbar-width: none !important;
  }
  #community > div > div:last-child::-webkit-scrollbar { display: none !important; }
  #community > div > div:last-child > div {
    width: min(72vw, 270px) !important;
    min-width: min(72vw, 270px) !important;
    flex: 0 0 min(72vw, 270px) !important;
    aspect-ratio: 9 / 13 !important;
    scroll-snap-align: center;
  }

  /* Footer */
  .safar-footer-grid { padding: 48px 18px 36px !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 32px 18px !important; }
  .safar-footer-brand { grid-column: 1 / -1 !important; }
  .safar-footer-column { min-width: 0 !important; }
  .safar-footer-column:last-child { grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 18px !important; }
  .safar-footer-column:last-child h3 { grid-column: 1 / -1 !important; }
  .safar-footer-column a { font-size: 12px !important; line-height: 1.45 !important; }
  .safar-footer-bottom { padding: 24px 18px !important; gap: 14px !important; }

  /* Product, cart, and checkout safety */
  body.theme-custom .product { gap: 26px !important; }
  body.theme-custom .details h1 { font-size: 30px !important; line-height: 1.08 !important; }
  body.theme-custom .details .desc { max-width: 100% !important; overflow-wrap: anywhere !important; }
  body.theme-custom .related-grid {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    scrollbar-width: none !important;
  }
  body.theme-custom .related-grid::-webkit-scrollbar { display: none !important; }
  body.theme-custom .related-card { min-width: min(68vw, 250px) !important; scroll-snap-align: start; }
  .safar-modal-overlay { padding: 12px !important; }
  .safar-modal-shell { width: 100% !important; max-height: 92dvh !important; border-radius: 22px !important; }
}

@media (max-width: 370px) {
  body.theme-custom #store-name::before { font-size: 1.08rem !important; letter-spacing: 2px !important; }
  body.theme-custom #store-name::after { font-size: .9rem !important; }
  body.theme-custom .hdr-actions { gap: 4px !important; }
  body.theme-custom .hdr-actions .icon-btn,
  body.theme-custom .hdr-actions .account-icon-btn,
  body.theme-custom .hdr-actions .cart-link { width: 38px !important; height: 38px !important; min-width: 38px !important; }
  body.theme-custom main .safar-catalog-section .safar-catalog-grid-wrapper { gap: 9px !important; }
  body.theme-custom main .safar-card-content { padding: 10px !important; }
}


/* Remove obsolete duplicate custom hero; the native configurable slider is authoritative. */
body.theme-custom main > .theme-custom-section[data-theme-block="hero-slider-main"] {
  display: none !important;
}

@media (max-width: 700px) {
  body.theme-custom main { position: relative !important; }
  body.theme-custom main > .theme-custom-section:has(> .safar-mobile-menu) {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 180 !important;
    background: rgba(255,253,249,.94) !important;
    backdrop-filter: blur(12px);
  }
  .safar-mobile-menu { width: 100% !important; }
}

/* SAFAR_MOBILE_PERFORMANCE_V1 */
/* Production SAFAR lockup: stamp, Latin wordmark, and Urdu signature. */
body.theme-custom > header .logo {
  flex: 0 0 auto !important;
  overflow: visible !important;
}
body.theme-custom > header .store-logo {
  width: clamp(210px, 17vw, 270px) !important;
  max-width: none !important;
  max-height: 54px !important;
  object-fit: contain !important;
  object-position: left center !important;
}
@media (max-width: 640px) {
  body.theme-custom > header .store-logo {
    width: min(43vw, 178px) !important;
    max-height: 42px !important;
  }
}
.safar-card-add-btn {
  position: relative !important;
}
body.theme-custom main .safar-card-add-btn::after {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: auto !important;
  height: auto !important;
  transform: translate(-50%, -56%) !important;
  line-height: 1 !important;
}
/* SAFAR artboards are portrait prints, so the product gallery must not crop them into squares. */
body.theme-custom main .product > .gallery {
  width: min(100%, 620px) !important;
  justify-self: center !important;
}
body.theme-custom main .product > .gallery .main-wrap,
body.theme-custom main .product > .gallery .main {
  aspect-ratio: 5 / 7 !important;
}
body.theme-custom main .product > .gallery .main {
  background: #f1eee9 !important;
}
body.theme-custom main .product > .gallery .main img {
  object-fit: contain !important;
}
body.theme-custom main .product > .gallery .thumb-btn {
  width: 58px !important;
  height: auto !important;
  aspect-ratio: 5 / 7 !important;
  background: #f1eee9 !important;
}
body.theme-custom main .product > .gallery .thumb-btn img {
  object-fit: contain !important;
}





:root {
  --font-heading: 'Playfair Display', serif !important;
  --font-body: 'Jost', system-ui, -apple-system, sans-serif !important;
  --font-urdu: 'Noto Nastaliq Urdu', serif !important;
}

body.theme-custom {
  font-family: var(--font-body) !important;
  overflow-x: clip !important;
}

body.theme-custom #announcement-bar {
  min-height: 48px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 1.5rem 9px !important;
  background: #2B5F56 !important;
  color: #FFFFFF !important;
  line-height: 1.35 !important;
  text-align: center !important;
  border-bottom-color: rgba(255, 255, 255, .16) !important;
}

body.theme-custom #announcement-bar::before {
  height: 12px !important;
  background: repeating-linear-gradient(
    -45deg,
    #B84D29 0,
    #B84D29 22px,
    #FAF7F2 22px,
    #FAF7F2 44px,
    #1D4E89 44px,
    #1D4E89 66px,
    #FAF7F2 66px,
    #FAF7F2 88px
  ) !important;
}

@media (max-width: 640px) {
  body.theme-custom #announcement-bar {
    min-height: 58px !important;
    padding: 20px 1rem 9px !important;
    line-height: 1.3 !important;
  }
}

[lang='ur'],
.urdu,
[class*='urdu'] {
  font-family: 'Noto Nastaliq Urdu' !important;
  line-height: 1.9 !important;
  letter-spacing: 0 !important;
}

.safar-face-back p[style*='direction: rtl'] {
  font-family: 'Noto Nastaliq Urdu' !important;
  line-height: 2 !important;
  letter-spacing: 0 !important;
}

/* Closed quick views must not participate in layout, paint, or image loading. */
.safar-modal-overlay:not(:target) {
  display: none !important;
  visibility: hidden !important;
  content-visibility: hidden !important;
}
.safar-modal-overlay:target {
  display: flex !important;
  visibility: visible !important;
}
.safar-modal-overlay.safar-modal-overlay.is-dismissed {
  display: none !important;
  visibility: hidden !important;
}

/* Defer the expensive lower-page editorial sections until they approach view. */
.safar-sets-section,
.safar-anatomy,
.safar-diaspora,
#community {
  content-visibility: auto;
  contain-intrinsic-size: auto 760px;
}

/* Native, editor-controlled SAFAR hero. */
body.theme-custom main > .hero-slider {
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: clamp(560px, 74vh, 780px) !important;
  min-height: 560px !important;
  margin: -1.5rem calc(50% - 50vw) 52px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: #10181f !important;
  overflow: hidden !important;
  box-shadow: 0 22px 55px rgba(16, 24, 31, .2) !important;
}
body.theme-custom main > .hero-slider .slide {
  padding: clamp(38px, 6vw, 84px) !important;
}
body.theme-custom main > .hero-slider .slide-media {
  inset: -1.5% !important;
}
body.theme-custom main > .hero-slider .slide-media img {
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(1.04) contrast(1.04) !important;
}
body.theme-custom main > .hero-slider .slide-media::after {
  background: linear-gradient(90deg, rgba(8, 15, 20, .76) 0%, rgba(8, 15, 20, .36) 52%, rgba(8, 15, 20, .15) 100%) !important;
}
body.theme-custom main > .hero-slider .slide.loc-right .slide-media::after {
  background: linear-gradient(270deg, rgba(8, 15, 20, .76) 0%, rgba(8, 15, 20, .36) 52%, rgba(8, 15, 20, .15) 100%) !important;
}
body.theme-custom main > .hero-slider .slide-content {
  width: min(100%, 650px) !important;
  max-width: 650px !important;
  padding: 0 !important;
  gap: 14px !important;
  text-align: left !important;
  color: #fff !important;
}
body.theme-custom main > .hero-slider .slide:first-child .slide-content {
  width: min(100%, 940px) !important;
  max-width: 940px !important;
  margin: 0 auto !important;
  text-align: center !important;
  justify-items: center !important;
}
body.theme-custom main > .hero-slider .slide:first-child h1 em {
  color: #E1AE58 !important;
  font-style: italic !important;
  font-weight: 500 !important;
}
body.theme-custom main > .hero-slider .slide:first-child p {
  max-width: 780px !important;
}
body.theme-custom main > .hero-slider .slide:first-child p::before {
  content: 'اپنے سفر کی یادیں ہمیشہ ساتھ رکھیے' !important;
  display: block !important;
  margin: 0 auto 14px !important;
  color: #FFFFFF !important;
  font-family: 'Noto Nastaliq Urdu' !important;
  font-size: clamp(1.45rem, 2.4vw, 2.25rem) !important;
  font-weight: 600 !important;
  line-height: 1.85 !important;
  direction: rtl !important;
  letter-spacing: 0 !important;
}
body.theme-custom main > .hero-slider .slide.loc-right .slide-content {
  margin-left: auto !important;
  text-align: right !important;
  justify-items: end !important;
}
body.theme-custom main > .hero-slider .slide-eyebrow {
  color: #e1ae58 !important;
  font-size: .73rem !important;
  font-weight: 800 !important;
  letter-spacing: .2em !important;
  margin: 0 0 2px !important;
}
body.theme-custom main > .hero-slider :is(h1,h2) {
  max-width: 12ch !important;
  margin: 0 !important;
  color: #fff !important;
  font-family: 'Playfair Display' !important;
  font-size: clamp(3rem, 5.2vw, 5.6rem) !important;
  line-height: .98 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
  text-shadow: 0 4px 28px rgba(0, 0, 0, .42) !important;
}
body.theme-custom main > .hero-slider .slide.loc-right h1 {
  margin-left: auto !important;
}
body.theme-custom main > .hero-slider .slide-content p {
  max-width: 56ch !important;
  margin: 2px 0 10px !important;
  color: rgba(255, 255, 255, .9) !important;
  font-size: clamp(.98rem, 1.3vw, 1.14rem) !important;
  line-height: 1.65 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .5) !important;
}
body.theme-custom main > .hero-slider .slide.loc-right .slide-content p {
  margin-left: auto !important;
}
body.theme-custom main > .hero-slider .slide .btn {
  display: inline-flex !important;
  min-height: 48px !important;
  align-items: center !important;
  padding: 0 25px !important;
  border: 1px solid #d4a359 !important;
  border-radius: 999px !important;
  background: #d4a359 !important;
  color: #10181f !important;
  font-size: .84rem !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .24) !important;
}
body.theme-custom main > .hero-slider .slide .btn:hover {
  background: #fff !important;
  border-color: #fff !important;
  transform: translateY(-2px) !important;
}
body.theme-custom main > .hero-slider .slider-nav {
  right: clamp(22px, 4vw, 58px) !important;
  bottom: 30px !important;
  gap: 8px !important;
}
body.theme-custom main > .hero-slider .slider-nav button {
  width: 46px !important;
  height: 46px !important;
  border: 1px solid rgba(255, 255, 255, .55) !important;
  border-radius: 50% !important;
  background: rgba(16, 24, 31, .62) !important;
  color: #fff !important;
  backdrop-filter: blur(10px) !important;
}

/* SAFAR wordmark: native Latin name plus a larger Urdu suffix. */
body.theme-custom header #store-name {
  font-size: clamp(1.3rem, 2vw, 1.55rem) !important;
  line-height: 1 !important;
  letter-spacing: 3px !important;
  visibility: visible !important;
  white-space: nowrap !important;
}
body.theme-custom header #store-name::after {
  content: 'سفر' !important;
  display: inline-block !important;
  margin-left: 12px !important;
  color: #b84d29 !important;
  font-family: 'Noto Nastaliq Urdu' !important;
  font-size: 1.55em !important;
  font-weight: 600 !important;
  line-height: .75 !important;
  letter-spacing: 0 !important;
  vertical-align: -.08em !important;
}
body.theme-custom header #store-name::before {
  content: none !important;
  display: none !important;
}

@media (max-width: 640px) {
  body.theme-custom header #store-name::after {
    margin-left: 14px !important;
    font-size: 1.42em !important;
    line-height: 1 !important;
    vertical-align: baseline !important;
    position: relative !important;
    top: .16em !important;
  }

  /* Keep quick view compact while preserving the postcard as the focal point. */
  .safar-modal-overlay:target {
    padding: 10px !important;
    align-items: center !important;
  }
  .safar-modal-dialog {
    width: calc(100vw - 20px) !important;
    max-width: 420px !important;
    max-height: 80dvh !important;
    overflow: hidden !important;
    padding: 12px 16px 10px !important;
    border-radius: 22px !important;
  }
  .safar-modal-close {
    top: 10px !important;
    right: 10px !important;
    width: 36px !important;
    height: 36px !important;
  }
  .safar-modal-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    align-items: stretch !important;
  }
  .safar-modal-media-col {
    flex: 0 0 auto !important;
  }
  .safar-modal-flip-box {
    width: min(77vw, 37dvh, 300px) !important;
    max-width: 300px !important;
  }
  .safar-modal-flip-inner,
  .safar-modal-face-front,
  .safar-modal-face-back {
    border-radius: 12px !important;
  }
  .safar-modal-flip-btn-pill {
    display: none !important;
  }
  .safar-modal-face-back {
    padding: 12px !important;
  }
  .safar-modal-stamp {
    padding: 3px 6px !important;
    font-size: .48rem !important;
  }
  .safar-modal-poetry-box-back {
    margin: 5px 0 !important;
  }
  .safar-modal-urdu-back {
    margin: 0 0 3px !important;
    font-family: 'Noto Nastaliq Urdu' !important;
    font-size: .98rem !important;
    line-height: 2.05 !important;
    letter-spacing: 0 !important;
  }
  .safar-modal-en-back {
    font-size: .56rem !important;
    line-height: 1.35 !important;
  }
  .safar-modal-lines {
    gap: 5px !important;
    margin: 4px 0 !important;
  }
  .safar-modal-tag-back {
    font-size: .48rem !important;
    letter-spacing: .6px !important;
  }
  .safar-modal-kicker {
    margin-bottom: 1px !important;
    font-size: .52rem !important;
    letter-spacing: 1.4px !important;
  }
  .safar-modal-title {
    margin-bottom: 0 !important;
    font-size: clamp(1.18rem, 5.6vw, 1.38rem) !important;
    line-height: 1.08 !important;
  }
  .safar-modal-urdu-title {
    margin: 4px 0 1px !important;
    font-size: .9rem !important;
    line-height: 1.55 !important;
  }
  .safar-modal-desc {
    margin-bottom: 3px !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    font-size: .68rem !important;
    line-height: 1.3 !important;
  }
  .safar-modal-quote-card {
    margin-bottom: 4px !important;
    padding: 4px 8px !important;
    border-left-width: 3px !important;
    border-radius: 0 9px 9px 0 !important;
  }
  .safar-modal-quote-urdu {
    margin: 0 !important;
    font-size: .78rem !important;
    line-height: 1.55 !important;
  }
  .safar-modal-quote-en {
    display: none !important;
  }
  .safar-modal-format-box {
    margin-bottom: 4px !important;
  }
  .safar-format-heading {
    margin-bottom: 5px !important;
    font-size: .56rem !important;
  }
  .safar-format-options {
    gap: 7px !important;
  }
  .safar-format-card {
    min-height: 42px !important;
    padding: 5px 8px !important;
    gap: 1px !important;
    border-radius: 9px !important;
  }
  .safar-format-card strong {
    font-size: .68rem !important;
  }
  .safar-format-card span {
    font-size: .65rem !important;
  }
  .safar-modal-action-row {
    gap: 5px !important;
    align-items: center !important;
  }
  .safar-modal-primary-btn {
    width: min(76%, 270px) !important;
    min-height: 38px !important;
    padding: 8px 16px !important;
    font-size: .76rem !important;
  }
  .safar-modal-details-link {
    font-size: .66rem !important;
  }
}

/* SAFAR_FOOTER_UNIFIED_V1: custom navigation plus native newsletter in one footer. */
.safar-site-footer {
  width: 100vw !important;
  margin: 36px 0 0 calc(50% - 50vw) !important;
  color: #f4efe6 !important;
  background: #10181f !important;
}
.safar-footer-airmail {
  height: 8px;
  background: repeating-linear-gradient(-45deg, #b84d29 0, #b84d29 18px, #faf7f2 18px, #faf7f2 36px, #1d4e89 36px, #1d4e89 54px, #faf7f2 54px, #faf7f2 72px);
}
.safar-footer-grid {
  width: min(100%, 1400px);
  margin: 0 auto;
  padding: 46px clamp(24px, 4vw, 56px) 32px;
  display: grid;
  grid-template-columns: minmax(250px, 1.45fr) repeat(3, minmax(130px, .8fr)) minmax(245px, 1.2fr);
  gap: clamp(24px, 3vw, 46px);
  box-sizing: border-box;
}
.safar-footer-logo {
  color: #fff;
  font-family: 'Playfair Display';
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: 4px;
}
.safar-footer-logo b { color: #b84d29; }
.safar-footer-logo span { color: #d4a359; font-family: 'Noto Nastaliq Urdu'; }
.safar-footer-brand small {
  display: block;
  margin-top: 7px;
  color: #d4a359;
  font-size: .65rem;
  letter-spacing: .14em;
}
.safar-footer-brand p {
  max-width: 410px;
  margin: 15px 0;
  color: #aeb8c0;
  font-size: .9rem;
  line-height: 1.75;
}
.safar-footer-mail {
  max-width: 350px;
  padding: 13px 0;
  display: flex;
  justify-content: space-between;
  color: #fff !important;
  border-bottom: 1px solid #52606a;
  font-weight: 700;
  text-decoration: none;
}
.safar-footer-newsletter {
  width: 100%;
  max-width: 360px;
  margin: 5px 0 0 !important;
}
.safar-footer-newsletter label {
  display: block;
  margin-bottom: 9px;
  color: #d4a359 !important;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.safar-footer-newsletter .newsletter-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
}
.safar-footer-newsletter input {
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  padding: 0 14px !important;
  color: #10181f !important;
  background: #faf7f2 !important;
  border: 0 !important;
  border-radius: 5px !important;
  box-sizing: border-box !important;
}
.safar-footer-newsletter button {
  height: 42px !important;
  padding: 0 17px !important;
  color: #10181f !important;
  background: #d4a359 !important;
  border: 0 !important;
  border-radius: 5px !important;
  font-weight: 800 !important;
}
.safar-footer-newsletter .newsletter-msg { margin: 8px 0 0 !important; }
.safar-footer-column { display: flex; flex-direction: column; gap: 11px; }
.safar-footer-column h3 {
  margin: 6px 0 11px;
  color: #d4a359;
  font-size: .72rem;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.safar-footer-column a {
  color: #c5cdd3 !important;
  font-size: .84rem;
  line-height: 1.45;
  text-decoration: none;
}
.safar-footer-column a:hover { color: #fff !important; }
.safar-footer-bottom {
  width: min(100%, 1400px);
  margin: 0 auto;
  padding: 16px clamp(24px, 4vw, 56px) 19px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #81909c;
  border-top: 1px solid rgba(255,255,255,.1);
  box-sizing: border-box;
  font-size: .7rem;
}
.safar-footer-legal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 18px;
}
.safar-footer-legal a { color: #9ba8b2 !important; text-decoration: none; }
.safar-footer-legal a:hover { color: #fff !important; }
/* Native footer becomes the newsletter and policy row of the SAFAR footer. */
body.theme-custom > main {
  padding-bottom: 0 !important;
}
body.theme-custom > footer {
  display: none !important;
}
body.theme-custom > footer .footer-inner {
  width: min(100%, 1400px) !important;
  margin: 0 auto !important;
  padding: 28px clamp(24px, 5vw, 72px) 0 !important;
  border-top: 1px solid rgba(255,255,255,.1) !important;
  box-sizing: border-box !important;
}
body.theme-custom > footer .newsletter {
  max-width: 640px !important;
  margin: 0 auto 28px !important;
}
body.theme-custom > footer .newsletter label { color: #d4a359 !important; }
body.theme-custom > footer .newsletter-row input {
  color: #10181f !important;
  background: #faf7f2 !important;
}
body.theme-custom > footer .newsletter-row button {
  color: #10181f !important;
  background: #d4a359 !important;
}
body.theme-custom > footer .footer-bottom { padding: 22px 0 0 !important; }
body.theme-custom > footer .footer-links {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px 22px !important;
}
body.theme-custom > footer .footer-links a { color: #aeb8c0 !important; }
body.theme-custom > footer #footer-text { display: none !important; }
/* Native policy links are authoritative, so do not repeat them one row above. */
.safar-footer-bottom > div { display: none !important; }

@media (max-width: 900px) {
  .safar-footer-grid { grid-template-columns: 1fr 1fr; }
  .safar-footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 1180px) and (min-width: 901px) {
  .safar-footer-grid { grid-template-columns: 1.25fr repeat(2, 1fr); }
  .safar-footer-brand { grid-row: span 2; }
}

@media (max-width: 560px) {
  body.theme-custom .safar-footer-grid {
    grid-template-columns: 1fr 1fr !important;
    padding: 38px 18px 26px !important;
    gap: 24px 16px !important;
  }
  body.theme-custom .safar-footer-brand,
  body.theme-custom .safar-footer-newsletter { grid-column: 1 / -1 !important; }
  body.theme-custom .safar-footer-newsletter { max-width: none !important; }
  .safar-footer-bottom { flex-direction: column; padding: 14px 18px 17px; gap: 12px; }
  .safar-footer-legal { justify-content: flex-start; }
  .safar-footer-bottom > span:last-child { display: none; }
}

@media (max-width: 700px) {
  /* Native mobile navigation replaces this legacy sub-header block. */
  body.theme-custom main > section.theme-custom-section[data-theme-block='sub-header-nav'] {
    display: none !important;
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  /* Keep the commerce header authoritative over legacy theme overrides. */
  body.theme-custom > header {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 250 !important;
    min-height: 60px !important;
    transform: none !important;
  }
  body.theme-custom > header .theme-mobile-menu-trigger,
  body.theme-custom > header .logo,
  body.theme-custom > header .hdr-actions {
    visibility: visible !important;
    opacity: 1 !important;
  }
  body.theme-custom > header #store-menu-btn,
  body.theme-custom > header #store-menu-btn:hover,
  body.theme-custom > header #store-menu-btn:active,
  body.theme-custom > header #store-menu-btn[aria-expanded='true'] {
    color: #10181f !important;
  }
  body.theme-custom > header #store-menu-btn svg,
  body.theme-custom > header #store-menu-btn svg path {
    color: #10181f !important;
    stroke: #10181f !important;
  }
  /* Hover effects add compositing work but provide no value on touch screens. */
  .safar-product-card,
  .safar-card-artwork,
  .safar-thumb-icon-btn,
  .safar-card-add-btn,
  .safar-set-card,
  .safar-set-buy a,
  .safar-category-filters button {
    transition: none !important;
  }
  .safar-product-card:hover,
  .safar-card-artwork:hover {
    transform: none !important;
  }
  .safar-custom-hero-actions .secondary,
  body.theme-custom main > .theme-custom-section:has(> .safar-mobile-menu) {
    backdrop-filter: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .safar-flip-inner,
  .safar-modal-overlay,
  .safar-modal-dialog {
    transition: none !important;
  }
}

@media (max-width: 640px) {
  .safar-story-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    align-items: stretch !important;
  }
  .safar-story-facts > span {
    grid-column: auto !important;
    display: flex !important;
    min-width: 0 !important;
    padding: 0 10px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    line-height: 1.35 !important;
  }
  .safar-story-facts > span + span {
    border-left: 1px solid rgba(16, 24, 31, .14) !important;
  }
  .safar-story-facts strong {
    display: block !important;
    white-space: nowrap !important;
  }
  .safar-category-filters {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    height: auto !important;
    overflow: visible !important;
    padding: 0 !important;
  }
  .safar-category-filters button {
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    text-align: center !important;
  }
  .safar-category-filters button:last-child {
    grid-column: 1 / -1 !important;
    width: calc(50% - 4px) !important;
    justify-self: center !important;
  }
  .safar-card-thumb-wrap {
    position: relative !important;
    aspect-ratio: 5 / 7 !important;
  }
  .safar-card-thumb-wrap .safar-thumb-image-link {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }
  body.theme-custom main .safar-card-thumb-wrap img.safar-card-artwork {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
  }
  body.theme-custom main > .hero-slider {
    width: 100vw !important;
    max-width: 100vw !important;
    height: min(70svh, 620px) !important;
    min-height: 520px !important;
    margin: -1rem calc(50% - 50vw) 34px !important;
    border-radius: 0 !important;
  }
  body.theme-custom main > .hero-slider .slide,
  body.theme-custom main > .hero-slider .slide.loc-right {
    align-items: flex-end !important;
    padding: 36px 22px 88px !important;
  }
  body.theme-custom main > .hero-slider .slide-media::after,
  body.theme-custom main > .hero-slider .slide.loc-right .slide-media::after {
    background: linear-gradient(0deg, rgba(8, 15, 20, .9) 0%, rgba(8, 15, 20, .38) 58%, rgba(8, 15, 20, .12) 100%) !important;
  }
  body.theme-custom main > .hero-slider .slide-content,
  body.theme-custom main > .hero-slider .slide.loc-right .slide-content {
    width: 100% !important;
    text-align: left !important;
    justify-items: start !important;
  }
  body.theme-custom main > .hero-slider .slide:first-child .slide-content {
    text-align: center !important;
    justify-items: center !important;
  }
  body.theme-custom main > .hero-slider :is(h1,h2),
  body.theme-custom main > .hero-slider .slide.loc-right h1 {
    max-width: 11ch !important;
    margin: 0 !important;
    font-size: clamp(2.4rem, 12vw, 3.65rem) !important;
  }
  body.theme-custom main > .hero-slider .slide-content p,
  body.theme-custom main > .hero-slider .slide.loc-right .slide-content p {
    max-width: 34ch !important;
    margin: 0 0 8px !important;
    font-size: .93rem !important;
    line-height: 1.5 !important;
  }
  body.theme-custom main > .hero-slider .slider-nav {
    right: 18px !important;
    bottom: 26px !important;
  }
  body.theme-custom main > .hero-slider .slider-nav button {
    width: 42px !important;
    height: 42px !important;
  }
}

/* SAFAR hero: compact editorial proportions on every screen. */
body.theme-custom main > .hero-slider {
  aspect-ratio: auto !important;
  height: clamp(360px, 42vw, 520px) !important;
  min-height: 0 !important;
  max-height: 520px !important;
  margin-bottom: clamp(26px, 3vw, 42px) !important;
}
body.theme-custom main > .hero-slider .slide {
  padding: clamp(24px, 4.2vw, 64px) !important;
}
body.theme-custom main > .hero-slider .slide-content,
body.theme-custom main > .hero-slider .slide.loc-right .slide-content {
  width: min(100%, 570px) !important;
  max-width: 570px !important;
  gap: 9px !important;
}
body.theme-custom main > .hero-slider .slide:first-child .slide-content {
  width: min(100%, 760px) !important;
  max-width: 760px !important;
}
body.theme-custom main > .hero-slider :is(h1,h2),
body.theme-custom main > .hero-slider .slide.loc-right h1 {
  max-width: 15ch !important;
  font-family: 'Playfair Display' !important;
  font-size: clamp(2rem, 3.8vw, 4rem) !important;
  font-weight: 500 !important;
  line-height: 1.06 !important;
  letter-spacing: 0 !important;
}
body.theme-custom main > .hero-slider .slide:first-child h1 em {
  font-family: inherit !important;
  font-weight: 400 !important;
}
body.theme-custom main > .hero-slider .slide-content p,
body.theme-custom main > .hero-slider .slide.loc-right .slide-content p {
  max-width: 54ch !important;
  margin: 0 0 6px !important;
  font-family: 'Playfair Display' !important;
  font-size: clamp(.78rem, 1vw, .96rem) !important;
  font-weight: 350 !important;
  line-height: 1.5 !important;
}
body.theme-custom main > .hero-slider .slide:first-child p::before {
  margin-bottom: 8px !important;
  font-size: clamp(1.05rem, 1.65vw, 1.5rem) !important;
  font-weight: 500 !important;
}
body.theme-custom main > .hero-slider .slide-eyebrow {
  font-size: .64rem !important;
  font-weight: 650 !important;
}
body.theme-custom main > .hero-slider .slide .btn {
  min-height: 40px !important;
  padding: 0 20px !important;
  font-size: .75rem !important;
  font-weight: 650 !important;
}

@media (max-width: 640px) {
  body.theme-custom main > .hero-slider {
    aspect-ratio: auto !important;
    height: clamp(265px, 70vw, 295px) !important;
    min-height: 0 !important;
    max-height: 295px !important;
    margin-bottom: 24px !important;
  }
  body.theme-custom main > .hero-slider .slide,
  body.theme-custom main > .hero-slider .slide.loc-right {
    align-items: center !important;
    padding: 12px 16px 36px !important;
  }
  body.theme-custom main > .hero-slider .slide-content,
  body.theme-custom main > .hero-slider .slide.loc-right .slide-content,
  body.theme-custom main > .hero-slider .slide:first-child .slide-content {
    width: min(100%, 300px) !important;
    max-width: 300px !important;
    gap: 4px !important;
  }
  body.theme-custom main > .hero-slider :is(h1,h2),
  body.theme-custom main > .hero-slider .slide.loc-right h1 {
    max-width: 15ch !important;
    font-size: clamp(1.12rem, 5.6vw, 1.38rem) !important;
    line-height: 1.08 !important;
  }
  body.theme-custom main > .hero-slider .slide-content p,
  body.theme-custom main > .hero-slider .slide.loc-right .slide-content p {
    display: -webkit-box !important;
    max-width: 38ch !important;
    margin: 0 0 3px !important;
    overflow: hidden !important;
    font-size: .64rem !important;
    line-height: 1.32 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
  body.theme-custom main > .hero-slider .slide:first-child p {
    display: block !important;
    max-width: 46ch !important;
    margin: 0 0 3px !important;
    overflow: visible !important;
    font-size: .56rem !important;
    font-weight: 400 !important;
    line-height: 1.32 !important;
    -webkit-line-clamp: unset !important;
  }
  body.theme-custom main > .hero-slider .slide:first-child p::before {
    margin: 0 0 6px !important;
    font-size: .82rem !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
  }
  body.theme-custom main > .hero-slider .slide-eyebrow {
    display: none !important;
  }
  body.theme-custom main > .hero-slider .slide .btn {
    min-height: 30px !important;
    margin-top: 1px !important;
    padding: 0 14px !important;
    font-size: .62rem !important;
  }
  body.theme-custom main > .hero-slider .slider-nav {
    right: 12px !important;
    bottom: 10px !important;
    gap: 5px !important;
  }
  body.theme-custom main > .hero-slider .slider-nav button {
    width: 28px !important;
    height: 28px !important;
    font-size: .76rem !important;
  }
}

/* Collector sets: lift one postcard out of the fan on pointer hover. */
@media (hover: hover) and (pointer: fine) {
  body.theme-custom .safar-set-visual,
  body.theme-custom .safar-card-stack.safar-card-stack--count {
    overflow: visible !important;
    perspective: 1000px;
  }
  body.theme-custom .safar-card-stack.safar-card-stack--count img {
    cursor: zoom-in;
    backface-visibility: hidden;
    transform-origin: 50% 90% !important;
    will-change: transform, filter, opacity;
    transition:
      transform .46s cubic-bezier(.2,.82,.2,1),
      filter .3s ease,
      opacity .3s ease,
      box-shadow .46s cubic-bezier(.2,.82,.2,1) !important;
  }
  body.theme-custom .safar-set-card.featured .safar-popular {
    transition:
      top .38s cubic-bezier(.2,.82,.2,1),
      transform .38s cubic-bezier(.2,.82,.2,1),
      opacity .22s ease,
      box-shadow .38s ease;
  }
  body.theme-custom .safar-card-stack.safar-card-stack--count:has(img:hover) img:not(:hover) {
    opacity: .58;
    filter: saturate(.7) brightness(.78);
    transform:
      translateX(calc(-50% + var(--x)))
      translateY(calc(var(--y) + 8px))
      rotate(var(--r))
      scale(.94) !important;
  }
  body.theme-custom .safar-card-stack.safar-card-stack--count img:hover {
    z-index: 100 !important;
    opacity: 1 !important;
    filter: saturate(1.1) contrast(1.04) brightness(1.04) !important;
    transform:
      translateX(calc(-50% + var(--x)))
      translateY(calc(var(--y) - 38px))
      rotate(0deg)
      scale(1.2) !important;
    box-shadow:
      0 28px 44px rgba(9, 16, 20, .34),
      0 7px 16px rgba(9, 16, 20, .2) !important;
  }
  body.theme-custom .safar-set-card:has(.safar-card-stack img:hover) .safar-box-lid {
    filter: brightness(.88);
  }
  body.theme-custom .safar-set-card:has(.safar-card-stack img:hover) .safar-box-base {
    box-shadow: 0 -8px 24px rgba(0, 0, 0, .24);
  }
  body.theme-custom .safar-set-card.featured:has(.safar-card-stack img:hover) .safar-popular {
    top: -28px;
    z-index: 130;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%) translateY(-12px) scale(.92);
    box-shadow: 0 9px 22px rgba(16, 24, 31, 0);
  }
}

/* Keep every catalog quick-view reverse consistent with the quieter story card. */
body.theme-custom .safar-modal-face-back .safar-modal-urdu-back {
  font-family: 'Noto Nastaliq Urdu' !important;
  font-size: clamp(.92rem, 1.7vw, 1.18rem) !important;
  font-weight: 400 !important;
  line-height: 1.85 !important;
  letter-spacing: 0 !important;
}

/* Lighthouse contrast fixes that retain SAFAR's existing muted palette. */
body.theme-custom > header.storefront-header > nav.storefront-nav > a {
  color: #53616c !important;
}
body.theme-custom .safar-story-facts div,
body.theme-custom .safar-price-sublabel {
  color: #526773 !important;
}
body.theme-custom .safar-format-bar .safar-format-switch label b,
body.theme-custom #gift-sets .safar-sets-heading > span {
  color: #9f381e !important;
}
body.theme-custom .safar-diaspora__person > div > span {
  color: #5b6978 !important;
}
body.theme-custom .safar-diaspora__avatar--gold {
  background: #8e5e18 !important;
}

@media (prefers-reduced-motion: reduce) {
  body.theme-custom .safar-card-stack.safar-card-stack--count img,
  body.theme-custom .safar-box-lid,
  body.theme-custom .safar-box-base {
    transition: none !important;
  }
}

/* SAFAR international postcard-deck hero v9 */
#hero-slider.hero-slider {
  --deck-forest: #07130f;
  --deck-forest-2: #10271f;
  --deck-gold: #d4a359;
  --deck-cream: #faf7f2;
  --deck-muted: #b7c3bb;
  --deck-rust: #b84d29;
  min-height: min(880px, calc(100svh - 96px)) !important;
  height: clamp(720px, calc(100svh - 96px), 880px) !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: var(--deck-forest) !important;
  box-shadow: none !important;
  isolation: isolate !important;
}
#hero-slider::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: .26;
  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");
}
#hero-slider .slide {
  overflow: hidden !important;
  background: var(--deck-forest) !important;
}
#hero-slider .slide::before,
#hero-slider .slide::after,
#hero-slider .slide-content::before {
  content: "";
  position: absolute;
  display: block;
  aspect-ratio: 5 / 7;
  border-radius: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
}
#hero-slider .slide::before,
#hero-slider .slide::after {
  top: 50%;
  width: clamp(220px, 20vw, 330px);
  z-index: 3;
  filter: brightness(.52) saturate(.86);
  box-shadow: 0 24px 56px rgba(0,0,0,.5);
}
#hero-slider .slide::before { left: 2.5%; transform: translateY(-47%) rotate(-8deg) scale(.86); }
#hero-slider .slide::after { left: 30%; transform: translateY(-47%) rotate(8deg) scale(.86); }
#hero-slider .slide-media {
  position: absolute !important;
  inset: -7% !important;
  z-index: 0 !important;
  width: 114% !important;
  height: 114% !important;
}
#hero-slider .slide-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, rgba(7,19,15,.88), rgba(7,19,15,.58) 48%, rgba(7,19,15,.94));
}
#hero-slider .slide-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: scale(1.1) !important;
  filter: blur(34px) brightness(.44) saturate(1.04) !important;
}
#hero-slider .slide-content {
  position: absolute !important;
  top: 50% !important;
  right: clamp(28px, 5vw, 82px) !important;
  left: auto !important;
  z-index: 6 !important;
  width: min(43vw, 620px) !important;
  max-width: 620px !important;
  padding: 0 !important;
  text-align: left !important;
  color: var(--deck-cream) !important;
  transform: translateY(-50%) !important;
}
#hero-slider .slide-content::before {
  top: 50%;
  right: calc(100% + clamp(44px, 7vw, 116px));
  z-index: 2;
  width: clamp(280px, 25vw, 410px);
  transform: translateY(-50%);
  border: 4px solid rgba(250,247,242,.92);
  box-shadow: 0 36px 78px rgba(0,0,0,.68), 0 0 0 1px rgba(212,163,89,.28);
}
#hero-slider .slide-content::after {
  content: "SAFAR\A سفر";
  position: absolute;
  top: -34%;
  right: calc(100% + clamp(28px, 6vw, 92px));
  z-index: 5;
  width: 68px;
  padding: 10px 5px 8px;
  white-space: pre;
  text-align: center;
  color: #8f6a32;
  background: #f5efe2;
  border: 1px dashed #b28a4b;
  border-radius: 3px;
  box-shadow: 0 8px 18px rgba(0,0,0,.35);
  font-family: 'Playfair Display';
  font-size: 9px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: .17em;
  transform: rotate(7deg);
}
#hero-slider .slide-content > * { position: relative !important; z-index: 7 !important; }
#hero-slider .slide-eyebrow {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--deck-gold) !important;
  font-family: 'Playfair Display' !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: .34em !important;
}
#hero-slider .slide-eyebrow::before { content: ""; width: 44px; height: 1px; background: linear-gradient(90deg,var(--deck-gold),transparent); }
#hero-slider h1,
#hero-slider h2 {
  margin: 0 0 18px !important;
  color: var(--deck-cream) !important;
  font-family: 'Playfair Display' !important;
  font-size: clamp(46px, 5vw, 76px) !important;
  font-weight: 600 !important;
  line-height: 1.02 !important;
  letter-spacing: -.025em !important;
  text-shadow: 0 4px 28px rgba(0,0,0,.55) !important;
}
#hero-slider h1 em,
#hero-slider h2 em { color: #ead3a4 !important; font-style: normal !important; }
#hero-slider h1::after,
#hero-slider h2::after {
  content: "سفر کی یادیں، دنیا بھر سے";
  display: block;
  margin-top: 10px;
  color: #f2e5d3;
  font-family: 'Noto Nastaliq Urdu';
  font-size: clamp(24px, 2.1vw, 34px);
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0;
  direction: rtl;
  text-align: left;
  text-shadow: none;
}
#hero-slider .slide-content p {
  max-width: 48ch !important;
  margin: 0 0 24px !important;
  color: var(--deck-muted) !important;
  font-family: 'Playfair Display' !important;
  font-size: clamp(14px, 1.1vw, 16px) !important;
  font-weight: 400 !important;
  line-height: 1.72 !important;
  text-shadow: none !important;
}
#hero-slider .slide-content p::after {
  content: "FINE ART POSTCARD · RS 300     /     KEEPSAKE MAGNET · RS 500";
  display: block;
  margin-top: 18px;
  color: var(--deck-gold);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .18em;
}
#hero-slider .slide-content .btn {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 48px !important;
  padding: 14px 28px !important;
  color: #fffaf3 !important;
  background: linear-gradient(120deg,var(--deck-rust),#923b20) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 2px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.28) !important;
  font-family: 'Playfair Display' !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
}
#hero-slider .slider-nav {
  right: clamp(22px,4vw,64px) !important;
  bottom: 28px !important;
  z-index: 9 !important;
  gap: 12px !important;
}
#hero-slider .slider-nav button {
  width: 50px !important;
  height: 50px !important;
  color: #ead3a4 !important;
  background: rgba(7,19,15,.66) !important;
  border: 1px solid rgba(212,163,89,.42) !important;
  border-radius: 50% !important;
  backdrop-filter: blur(8px) !important;
}
#hero-slider .slider-nav button:hover { color: #07130f !important; background: var(--deck-gold) !important; }
@media (max-width: 960px) {
  #hero-slider.hero-slider { min-height: 1030px !important; height: 1030px !important; }
  #hero-slider .slide-content {
    top: 430px !important;
    right: 22px !important;
    left: 22px !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
  }
  #hero-slider .slide-content::before {
    top: auto;
    right: auto;
    bottom: calc(100% + 44px);
    left: 50%;
    width: min(62vw, 310px);
    transform: translateX(-50%);
  }
  #hero-slider .slide-content::after {
    top: auto;
    right: calc(14% - 12px);
    bottom: calc(100% + 250px);
    width: 60px;
  }
  #hero-slider .slide::before,
  #hero-slider .slide::after { top: 188px; width: min(46vw,230px); }
  #hero-slider .slide::before { left: -13%; transform: translateY(-50%) rotate(-8deg) scale(.78); }
  #hero-slider .slide::after { right: -13%; left: auto; transform: translateY(-50%) rotate(8deg) scale(.78); }
  #hero-slider .slide-eyebrow { display: none !important; }
  #hero-slider h1,
  #hero-slider h2 { font-size: clamp(38px, 10vw, 54px) !important; }
  #hero-slider h1::after,
  #hero-slider h2::after { font-size: 25px; text-align: left; }
  #hero-slider .slide-content p { max-width: 58ch !important; }
  #hero-slider .slider-nav { right: 20px !important; bottom: 20px !important; }
}
@media (max-width: 560px) {
  #hero-slider.hero-slider { min-height: 1050px !important; height: 1050px !important; }
  #hero-slider .slide-content { top: 410px !important; right: 20px !important; left: 20px !important; }
  #hero-slider .slide-content::before { bottom: calc(100% + 38px); width: min(64vw,280px); }
  #hero-slider .slide-content::after { right: 8%; bottom: calc(100% + 225px); }
  #hero-slider h1,
  #hero-slider h2 { margin-bottom: 12px !important; font-size: clamp(36px, 10vw, 46px) !important; }
  #hero-slider h1::after,
  #hero-slider h2::after { margin-top: 6px; font-size: 23px; line-height: 1.5; }
  #hero-slider .slide-content p { margin-bottom: 18px !important; font-size: 14px !important; line-height: 1.62 !important; }
  #hero-slider .slide-content p::after { margin-top: 13px; font-size: 9px; letter-spacing: .12em; }
  #hero-slider .slide-content .btn { min-height: 45px !important; padding: 12px 20px !important; font-size: 10px !important; }
  #hero-slider .slider-nav button { width: 44px !important; height: 44px !important; }
}
@media (prefers-reduced-motion: reduce) {
  #hero-slider *, #hero-slider *::before, #hero-slider *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}
#hero-slider .slide.active[data-index="0"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-4-JPG-50226a46-6019-4647-8c88-1f4d28018f1b.avif')}
#hero-slider .slide.active[data-index="0"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-HERO-TRAVEL-TRAIN-JPG-b81fa8f5-31db-4c3f-b5e4-da2918b83062.avif')}
#hero-slider .slide.active[data-index="0"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-3-JPG-0c094df1-cd90-44fa-8646-95bb90cf8e52.avif')}
#hero-slider .slide.active[data-index="0"] .slide-content .btn::after{content:'  1.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="1"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-3-JPG-0c094df1-cd90-44fa-8646-95bb90cf8e52.avif')}
#hero-slider .slide.active[data-index="1"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-4-JPG-50226a46-6019-4647-8c88-1f4d28018f1b.avif')}
#hero-slider .slide.active[data-index="1"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-1-2-JPG-e0d7782e-2e54-430f-a5f7-d31249c7c8cd.avif')}
#hero-slider .slide.active[data-index="1"] .slide-content .btn::after{content:'  2.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="2"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-1-2-JPG-e0d7782e-2e54-430f-a5f7-d31249c7c8cd.avif')}
#hero-slider .slide.active[data-index="2"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-3-JPG-0c094df1-cd90-44fa-8646-95bb90cf8e52.avif')}
#hero-slider .slide.active[data-index="2"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-12-JPG-b875afbc-e97d-4cc7-94b4-e40d97fd993d.avif')}
#hero-slider .slide.active[data-index="2"] .slide-content .btn::after{content:'  3.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="3"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-12-JPG-b875afbc-e97d-4cc7-94b4-e40d97fd993d.avif')}
#hero-slider .slide.active[data-index="3"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-1-2-JPG-e0d7782e-2e54-430f-a5f7-d31249c7c8cd.avif')}
#hero-slider .slide.active[data-index="3"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-10-JPG-d6d2d34d-0e55-48fd-b7ed-413311700980.avif')}
#hero-slider .slide.active[data-index="3"] .slide-content .btn::after{content:'  4.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="4"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-10-JPG-d6d2d34d-0e55-48fd-b7ed-413311700980.avif')}
#hero-slider .slide.active[data-index="4"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-12-JPG-b875afbc-e97d-4cc7-94b4-e40d97fd993d.avif')}
#hero-slider .slide.active[data-index="4"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-1-4-JPG-6a6cfd42-f33d-4580-b459-957e8c9269b4.avif')}
#hero-slider .slide.active[data-index="4"] .slide-content .btn::after{content:'  5.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="5"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-1-4-JPG-6a6cfd42-f33d-4580-b459-957e8c9269b4.avif')}
#hero-slider .slide.active[data-index="5"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-10-JPG-d6d2d34d-0e55-48fd-b7ed-413311700980.avif')}
#hero-slider .slide.active[data-index="5"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-9-2-JPG-0f746f6a-5808-4c2f-95f0-dc1d80979f94.avif')}
#hero-slider .slide.active[data-index="5"] .slide-content .btn::after{content:'  6.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="6"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-9-2-JPG-0f746f6a-5808-4c2f-95f0-dc1d80979f94.avif')}
#hero-slider .slide.active[data-index="6"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-1-4-JPG-6a6cfd42-f33d-4580-b459-957e8c9269b4.avif')}
#hero-slider .slide.active[data-index="6"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-1-3-JPG-942a4758-e38b-4ba2-b270-87eb88964a8c.avif')}
#hero-slider .slide.active[data-index="6"] .slide-content .btn::after{content:'  7.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="7"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-1-3-JPG-942a4758-e38b-4ba2-b270-87eb88964a8c.avif')}
#hero-slider .slide.active[data-index="7"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-9-2-JPG-0f746f6a-5808-4c2f-95f0-dc1d80979f94.avif')}
#hero-slider .slide.active[data-index="7"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-5-JPG-17484c35-c690-4aa0-9153-862f5d3eba8c.avif')}
#hero-slider .slide.active[data-index="7"] .slide-content .btn::after{content:'  8.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="8"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-5-JPG-17484c35-c690-4aa0-9153-862f5d3eba8c.avif')}
#hero-slider .slide.active[data-index="8"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-1-3-JPG-942a4758-e38b-4ba2-b270-87eb88964a8c.avif')}
#hero-slider .slide.active[data-index="8"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-8-JPG-ad702a3c-23b1-4df7-b924-21758fca9d38.avif')}
#hero-slider .slide.active[data-index="8"] .slide-content .btn::after{content:'  9.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="9"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-8-JPG-ad702a3c-23b1-4df7-b924-21758fca9d38.avif')}
#hero-slider .slide.active[data-index="9"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-5-JPG-17484c35-c690-4aa0-9153-862f5d3eba8c.avif')}
#hero-slider .slide.active[data-index="9"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-2-JPG-a1e89049-14b6-4073-b31f-6e28fe6b6bd5.avif')}
#hero-slider .slide.active[data-index="9"] .slide-content .btn::after{content:'  10.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="10"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-2-JPG-a1e89049-14b6-4073-b31f-6e28fe6b6bd5.avif')}
#hero-slider .slide.active[data-index="10"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-8-JPG-ad702a3c-23b1-4df7-b924-21758fca9d38.avif')}
#hero-slider .slide.active[data-index="10"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-2-3-JPG-889a4cad-fe6a-4cd1-8294-f0a1d733febd.avif')}
#hero-slider .slide.active[data-index="10"] .slide-content .btn::after{content:'  11.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="11"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-2-3-JPG-889a4cad-fe6a-4cd1-8294-f0a1d733febd.avif')}
#hero-slider .slide.active[data-index="11"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-2-JPG-a1e89049-14b6-4073-b31f-6e28fe6b6bd5.avif')}
#hero-slider .slide.active[data-index="11"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-1-JPG-fb84ceba-05f5-4002-b1f8-3cfc2ef944d4.avif')}
#hero-slider .slide.active[data-index="11"] .slide-content .btn::after{content:'  12.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="12"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-1-JPG-fb84ceba-05f5-4002-b1f8-3cfc2ef944d4.avif')}
#hero-slider .slide.active[data-index="12"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-2-3-JPG-889a4cad-fe6a-4cd1-8294-f0a1d733febd.avif')}
#hero-slider .slide.active[data-index="12"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-7-JPG-12d5a863-db3d-42a0-9bb5-b0ae6882d227.avif')}
#hero-slider .slide.active[data-index="12"] .slide-content .btn::after{content:'  13.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="13"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-7-JPG-12d5a863-db3d-42a0-9bb5-b0ae6882d227.avif')}
#hero-slider .slide.active[data-index="13"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-1-JPG-fb84ceba-05f5-4002-b1f8-3cfc2ef944d4.avif')}
#hero-slider .slide.active[data-index="13"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-2-2-JPG-64a7b45f-e109-4ed6-b1b6-22bc4f170f6d.avif')}
#hero-slider .slide.active[data-index="13"] .slide-content .btn::after{content:'  14.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="14"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-2-2-JPG-64a7b45f-e109-4ed6-b1b6-22bc4f170f6d.avif')}
#hero-slider .slide.active[data-index="14"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-7-JPG-12d5a863-db3d-42a0-9bb5-b0ae6882d227.avif')}
#hero-slider .slide.active[data-index="14"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-9-4-JPG-e37be94a-781b-4041-a823-99d9577b4daf.avif')}
#hero-slider .slide.active[data-index="14"] .slide-content .btn::after{content:'  15.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="15"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-9-4-JPG-e37be94a-781b-4041-a823-99d9577b4daf.avif')}
#hero-slider .slide.active[data-index="15"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-2-2-JPG-64a7b45f-e109-4ed6-b1b6-22bc4f170f6d.avif')}
#hero-slider .slide.active[data-index="15"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-4-2-JPG-2f8d2a5b-ff4c-4719-be3b-c9d5ec4d0b86.avif')}
#hero-slider .slide.active[data-index="15"] .slide-content .btn::after{content:'  16.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="16"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-4-2-JPG-2f8d2a5b-ff4c-4719-be3b-c9d5ec4d0b86.avif')}
#hero-slider .slide.active[data-index="16"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-9-4-JPG-e37be94a-781b-4041-a823-99d9577b4daf.avif')}
#hero-slider .slide.active[data-index="16"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-9-JPG-b8cb5594-4481-47a7-a0e1-acc0718cabf1.avif')}
#hero-slider .slide.active[data-index="16"] .slide-content .btn::after{content:'  17.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="17"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-9-JPG-b8cb5594-4481-47a7-a0e1-acc0718cabf1.avif')}
#hero-slider .slide.active[data-index="17"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-4-2-JPG-2f8d2a5b-ff4c-4719-be3b-c9d5ec4d0b86.avif')}
#hero-slider .slide.active[data-index="17"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-7-2-JPG-1a6cae14-60af-49f5-9739-d3f1c9e13c93.avif')}
#hero-slider .slide.active[data-index="17"] .slide-content .btn::after{content:'  18.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="18"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-7-2-JPG-1a6cae14-60af-49f5-9739-d3f1c9e13c93.avif')}
#hero-slider .slide.active[data-index="18"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-9-JPG-b8cb5594-4481-47a7-a0e1-acc0718cabf1.avif')}
#hero-slider .slide.active[data-index="18"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-5-2-JPG-ad3c7512-f36b-447c-9c80-05c2a8b7e3f4.avif')}
#hero-slider .slide.active[data-index="18"] .slide-content .btn::after{content:'  19.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="19"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-5-2-JPG-ad3c7512-f36b-447c-9c80-05c2a8b7e3f4.avif')}
#hero-slider .slide.active[data-index="19"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-7-2-JPG-1a6cae14-60af-49f5-9739-d3f1c9e13c93.avif')}
#hero-slider .slide.active[data-index="19"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-9-3-JPG-df6dafe6-b779-4a5b-b2fb-8503f5c5ab11.avif')}
#hero-slider .slide.active[data-index="19"] .slide-content .btn::after{content:'  20.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="20"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-9-3-JPG-df6dafe6-b779-4a5b-b2fb-8503f5c5ab11.avif')}
#hero-slider .slide.active[data-index="20"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-5-2-JPG-ad3c7512-f36b-447c-9c80-05c2a8b7e3f4.avif')}
#hero-slider .slide.active[data-index="20"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-6-JPG-84e74f26-63c2-45ab-8cf8-29c8b0b415a1.avif')}
#hero-slider .slide.active[data-index="20"] .slide-content .btn::after{content:'  21.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="21"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-6-JPG-84e74f26-63c2-45ab-8cf8-29c8b0b415a1.avif')}
#hero-slider .slide.active[data-index="21"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-9-3-JPG-df6dafe6-b779-4a5b-b2fb-8503f5c5ab11.avif')}
#hero-slider .slide.active[data-index="21"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-HERO-TRAVEL-TRAIN-JPG-b81fa8f5-31db-4c3f-b5e4-da2918b83062.avif')}
#hero-slider .slide.active[data-index="21"] .slide-content .btn::after{content:'  22.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}
#hero-slider .slide.active[data-index="22"] .slide-content::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-4-JPG-50226a46-6019-4647-8c88-1f4d28018f1b.avif')}
#hero-slider .slide.active[data-index="22"]::before{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-6-JPG-84e74f26-63c2-45ab-8cf8-29c8b0b415a1.avif')}
#hero-slider .slide.active[data-index="22"]::after{background-image:url('https://cdn.merchora.app/merchants/7ce4f0a1-d181-440d-87c1-50b71bf7f466/products/HERO-DECK-ARTBOARD-4-JPG-50226a46-6019-4647-8c88-1f4d28018f1b.avif')}
#hero-slider .slide.active[data-index="22"] .slide-content .btn::after{content:'  23.ToString('00') / 23';margin-left:16px;opacity:.68;font-family: 'Playfair Display';font-size:11px;letter-spacing:.08em}


.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;
}
/* SAFAR product-card icon viewport repair */
.safar-thumb-icon-btn svg {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  overflow: visible !important;
  transform: scale(.68) !important;
  transform-origin: center !important;
}
/* SAFAR modal flip-label icon */
.safar-modal-flip-btn-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
.safar-modal-flip-btn-pill svg {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  flex: 0 0 16px !important;
  overflow: visible !important;
}
/* SAFAR hero arrow viewport repair */
.safar-deck-btn svg,
.safar-deck-arrow svg {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  flex: 0 0 24px !important;
  overflow: visible !important;
  stroke: currentColor !important;
}
/* SAFAR hero destination hint spacing */
.safar-deck-stage-hint {
  bottom: -50px !important;
  z-index: 20 !important;
}
/* SAFAR optically centered carousel chevrons */
.safar-deck-arrow {
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
}
.safar-deck-arrow svg { display: none !important; }
.safar-deck-arrow::after {
  content: "" !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border-top: 2px solid currentColor !important;
  border-right: 2px solid currentColor !important;
  box-sizing: border-box !important;
}
#safar-deck-prev::after { transform: rotate(-135deg) !important; margin-left: 2px !important; }
#safar-deck-next::after { transform: rotate(45deg) !important; margin-right: 2px !important; }
/* SAFAR collection facts typography */
.safar-story-facts,
.safar-story-facts span,
.safar-story-facts strong {
  font-family: 'Playfair Display' !important;
}
/* SAFAR verified Urdu Nastaliq rendering */
.safar-deck-urdu,
.safar-card-urdu,
.safar-modal-urdu-title,
.safar-modal-quote-urdu,
.safar-face-back [dir="rtl"],
[lang="ur"] {
  font-family: 'Noto Nastaliq Urdu' !important;
  font-style: normal !important;
  font-synthesis: none !important;
}
/* SAFAR optimized Nastaliq face override */
.safar-deck-urdu,
.safar-card-urdu,
.safar-modal-urdu-title,
.safar-modal-quote-urdu,
.safar-face-back [dir="rtl"],
[lang="ur"] {
  font-family: 'Noto Nastaliq Urdu' !important;
  font-style: normal !important;
  font-synthesis: none !important;
}
/* SAFAR tablet hero copy alignment */
@media (min-width: 721px) and (max-width: 960px) {
  .safar-deck-copy {
    margin-left: 64px !important;
    max-width: min(560px, calc(100% - 84px)) !important;
  }
}

/* SAFAR modal reverse poem Nastaliq lock */
body.theme-custom .safar-product-modal .safar-modal-card-back .safar-modal-urdu-back,
body.theme-custom [id^="qv-"] .safar-modal-urdu-back {
  font-family: 'Noto Nastaliq Urdu' !important;
  font-style: normal !important;
  font-synthesis: none !important;
}
/* SAFAR product-title sans restoration */
body.theme-custom .safar-product-card .safar-card-title,
body.theme-custom .safar-product-card .safar-card-title a,
.safar-product-card h3.safar-card-title,
.safar-product-card h3.safar-card-title > a {
  font-family: 'Jost' !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-synthesis: none !important;
}
/* SAFAR canonical three-font system */
:root {
  --font-heading: 'Playfair Display' !important;
  --font-body: 'Jost' !important;
  --font-urdu: 'Noto Nastaliq Urdu' !important;
}
html body.theme-custom,
body.theme-custom p,
body.theme-custom a,
body.theme-custom button,
body.theme-custom label,
body.theme-custom input,
body.theme-custom select,
body.theme-custom textarea,
body.theme-custom li,
body.theme-custom small,
body.theme-custom blockquote,
body.theme-custom figcaption,
body.theme-custom table {
  font-family: 'Jost' !important;
  font-synthesis: none !important;
}
body.theme-custom h1,
body.theme-custom h2,
body.theme-custom h3,
body.theme-custom h1 *,
body.theme-custom h2 *,
body.theme-custom h3 * {
  font-family: 'Playfair Display' !important;
  font-synthesis: none !important;
}
body.theme-custom .safar-product-card .safar-card-title,
body.theme-custom .safar-product-card .safar-card-title *,
body.theme-custom .safar-modal-title,
body.theme-custom #gift-sets article h3,
body.theme-custom #gift-sets article h3 *,
body.theme-custom .product-title,
body.theme-custom .product-title * {
  font-family: 'Jost' !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-synthesis: none !important;
}
body.theme-custom .safar-deck-kicker,
body.theme-custom .safar-deck-desc,
body.theme-custom .safar-deck-meta,
body.theme-custom .safar-deck-price,
body.theme-custom .safar-deck-btn,
body.theme-custom .safar-story-lead,
body.theme-custom .safar-story-feature,
body.theme-custom .safar-story-facts,
body.theme-custom .safar-anatomy__eyebrow,
body.theme-custom .safar-anatomy__intro,
body.theme-custom .safar-anatomy article p,
body.theme-custom .safar-diaspora__eyebrow,
body.theme-custom .safar-diaspora__avatar,
body.theme-custom .safar-diaspora p,
body.theme-custom .safar-site-footer,
body.theme-custom .safar-site-footer * {
  font-family: 'Jost' !important;
  font-synthesis: none !important;
}
html body.theme-custom .safar-deck-urdu,
html body.theme-custom .safar-card-urdu,
html body.theme-custom .safar-card-urdu-title,
html body.theme-custom .safar-modal-urdu-back,
html body.theme-custom .safar-modal-urdu-title,
html body.theme-custom .safar-modal-quote-urdu,
html body.theme-custom .safar-set-urdu,
html body.theme-custom .safar-face-back [dir='rtl'],
html body.theme-custom [lang='ur'],
html body.theme-custom [dir='rtl'][style*='Noto'],
html body.theme-custom [style*='Noto Nastaliq Urdu'] {
  font-family: 'Noto Nastaliq Urdu' !important;
  font-style: normal !important;
  font-synthesis: none !important;
}
/* SAFAR semantic Jost locks after full audit */
body.theme-custom .cart-label,
body.theme-custom .cart-drawer h3,
body.theme-custom [role='dialog'] h3,
body.theme-custom .safar-deck-stage-hint,
body.theme-custom .safar-deck-counter,
body.theme-custom #safar-deck-c-now,
body.theme-custom #safar-deck-c-total,
body.theme-custom .safar-deck-price,
body.theme-custom .safar-story-feature strong,
body.theme-custom .safar-story-feature span,
body.theme-custom .safar-story-facts strong,
body.theme-custom .safar-story-facts span,
body.theme-custom .safar-set-number,
body.theme-custom .safar-anatomy__eyebrow,
body.theme-custom .safar-anatomy__intro,
body.theme-custom .safar-anatomy p,
body.theme-custom .safar-diaspora__eyebrow,
body.theme-custom .safar-diaspora__stars,
body.theme-custom .safar-diaspora__avatar,
body.theme-custom .safar-diaspora strong,
body.theme-custom .safar-diaspora span,
body.theme-custom .safar-diaspora p {
  font-family: 'Jost' !important;
  font-synthesis: none !important;
}