/* v151 — exact approved ornamental story design; #story only. */
#story{padding:22px 0 30px!important;background:#fffdfa!important}
#story>.container.story-grid{
  position:relative!important;box-sizing:border-box!important;display:grid!important;
  width:min(1120px,calc(100% - 48px))!important;max-width:1120px!important;height:auto!important;min-height:0!important;
  margin:0 auto!important;padding:30px 34px!important;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)!important;gap:34px!important;align-items:center!important;
  overflow:hidden!important;border:1px solid #d9b56c!important;border-radius:24px!important;
  background:linear-gradient(145deg,#fffdf9,#fffaf0)!important;
  box-shadow:0 13px 30px rgba(82,59,25,.08),inset 0 0 0 7px #fffdf8,inset 0 0 0 8px rgba(217,181,108,.42)!important;
}
#story>.container.story-grid::before,#story>.container.story-grid::after{
  content:""!important;position:absolute!important;z-index:0!important;width:155px!important;height:155px!important;pointer-events:none!important;
  background:url('./v96-iranian-flower-logo.svg') center/contain no-repeat!important;opacity:.16!important;
}
#story>.container.story-grid::before{top:-49px!important;left:-42px!important;transform:rotate(-18deg)!important}
#story>.container.story-grid::after{right:-39px!important;bottom:-52px!important;transform:rotate(164deg)!important}
#story .story{position:relative!important;z-index:1!important;display:block!important;grid-column:2!important;grid-row:1!important;width:auto!important;padding:4px 0!important;text-align:right!important}
#story .story>.eyebrow{
  display:inline-flex!important;width:max-content!important;min-height:44px!important;margin:0 0 17px!important;padding:7px 19px 7px 54px!important;align-items:center!important;
  border:1px solid #c99338!important;border-radius:14px 7px 14px 7px!important;
  background:#fffdf8 url('./v99-approved-logo.webp?v=99') 14px center/31px 31px no-repeat!important;
  color:#98661b!important;font-size:13px!important;font-weight:900!important;box-shadow:0 4px 12px rgba(130,90,24,.06)!important;
}
#story .story>h2{max-width:475px!important;margin:0 0 14px!important;color:#09233d!important;font-size:31px!important;font-weight:950!important;line-height:1.5!important}
#story .story>p{display:block!important;max-width:480px!important;margin:0!important;color:#57645f!important;font-size:12.5px!important;line-height:2!important;overflow:visible!important}
#story .features{position:relative!important;z-index:1!important;display:grid!important;grid-column:1!important;grid-row:1!important;width:auto!important;height:auto!important;margin:0!important;padding-left:24px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;border:0!important;border-left:1px solid #ead9b8!important}
#story .feature{
  box-sizing:border-box!important;display:grid!important;min-width:0!important;min-height:115px!important;height:auto!important;padding:13px!important;
  grid-template-columns:58px minmax(0,1fr)!important;grid-template-rows:none!important;gap:11px!important;align-items:center!important;
  border:1px solid #ead6ad!important;border-radius:13px!important;background:rgba(255,255,255,.78)!important;text-align:right!important;
  box-shadow:0 7px 15px rgba(91,63,20,.055)!important;
}
#story .feature:nth-child(n){border-right:1px solid #ead6ad!important;border-bottom:1px solid #ead6ad!important}
#story .feature i{display:grid!important;width:54px!important;height:54px!important;margin:0!important;place-items:center!important;border:1px dotted #d6a950!important;border-radius:50%!important;background:#fbf3e3!important;color:transparent!important;font-size:0!important}
#story .feature i::before{color:#08745f!important;line-height:1!important}
#story .feature:nth-child(1) i::before{content:"⌕"!important;font-size:30px!important;transform:rotate(-12deg)!important}
#story .feature:nth-child(2) i::before{content:"▤"!important;font-size:27px!important}
#story .feature:nth-child(3) i::before{content:"♢"!important;font-size:32px!important}
#story .feature:nth-child(4) i::before{content:"▣"!important;font-size:25px!important}
#story .feature b{display:block!important;color:#09233d!important;font-size:13px!important;font-weight:900!important;line-height:1.55!important}
#story .feature small{display:block!important;margin-top:5px!important;color:#6e7874!important;font-size:9px!important;line-height:1.55!important}
@media(max-width:700px){
  #story{padding:17px 0 24px!important}
  #story>.container.story-grid{display:flex!important;width:calc(100% - 28px)!important;max-width:520px!important;height:auto!important;min-height:0!important;padding:18px 12px 13px!important;flex-direction:column!important;gap:12px!important;overflow:hidden!important;border-radius:20px!important}
  #story>.container.story-grid::before,#story>.container.story-grid::after{width:95px!important;height:95px!important;opacity:.13!important}
  #story>.container.story-grid::before{top:-31px!important;left:-25px!important}
  #story>.container.story-grid::after{right:-25px!important;bottom:-31px!important}
  #story .story{width:100%!important;padding:0!important}
  #story .story>.eyebrow{min-height:34px!important;margin-bottom:10px!important;padding:5px 12px 5px 41px!important;border-radius:11px 6px 11px 6px!important;background-size:25px 25px!important;background-position:10px center!important;font-size:10px!important}
  #story .story>h2{max-width:none!important;margin-bottom:7px!important;font-size:22px!important;line-height:1.45!important}
  #story .story>p{max-width:none!important;font-size:9.5px!important;line-height:1.75!important}
  #story .features{width:100%!important;height:auto!important;padding:10px 0 0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;border:0!important;border-top:1px solid #ead9b8!important}
  #story .feature{min-height:92px!important;padding:8px 4px!important;grid-template-columns:1fr!important;grid-template-rows:38px auto!important;gap:4px!important;text-align:center!important;border-radius:10px!important}
  #story .feature i{width:36px!important;height:36px!important;margin:auto!important}
  #story .feature:nth-child(1) i::before{font-size:21px!important}
  #story .feature:nth-child(2) i::before{font-size:19px!important}
  #story .feature:nth-child(3) i::before{font-size:22px!important}
  #story .feature:nth-child(4) i::before{font-size:18px!important}
  #story .feature b{font-size:9px!important;line-height:1.4!important}
  #story .feature small{margin-top:2px!important;font-size:7px!important;line-height:1.4!important}
}
@media(max-width:360px){#story>.container.story-grid{width:calc(100% - 18px)!important;padding-inline:9px!important}#story .feature b{font-size:8.5px!important}#story .feature small{font-size:6.5px!important}}
