{"id":76,"date":"2026-03-25T08:39:04","date_gmt":"2026-03-25T08:39:04","guid":{"rendered":"https:\/\/store.saiacs.org\/?page_id=76"},"modified":"2026-04-07T06:06:10","modified_gmt":"2026-04-07T06:06:10","slug":"saiacs-store","status":"publish","type":"page","link":"https:\/\/store.saiacs.org\/","title":{"rendered":"SAIACS STORE"},"content":{"rendered":"\n\n\n<div class=\"wp-block-greenshift-blocks-row alignfull gspb_row gspb_row-id-gsbp-3311999\" id=\"gspb_row-id-gsbp-3311999\"><div class=\"gspb_backgroundOverlay\"><\/div>\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--12 gspb_col-id-gsbp-b13cf4c\" id=\"gspb_col-id-gsbp-b13cf4c\">\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&#038;family=Jost:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --navy:        #1A2549;\n    --sky:         #95C3F0;\n    --sky-light:   #C2DEFA;\n    --white:       #FFFFFF;\n    --text-soft:   rgba(255,255,255,0.85);\n  }\n\n  body {\n    background: var(--navy);\n    font-family: 'Jost', sans-serif;\n  }\n\n  \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .christian-hero {\n    position: relative;\n    height: 100vh;\n    min-height: 640px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    overflow: hidden;\n  }\n\n  \/* Background photo *\/\n  .hero-bg {\n    position: absolute; inset: 0;\n    background: url('https:\/\/store.saiacs.org\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-10.30.41-AM.jpeg')\n                center center \/ cover no-repeat;\n    transform: scale(1.06);\n    animation: slowZoom 18s ease-in-out infinite alternate;\n  }\n\n  @keyframes slowZoom {\n    from { transform: scale(1.06); }\n    to   { transform: scale(1.14); }\n  }\n\n  \/* Dark black overlay *\/\n  .hero-overlay {\n    position: absolute; inset: 0;\n    background: rgba(0,0,0,0.75);\n    z-index: 1;\n  }\n\n  \/* Fine grain texture *\/\n  .hero-overlay::after {\n    content: '';\n    position: absolute; inset: 0;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\n    opacity: 0.5;\n    mix-blend-mode: overlay;\n    pointer-events: none;\n  }\n\n  \/* \u2500\u2500\u2500 CONTENT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .hero-container {\n    position: relative;\n    z-index: 3;\n    max-width: 800px;\n    padding: 0 32px;\n    animation: fadeUp .9s cubic-bezier(.22,1,.36,1) both;\n  }\n\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(32px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* Badge *\/\n  .hero-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 20px 6px 14px;\n    border-radius: 25px;\n    background: rgba(149,195,240,0.12);\n    border: 1px solid rgba(149,195,240,0.40);\n    font-size: 10px;\n    letter-spacing: 3px;\n    font-weight: 500;\n    font-family: 'Jost', sans-serif;\n    text-transform: uppercase;\n    color: var(--sky-light);\n    margin-bottom: 26px;\n    animation: fadeUp .9s .20s cubic-bezier(.22,1,.36,1) both;\n  }\n  .hero-badge::before {\n    content: '\u2726';\n    font-size: 8px;\n    opacity: 0.8;\n  }\n\n  \/* Title *\/\n  .hero-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(46px, 7vw, 82px);\n    line-height: 1.1;\n    color: var(--white);\n    margin-bottom: 24px;\n    font-weight: 700;\n    letter-spacing: -0.5px;\n    animation: fadeUp .9s .28s cubic-bezier(.22,1,.36,1) both;\n  }\n  .hero-title em {\n    font-style: italic;\n    font-weight: 700;\n    color: var(--sky);\n  }\n\n  \/* Divider *\/\n  .hero-divider {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    margin: 0 auto 26px;\n    max-width: 240px;\n    animation: fadeUp .9s .34s cubic-bezier(.22,1,.36,1) both;\n  }\n  .hero-divider span { flex: 1; height: 1px; background: rgba(149,195,240,0.40); }\n  .hero-divider i { color: var(--sky); font-style: normal; font-size: 12px; }\n\n  \/* Paragraph *\/\n  .hero-text {\n    font-family: 'Jost', sans-serif;\n    font-size: 16px;\n    color: var(--text-soft);\n    line-height: 1.8;\n    max-width: 580px;\n    margin: 0 auto 40px;\n    font-weight: 500;\n    letter-spacing: 0.2px;\n    animation: fadeUp .9s .40s cubic-bezier(.22,1,.36,1) both;\n  }\n\n  \/* Buttons *\/\n  .hero-buttons {\n    display: flex;\n    justify-content: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    animation: fadeUp .9s .48s cubic-bezier(.22,1,.36,1) both;\n  }\n\n  .btn-primary {\n    position: relative;\n    overflow: hidden;\n    background: #95c3f0 ;\n    color: var(--navy);\n    padding: 15px 44px;\n    border-radius: 2px;\n    text-decoration: none;\n    font-family: 'Jost', sans-serif;\n    font-weight: 600;\n    font-size: 14px;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    transition: all .3s ease;\n    border: 1px solid var(--navy);\n    box-shadow: 0 4px 24px rgba(26,37,73,0.45);\n    display: inline-block;\n  }\n  .btn-primary::after {\n    content: '';\n    position: absolute; inset: 0;\n    background: rgba(149,195,240,0);\n    transition: background .3s;\n  }\n  .btn-primary:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 10px 34px rgba(26,37,73,0.55);\n    border-color: var(--sky);\n  }\n  .btn-primary:hover::after { background: rgba(149,195,240,0.10); }\n\n  \/* \u2500\u2500\u2500 SCROLL INDICATOR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .scroll-hint {\n    position: absolute;\n    bottom: 38px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 3;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    animation: fadeUp .9s .7s both;\n  }\n  .scroll-hint span {\n    font-family: 'Jost', sans-serif;\n    font-size: 9px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.55);\n  }\n  .scroll-mouse {\n    width: 20px; height: 32px;\n    border: 1px solid rgba(255,255,255,0.40);\n    border-radius: 10px;\n    display: flex;\n    justify-content: center;\n    padding-top: 5px;\n  }\n  .scroll-dot {\n    width: 3px; height: 7px;\n    background: var(--white);\n    border-radius: 2px;\n    animation: scrollBounce 1.8s ease-in-out infinite;\n  }\n  @keyframes scrollBounce {\n    0%,100% { transform: translateY(0); opacity: 1; }\n    60%      { transform: translateY(8px); opacity: 0; }\n  }\n\n  \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  @media (max-width: 768px) {\n    .hero-title { font-size: 40px; }\n    .hero-text  { font-size: 15px; }\n    .btn-primary { padding: 13px 32px; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"christian-hero\">\n  <div class=\"hero-bg\"><\/div>\n  <div class=\"hero-overlay\"><\/div>\n\n  <div class=\"hero-container\">\n    <div class=\"hero-badge\">Excellence for Service<\/div>\n\n    <h1 class=\"hero-title\">\n      Theological <em>Depth.<\/em><br>\n      Ministerial <em>Impact.<\/em>\n    <\/h1>\n\n    <div class=\"hero-divider\">\n      <span><\/span>\n      <i>\u2726<\/i>\n      <span><\/span>\n    <\/div>\n\n    <p class=\"hero-text\">\n      Discover trusted Christian books, biblical scholarship, and ministry resources\n      designed to deepen faith, strengthen theological understanding, and equip\n      leaders for faithful service.\n    <\/p>\n\n    <div class=\"hero-buttons\">\n      <a href=\"https:\/\/store.saiacs.org\/?post_type=product\" class=\"btn-primary\">Explore Collection<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"scroll-hint\">\n    <div class=\"scroll-mouse\"><div class=\"scroll-dot\"><\/div><\/div>\n    <span>Scroll<\/span>\n  <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row alignfull gspb_row gspb_row-id-gsbp-df48c45\" id=\"gspb_row-id-gsbp-df48c45\"><div class=\"gspb_backgroundOverlay\"><\/div>\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--12 gspb_col-id-gsbp-d013b1f\" id=\"gspb_col-id-gsbp-d013b1f\">\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&#038;family=Jost:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --navy:        #1A2549;\n    --sky:         #95C3F0;\n    --sky-light:   #C2DEFA;\n    --white:       #FFFFFF;\n    --text-soft:   rgba(255,255,255,0.85);\n  }\n\n  body {\n    background: var(--navy);\n    font-family: 'Jost', sans-serif;\n  }\n\n  \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .christian-hero {\n    position: relative;\n    height: 100vh;\n    min-height: 600px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    overflow: hidden;\n  }\n\n  \/* Background photo *\/\n  .hero-bg {\n    position: absolute; inset: 0;\n    background: url('https:\/\/store.saiacs.org\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-10.30.41-AM.jpeg')\n                center center \/ cover no-repeat;\n    transform: scale(1.06);\n    animation: slowZoom 18s ease-in-out infinite alternate;\n  }\n\n  @keyframes slowZoom {\n    from { transform: scale(1.06); }\n    to   { transform: scale(1.14); }\n  }\n\n  \/* Dark black overlay *\/\n  .hero-overlay {\n    position: absolute; inset: 0;\n    background: rgba(0,0,0,0.75);\n    z-index: 1;\n  }\n\n  \/* Fine grain texture *\/\n  .hero-overlay::after {\n    content: '';\n    position: absolute; inset: 0;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\n    opacity: 0.5;\n    mix-blend-mode: overlay;\n    pointer-events: none;\n  }\n\n  \/* \u2500\u2500\u2500 CONTENT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .hero-container {\n    position: relative;\n    z-index: 3;\n    max-width: 800px;\n    padding: 0 32px;\n    animation: fadeUp .9s cubic-bezier(.22,1,.36,1) both;\n  }\n\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(32px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* Badge *\/\n  .hero-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 20px 6px 14px;\n    border-radius: 25px;\n    background: rgba(149,195,240,0.12);\n    border: 1px solid rgba(149,195,240,0.40);\n    font-size: 10px;\n    letter-spacing: 3px;\n    font-weight: 500;\n    font-family: 'Jost', sans-serif;\n    text-transform: uppercase;\n    color: var(--sky-light);\n    margin-bottom: 26px;\n    animation: fadeUp .9s .20s cubic-bezier(.22,1,.36,1) both;\n  }\n  .hero-badge::before {\n    content: '\u2726';\n    font-size: 8px;\n    opacity: 0.8;\n  }\n\n  \/* Title *\/\n  .hero-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(40px, 7vw, 82px);\n    line-height: 1.1;\n    color: var(--white);\n    margin-bottom: 24px;\n    font-weight: 700;\n    letter-spacing: -0.5px;\n    animation: fadeUp .9s .28s cubic-bezier(.22,1,.36,1) both;\n  }\n  .hero-title em {\n    font-style: italic;\n    font-weight: 700;\n    color: var(--sky);\n  }\n\n  \/* Divider *\/\n  .hero-divider {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    margin: 0 auto 26px;\n    max-width: 240px;\n    animation: fadeUp .9s .34s cubic-bezier(.22,1,.36,1) both;\n  }\n  .hero-divider span { flex: 1; height: 1px; background: rgba(149,195,240,0.40); }\n  .hero-divider i { color: var(--sky); font-style: normal; font-size: 12px; }\n\n  \/* Paragraph *\/\n  .hero-text {\n    font-family: 'Jost', sans-serif;\n    font-size: 16px;\n    color: var(--text-soft);\n    line-height: 1.8;\n    max-width: 580px;\n    margin: 0 auto 40px;\n    font-weight: 500;\n    letter-spacing: 0.2px;\n    animation: fadeUp .9s .40s cubic-bezier(.22,1,.36,1) both;\n  }\n\n  \/* Buttons *\/\n  .hero-buttons {\n    display: flex;\n    justify-content: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    animation: fadeUp .9s .48s cubic-bezier(.22,1,.36,1) both;\n  }\n\n  .btn-primary {\n    position: relative;\n    overflow: hidden;\n    background: #95c3f0 ;\n    color: var(--navy);\n    padding: 15px 44px;\n    border-radius: 2px;\n    text-decoration: none;\n    font-family: 'Jost', sans-serif;\n    font-weight: 600;\n    font-size: 14px;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    transition: all .3s ease;\n    border: 1px solid var(--navy);\n    box-shadow: 0 4px 24px rgba(26,37,73,0.45);\n    display: inline-block;\n  }\n  .btn-primary::after {\n    content: '';\n    position: absolute; inset: 0;\n    background: rgba(149,195,240,0);\n    transition: background .3s;\n  }\n  .btn-primary:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 10px 34px rgba(26,37,73,0.55);\n    border-color: var(--sky);\n  }\n  .btn-primary:hover::after { background: rgba(149,195,240,0.10); }\n\n  \/* \u2500\u2500\u2500 SCROLL INDICATOR \u2500\u2500\u2500 *\/\n  .scroll-hint {\n    position: absolute;\n    bottom: 38px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 3;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    animation: fadeUp .9s .7s both;\n  }\n  .scroll-hint span {\n    font-family: 'Jost', sans-serif;\n    font-size: 9px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.55);\n  }\n  .scroll-mouse {\n    width: 20px; height: 32px;\n    border: 1px solid rgba(255,255,255,0.40);\n    border-radius: 10px;\n    display: flex;\n    justify-content: center;\n    padding-top: 5px;\n  }\n  .scroll-dot {\n    width: 3px; height: 7px;\n    background: var(--white);\n    border-radius: 2px;\n    animation: scrollBounce 1.8s ease-in-out infinite;\n  }\n  @keyframes scrollBounce {\n    0%,100% { transform: translateY(0); opacity: 1; }\n    60%      { transform: translateY(8px); opacity: 0; }\n  }\n\n  \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  @media (max-width: 1024px) {\n    \/* Kept the scroll hint hidden as it usually gets in the way on mobile\/touch *\/\n    .scroll-hint { \n      display: none !important; \n    }\n\n    .hero-title { \n      font-size: 44px; \n      margin-bottom: 20px;\n    }\n    \n    .hero-text {\n      font-size: 15px;\n      line-height: 1.6;\n      max-width: 90%;\n      margin-bottom: 30px;\n    }\n\n    .hero-divider {\n      margin-bottom: 25px;\n    }\n\n    .btn-primary { \n      padding: 14px 36px; \n    }\n\n    .hero-overlay {\n      background: rgba(0,0,0,0.8);\n    }\n  }\n\n  @media (max-width: 480px) {\n    .hero-title { font-size: 38px; }\n    .hero-container { padding: 0 24px; }\n    .hero-text { font-size: 14px; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"christian-hero\">\n  <div class=\"hero-bg\"><\/div>\n  <div class=\"hero-overlay\"><\/div>\n\n  <div class=\"hero-container\">\n    <div class=\"hero-badge\">Excellence for Service<\/div>\n\n    <h1 class=\"hero-title\">\n      Theological <em>Depth.<\/em><br>\n      Ministerial <em>Impact.<\/em>\n    <\/h1>\n\n    <div class=\"hero-divider\">\n      <span><\/span>\n      <i>\u2726<\/i>\n      <span><\/span>\n    <\/div>\n\n    <p class=\"hero-text\">\n      Discover trusted Christian books, biblical scholarship, and ministry resources\n      designed to deepen faith, strengthen theological understanding, and equip\n      leaders for faithful service.\n    <\/p>\n\n    <div class=\"hero-buttons\">\n      <a href=\"https:\/\/store.saiacs.org\/?post_type=product\" class=\"btn-primary\">Explore Collection<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"scroll-hint\">\n    <div class=\"scroll-mouse\"><div class=\"scroll-dot\"><\/div><\/div>\n    <span>Scroll<\/span>\n  <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row alignfull gspb_row gspb_row-id-gsbp-866cc44\" id=\"gspb_row-id-gsbp-866cc44\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--12 gspb_col-id-gsbp-c28ccc3\" id=\"gspb_col-id-gsbp-c28ccc3\">\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Newest Editions Section<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;1,700&#038;family=Inter:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Inter', sans-serif;\n            margin: 0;\n            background-color: #f8fafc;\n        }\n\n        .serif-font {\n            font-family: 'Playfair Display', serif;\n        }\n\n        \/* Base Background with Radial Glows *\/\n        .bg-custom-blue {\n            background-color: #183154;\n            background-image: \n                radial-gradient(circle at 0% 0%, rgba(255, 255, 255, 0.08) 0%, transparent 40%),\n                radial-gradient(circle at 100% 100%, rgba(255, 255, 255, 0.05) 0%, transparent 40%);\n        }\n\n        \/* Subtle Noise Overlay *\/\n        .bg-noise {\n            position: absolute;\n            inset: 0;\n            opacity: 0.15;\n            pointer-events: none;\n            background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\n        }\n\n        \/* Glassmorphism card effect *\/\n        .glass-card {\n            background: rgba(255, 255, 255, 0.07);\n            backdrop-filter: blur(20px);\n            -webkit-backdrop-filter: blur(20px);\n            border: 1px solid rgba(255, 255, 255, 0.12);\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .glass-card:hover {\n            background: rgba(255, 255, 255, 0.12);\n            border-color: rgba(255, 255, 255, 0.25);\n            transform: translateY(-4px);\n        }\n\n        \/* Book Image Styling *\/\n        .book-thumbnail {\n            width: 60px; \/* Smaller book icon *\/\n            height: auto;\n            border-radius: 2px;\n            filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.4));\n            transition: transform 0.3s ease, filter 0.3s ease;\n        }\n\n        .book-link:hover .book-thumbnail {\n            transform: scale(1.05);\n            filter: drop-shadow(0 8px 15px rgba(0, 0, 0, 0.6));\n        }\n\n        \/* Seamless Read More Logic *\/\n        .expandable-content {\n            display: none; \/* Default hidden *\/\n        }\n\n        .expandable-content.expanded {\n            display: contents; \/* Makes it act as if it's not wrapped in a div *\/\n        }\n\n        @keyframes slideUp {\n            from { opacity: 0; transform: translateY(15px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .animate-up {\n            animation: slideUp 0.6s ease-out forwards;\n        }\n\n        .delay-1 { animation-delay: 0.1s; }\n        .delay-2 { animation-delay: 0.2s; }\n    <\/style>\n<\/head>\n<body class=\"p-4 md:p-8 min-h-screen flex items-center justify-center\">\n\n    <section class=\"bg-custom-blue w-full max-w-[1100px] mx-auto rounded-[2rem] px-8 py-10 md:px-12 md:py-14 relative overflow-hidden shadow-2xl animate-up\">\n        \n        <div class=\"bg-noise\"><\/div>\n        \n        <!-- Background Motif -->\n        <div class=\"absolute top-0 right-0 w-64 h-full opacity-10 pointer-events-none transform translate-x-12 -translate-y-12 rotate-[15deg]\">\n            <svg viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-full h-full\">\n                <rect x=\"10\" y=\"10\" width=\"55\" height=\"85\" rx=\"5\" stroke=\"white\" stroke-width=\"2\"\/>\n                <rect x=\"30\" y=\"15\" width=\"55\" height=\"85\" rx=\"5\" stroke=\"white\" stroke-width=\"2\"\/>\n            <\/svg>\n        <\/div>\n\n        <div class=\"relative z-10 grid lg:grid-cols-12 gap-10 items-center\">\n            \n            <!-- Left Side -->\n            <div class=\"lg:col-span-5 text-left\">\n                <div class=\"mb-4\">\n                    <span class=\"bg-[#facc15] text-[#1a367e] px-3 py-1 rounded-full text-[9px] font-bold tracking-widest uppercase inline-block shadow-md\">\n                        Hot Off The Press\n                    <\/span>\n                <\/div>\n                <h2 class=\"serif-font text-3xl md:text-4xl lg:text-4xl text-white leading-tight mb-5 drop-shadow-sm\">\n                    Newest Editions from SAIACS Press.\n                <\/h2>\n                <a href=\"https:\/\/store.saiacs.org\/\" class=\"group inline-flex items-center text-[#facc15] font-bold text-[11px] tracking-widest uppercase transition-all hover:opacity-80\">\n                    See All New Arrivals\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-3.5 w-3.5 ml-2 transform group-hover:translate-x-1 transition-transform\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\n                    <\/svg>\n                <\/a>\n            <\/div>\n\n            <!-- Right Side -->\n            <div class=\"lg:col-span-7 grid md:grid-cols-2 gap-5 items-stretch opacity-0 animate-up delay-1\">\n                \n                <!-- Card 1 -->\n                <div class=\"glass-card p-6 rounded-[1.5rem] text-white\">\n                    <div class=\"flex-grow\">\n                        <!-- Book Link Updated -->\n                        <a href=\"https:\/\/store.saiacs.org\/?product=contextual-theology\" class=\"book-link inline-block mb-4\">\n                            <img decoding=\"async\" src=\"https:\/\/store.saiacs.org\/wp-content\/uploads\/2026\/03\/Nicaea-front-scaled.jpg\" class=\"book-thumbnail\" alt=\"Nicaea 325 Book\" onerror=\"this.src='https:\/\/via.placeholder.com\/60x85?text=Book'\">\n                        <\/a>\n                        <h3 class=\"serif-font text-lg text-white font-bold mb-1.5 uppercase leading-snug\">NICAEA 325 &#8211; 2025 C.E.<\/h3>\n                        <div class=\"text-white\/80 text-[13px] leading-relaxed font-light\">\n                           This volume presents papers from the 8th SAIACS Consultation&#8230;<span class=\"expandable-content\" id=\"content-1\"> exploring Nicaea\u2019s enduring relevance for theology, church identity, and witness today. It brings together diverse scholars to reflect on how a 1,700-year-old creed continues to shape the contemporary global Christian landscape.<\/span>\n                        <\/div>\n                    <\/div>\n                    <button onclick=\"toggleReadMore('content-1', this)\" class=\"mt-4 text-[#facc15] text-[9px] font-bold uppercase tracking-widest hover:underline flex items-center gap-1\">\n                        Read More <svg class=\"w-2.5 h-2.5 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                    <\/button>\n                <\/div>\n\n                <!-- Card 2 -->\n                <div class=\"glass-card p-6 rounded-[1.5rem] text-white opacity-0 animate-up delay-2\">\n                    <div class=\"flex-grow\">\n                        <!-- Book Link Updated -->\n                        <a href=\"https:\/\/store.saiacs.org\/?product=the-church-in-action-what-churches-do\" class=\"book-link inline-block mb-4\">\n                            <img decoding=\"async\" src=\"https:\/\/store.saiacs.org\/wp-content\/uploads\/2026\/03\/COVER_front-scaled.jpg\" class=\"book-thumbnail\" alt=\"The Apostle Thomas Book\" onerror=\"this.src='https:\/\/via.placeholder.com\/60x85?text=Book'\">\n                        <\/a>\n                        <h3 class=\"serif-font text-lg text-white font-bold mb-1.5 uppercase leading-snug\">The Apostle Thomas<\/h3>\n                        <div class=\"text-white\/80 text-[13px] leading-relaxed font-light\">\n                           Ranjan Abraham traces Apostle Thomas traditions, early Christianity&#8230;<span class=\"expandable-content\" id=\"content-2\"> beyond the Mediterranean, and Malabar Coast communities, highlighting global faith\u2019s apostolic roots. The research provides deep insights into the historical and spiritual journey of the Saint.<\/span>\n                        <\/div>\n                    <\/div>\n                    <button onclick=\"toggleReadMore('content-2', this)\" class=\"mt-4 text-[#facc15] text-[9px] font-bold uppercase tracking-widest hover:underline flex items-center gap-1\">\n                        Read More <svg class=\"w-2.5 h-2.5 transition-transform\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n                    <\/button>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/section>\n\n    <script>\n        function toggleReadMore(contentId, btn) {\n            const content = document.getElementById(contentId);\n            const isExpanded = content.classList.contains('expanded');\n            const svg = btn.querySelector('svg');\n            const textNode = btn.childNodes[0];\n\n            if (isExpanded) {\n                content.classList.remove('expanded');\n                textNode.textContent = 'Read More ';\n                svg.style.transform = 'rotate(0deg)';\n            } else {\n                content.classList.add('expanded');\n                textNode.textContent = 'Read Less ';\n                svg.style.transform = 'rotate(180deg)';\n            }\n        }\n    <\/script>\n<\/body>\n<\/html>\n<\/div>\n <\/div><\/div>\n\n\n\n<p class=\"has-background has-small-font-size\" style=\"background-color:#ffffff00;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)\"><\/p>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row alignfull gspb_row gspb_row-id-gsbp-14533e9\" id=\"gspb_row-id-gsbp-14533e9\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--12 gspb_col-id-gsbp-8ca3216\" id=\"gspb_col-id-gsbp-8ca3216\">\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Featured Books &#8211; Christian Bookstore<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&#038;family=Inter:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Inter', sans-serif;\n            margin: 0;\n            background-color: #ffffff;\n        }\n\n        .serif-font {\n            font-family: 'Playfair Display', serif;\n        }\n\n        .book-card {\n            transition: all 0.4s ease;\n            width: 100%;\n            max-width: 260px;\n            margin: 0 auto;\n            display: block;\n        }\n\n        .book-image-wrapper {\n            position: relative;\n            aspect-ratio: 3\/4.5;\n            width: 100%;\n            display: flex;\n            align-items: flex-end;\n            justify-content: center;\n            margin-bottom: 1rem;\n            transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n            transform-origin: center bottom;\n            cursor: pointer;\n        }\n\n        .book-image-wrapper img {\n            max-width: 100%;\n            max-height: 100%;\n            object-fit: contain;\n            filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.1));\n            transition: filter 0.5s ease;\n        }\n\n        @media (hover: hover) {\n            .book-card:hover .book-image-wrapper {\n                transform: scale(1.06);\n            }\n            .book-card:hover img {\n                filter: drop-shadow(0 25px 35px rgba(0, 0, 0, 0.18));\n            }\n        }\n\n        .title-underline {\n            width: 50px;\n            height: 4px;\n            background-color: #facc15;\n            margin-top: 10px;\n        }\n\n        .price-tag {\n            font-weight: 800;\n            letter-spacing: -0.025em;\n            color: #1e293b;\n        }\n\n        .series-tag {\n            font-size: 9px;\n            font-weight: 700;\n            letter-spacing: 0.12em;\n            text-transform: uppercase;\n            color: #3b82f6;\n            display: block;\n        }\n        \n        .author-text {\n            color: #64748b;\n            font-size: 0.75rem;\n            font-style: italic;\n            display: block;\n        }\n\n        .cart-btn {\n            color: #cbd5e1;\n            transition: all 0.2s ease;\n            background: none;\n            border: none;\n            padding: 8px;\n            cursor: pointer;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .book-card:hover .cart-btn {\n            color: #94a3b8;\n        }\n\n        .cart-btn:hover {\n            color: #1e293b !important;\n            background-color: #f1f5f9;\n            transform: scale(1.1);\n        }\n\n        \/* Loading Spinner *\/\n        .cart-btn.loading svg {\n            animation: spin 1s linear infinite;\n        }\n\n        @keyframes spin {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }\n\n        #toast {\n            visibility: hidden;\n            min-width: 280px;\n            background-color: #1e293b;\n            color: #fff;\n            text-align: center;\n            border-radius: 8px;\n            padding: 16px;\n            position: fixed;\n            z-index: 1000;\n            left: 50%;\n            bottom: 30px;\n            transform: translateX(-50%);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n            font-size: 14px;\n        }\n\n        #toast.show {\n            visibility: visible;\n            animation: fadein 0.5s, fadeout 0.5s 2.5s;\n        }\n\n        @keyframes fadein { from { bottom: 0; opacity: 0; } to { bottom: 30px; opacity: 1; } }\n        @keyframes fadeout { from { bottom: 30px; opacity: 1; } to { bottom: 0; opacity: 0; } }\n    <\/style>\n<\/head>\n<body class=\"py-12 md:py-20 px-4 md:px-6\">\n\n    <div class=\"max-w-6xl mx-auto\">\n        <div class=\"flex flex-col md:flex-row justify-between items-start md:items-end mb-12 md:mb-16 gap-6\">\n            <div>\n                <h2 class=\"serif-font text-3xl md:text-5xl text-[#1e293b] tracking-tight\">Featured Books<\/h2>\n                <div class=\"title-underline\"><\/div>\n            <\/div>\n            <a href=\"https:\/\/store.saiacs.org\/\" class=\"group flex items-center text-[#1e293b] text-[10px] md:text-[11px] font-bold tracking-[0.15em] uppercase hover:text-blue-600 transition-colors\">\n                Explore Entire Bookstore\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-4 w-4 ml-2 transition-transform group-hover:translate-x-1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\" \/>\n                <\/svg>\n            <\/a>\n        <\/div>\n\n        <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-x-4 md:gap-x-8 gap-y-10 md:gap-y-16\">\n            \n            <!-- Book 1: Dear God -->\n            <div class=\"book-card group\">\n                <div onclick=\"window.location.href='https:\/\/store.saiacs.org\/?product=dear-god-welcome-to-my-work'\" class=\"book-image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/store.saiacs.org\/wp-content\/uploads\/2026\/03\/71nZkBKFEQL._SL1500_.jpg\" alt=\"Dear God\u2026 Welcome To My Work\">\n                <\/div>\n                <div class=\"space-y-1 md:space-y-2\">\n                    <span class=\"series-tag\">Done Series<\/span>\n                    <a href=\"https:\/\/store.saiacs.org\/?product=dear-god-welcome-to-my-work\" class=\"block\">\n                        <h3 class=\"serif-font text-sm md:text-lg text-[#1e293b] leading-tight group-hover:text-blue-700 transition-colors line-clamp-2\">Dear God\u2026 Welcome To My Work<\/h3>\n                    <\/a>\n                    <p class=\"author-text\">by Paul Balasundaram<\/p>\n                    <div class=\"flex justify-between items-center pt-2\">\n                        <span class=\"text-lg md:text-xl price-tag\">\u20b9450<\/span>\n                        <button onclick=\"handleAddToCart(this, '52')\" class=\"cart-btn\" title=\"Add to Cart\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Book 2: Apostle Thomas -->\n            <div class=\"book-card group\">\n                <div onclick=\"window.location.href='https:\/\/store.saiacs.org\/?product=the-church-in-action-what-churches-do'\" class=\"book-image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/store.saiacs.org\/wp-content\/uploads\/2026\/03\/COVER_front-scaled.jpg\" alt=\"The Apostle Thomas\">\n                <\/div>\n                <div class=\"space-y-1 md:space-y-2\">\n                    <span class=\"series-tag\">Spire Series<\/span>\n                    <a href=\"https:\/\/store.saiacs.org\/?product=the-church-in-action-what-churches-do\" class=\"block\">\n                        <h3 class=\"serif-font text-sm md:text-lg text-[#1e293b] leading-tight group-hover:text-blue-700 transition-colors line-clamp-2\">The Apostle Thomas and the Eastern Foundations of Faith<\/h3>\n                    <\/a>\n                    <p class=\"author-text\">by Benno van den Toren<\/p>\n                    <div class=\"flex justify-between items-center pt-2\">\n                        <span class=\"text-lg md:text-xl price-tag\">\u20b9700<\/span>\n                        <button onclick=\"handleAddToCart(this, '183')\" class=\"cart-btn\" title=\"Add to Cart\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Book 3: New Testament Greek -->\n            <div class=\"book-card group\">\n                <div onclick=\"window.location.href='https:\/\/store.saiacs.org\/?product=a-students-guide-to-new-testament-greek'\" class=\"book-image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/store.saiacs.org\/wp-content\/uploads\/2026\/03\/51zE6M08gqL.jpg\" alt=\"New Testament Greek\">\n                <\/div>\n                <div class=\"space-y-1 md:space-y-2\">\n                    <span class=\"series-tag\">Dome Series<\/span>\n                    <a href=\"https:\/\/store.saiacs.org\/?product=a-students-guide-to-new-testament-greek\" class=\"block\">\n                        <h3 class=\"serif-font text-sm md:text-lg text-[#1e293b] leading-tight group-hover:text-blue-700 transition-colors line-clamp-2\">A Student\u2019s Guide To New Testament Greek<\/h3>\n                    <\/a>\n                    <p class=\"author-text\">by Graham Simpson<\/p>\n                    <div class=\"flex justify-between items-center pt-2\">\n                        <span class=\"text-lg md:text-xl price-tag\">\u20b9350<\/span>\n                        <button onclick=\"handleAddToCart(this, '55')\" class=\"cart-btn\" title=\"Add to Cart\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Book 4: Humble Confidence -->\n            <div class=\"book-card group\">\n                <div onclick=\"window.location.href='https:\/\/store.saiacs.org\/?product=humble-confidence-a-model-for-interfaith-apologetics&#038;preview=true'\" class=\"book-image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/store.saiacs.org\/wp-content\/uploads\/2026\/03\/71brqUhwssL._SL1500_.jpg\" alt=\"Humble Confidence\">\n                <\/div>\n                <div class=\"space-y-1 md:space-y-2\">\n                    <span class=\"series-tag\">Spire Series<\/span>\n                    <a href=\"https:\/\/store.saiacs.org\/?product=humble-confidence-a-model-for-interfaith-apologetics&#038;preview=true\" class=\"block\">\n                        <h3 class=\"serif-font text-sm md:text-lg text-[#1e293b] leading-tight group-hover:text-blue-700 transition-colors line-clamp-2\">Humble Confidence \u2013 A Model for Interfaith Apologetics<\/h3>\n                    <\/a>\n                    <p class=\"author-text\">by Benno Van Den Toren and Kang-San Tan<\/p>\n                    <div class=\"flex justify-between items-center pt-2\">\n                        <span class=\"text-lg md:text-xl price-tag\">\u20b9800<\/span>\n                        <button onclick=\"handleAddToCart(this, '239')\" class=\"cart-btn\" title=\"Add to Cart\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <div id=\"toast\">Added to cart!<\/div>\n\n    <script>\n        function handleAddToCart(button, productId) {\n            button.classList.add('loading');\n            \n            \/\/ Standard WooCommerce Add to Cart URL using the numeric ID\n            const addToCartUrl = `https:\/\/store.saiacs.org\/?add-to-cart=${productId}`;\n            \n            \/\/ Attempt 1: Hidden Iframe (Best UX - no page reload)\n            let iframe = document.getElementById('cart-helper');\n            if (!iframe) {\n                iframe = document.createElement('iframe');\n                iframe.id = 'cart-helper';\n                iframe.style.display = 'none';\n                document.body.appendChild(iframe);\n            }\n            \n            iframe.src = addToCartUrl;\n            \n            iframe.onload = function() {\n                button.classList.remove('loading');\n                showToast(\"Book added to your shopping cart!\");\n                \n                \/\/ Trigger WooCommerce refresh if possible\n                if (window.parent && window.parent.jQuery) {\n                    window.parent.jQuery(window.parent.document.body).trigger('added_to_cart');\n                }\n            };\n\n            \/\/ Safety timeout: If iframe doesn't load in 5 seconds, fallback to direct link\n            setTimeout(() => {\n                if (button.classList.contains('loading')) {\n                    button.classList.remove('loading');\n                    \/\/ If background adding fails, we open it in a new tab as a fallback\n                    window.open(addToCartUrl, '_blank');\n                    showToast(\"Redirecting to checkout...\");\n                }\n            }, 5000);\n        }\n\n        function showToast(message) {\n            const toast = document.getElementById(\"toast\");\n            toast.textContent = message;\n            toast.classList.add(\"show\");\n            setTimeout(() => toast.classList.remove(\"show\"), 3000);\n        }\n    <\/script>\n<\/body>\n<\/html>\n<\/div>\n <\/div><\/div>\n\n\n\n<p style=\"padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)\"><\/p>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row alignfull gspb_row gspb_row-id-gsbp-adbf5b2\" id=\"gspb_row-id-gsbp-adbf5b2\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--12 gspb_col-id-gsbp-098020c\" id=\"gspb_col-id-gsbp-098020c\">\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Featured Bibles &#8211; Christian Bookstore<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&#038;family=Inter:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Inter', sans-serif;\n            margin: 0;\n            background-color: #f0f7ff;\n        }\n\n        .serif-font {\n            font-family: 'Playfair Display', serif;\n        }\n\n        .bible-card {\n            background: #ffffff;\n            border-radius: 2rem;\n            padding: 2rem;\n            box-shadow: 0 10px 40px -15px rgba(0, 0, 0, 0.08);\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n        }\n\n        .bible-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.12);\n        }\n\n        .bible-image-container {\n            width: 100%;\n            aspect-ratio: 3\/4;\n            margin-bottom: 2rem;\n            border-radius: 1.5rem;\n            overflow: hidden;\n            background-color: #f8fafc;\n            cursor: pointer;\n        }\n\n        .bible-image-container img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.6s ease;\n        }\n\n        .bible-card:hover .bible-image-container img {\n            transform: scale(1.05);\n        }\n\n        .add-to-cart-btn {\n            background-color: #1A2549; \n            color: #ffffff;\n            padding: 0.85rem 1.75rem;\n            border-radius: 0.75rem;\n            font-size: 0.65rem;\n            font-weight: 700;\n            letter-spacing: 0.08em;\n            text-transform: uppercase;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 12px rgba(26, 37, 73, 0.2);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: none;\n            cursor: pointer;\n            min-width: 120px;\n        }\n\n        .add-to-cart-btn:hover {\n            background-color: #0f172a;\n            transform: scale(1.02);\n            box-shadow: 0 8px 20px rgba(26, 37, 73, 0.3);\n        }\n\n        .add-to-cart-btn.loading {\n            opacity: 0.7;\n            pointer-events: none;\n        }\n\n        .spinner {\n            display: none;\n            width: 14px;\n            height: 14px;\n            border: 2px solid rgba(255,255,255,0.3);\n            border-radius: 50%;\n            border-top-color: #fff;\n            animation: spin 0.8s linear infinite;\n            margin-right: 8px;\n        }\n\n        .add-to-cart-btn.loading .spinner {\n            display: block;\n        }\n\n        @keyframes spin {\n            to { transform: rotate(360deg); }\n        }\n\n        .price-text {\n            font-weight: 800;\n            font-size: 1.25rem;\n            color: #0f172a;\n        }\n\n        .bible-title {\n            font-size: 1.5rem;\n            color: #1e293b;\n            margin-bottom: 0.5rem;\n        }\n\n        .bible-description {\n            color: #94a3b8;\n            font-size: 0.85rem;\n            font-weight: 400;\n            margin-bottom: 2rem;\n        }\n\n        .title-accent {\n            width: 48px;\n            height: 4px;\n            background-color: #facc15;\n            margin: 12px 0;\n        }\n\n        #toast {\n            visibility: hidden;\n            min-width: 280px;\n            background-color: #1e293b;\n            color: #fff;\n            text-align: center;\n            border-radius: 8px;\n            padding: 16px;\n            position: fixed;\n            z-index: 1000;\n            left: 50%;\n            bottom: 30px;\n            transform: translateX(-50%);\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n            font-size: 14px;\n        }\n\n        #toast.show {\n            visibility: visible;\n            animation: fadein 0.5s, fadeout 0.5s 2.5s;\n        }\n\n        @keyframes fadein { from { bottom: 0; opacity: 0; } to { bottom: 30px; opacity: 1; } }\n        @keyframes fadeout { from { bottom: 30px; opacity: 1; } to { bottom: 0; opacity: 0; } }\n    <\/style>\n<\/head>\n<body class=\"py-24 px-6\">\n\n    <div class=\"max-w-6xl mx-auto\">\n        \n        <div class=\"mb-16 flex flex-col items-center text-center\">\n            <h2 class=\"serif-font text-4xl md:text-5xl text-[#1e293b]\">Featured Bibles<\/h2>\n            <div class=\"title-accent\"><\/div>\n            <p class=\"text-slate-500 mt-4 text-sm md:text-base font-light max-w-xl\">\n                Discover versions ranging from scholarly Study Bibles to illustrated editions for the young.\n            <\/p>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n            \n            <!-- Bible 1: ESV Study Bible -->\n            <div class=\"bible-card group\">\n                <div class=\"bible-image-container\" onclick=\"window.location.href='https:\/\/store.saiacs.org\/?product=esv-study-bible'\">\n                    <img decoding=\"async\" src=\"https:\/\/demos.abnyweb.in\/ftt\/wp-content\/uploads\/sites\/95\/2026\/03\/61gPEiyt0iL._SL1500_.jpg\" alt=\"ESV Study Bible\">\n                <\/div>\n                <h3 class=\"serif-font bible-title\">ESV Study Bible<\/h3>\n                <p class=\"bible-description\">Black Genuine Leather<\/p>\n                <div class=\"w-full flex justify-between items-center mt-auto\">\n                    <span class=\"price-text\">\u20b94,200<\/span>\n                    <button onclick=\"handleAddToCart(this, '211')\" class=\"add-to-cart-btn\">\n                        <div class=\"spinner\"><\/div>\n                        ADD TO CART\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Bible 2: NIV Journaling Bible -->\n            <div class=\"bible-card group\">\n                <div class=\"bible-image-container\" onclick=\"window.location.href='https:\/\/store.saiacs.org\/?product=niv-journaling-bible'\">\n                    <img decoding=\"async\" src=\"https:\/\/demos.abnyweb.in\/ftt\/wp-content\/uploads\/sites\/95\/2026\/03\/71OYdBObjOL._SL1500_.jpg\" alt=\"NIV Journaling Bible\">\n                <\/div>\n                <h3 class=\"serif-font bible-title\">NIV Journaling Bible<\/h3>\n                <p class=\"bible-description\">Floral Cloth Bound<\/p>\n                <div class=\"w-full flex justify-between items-center mt-auto\">\n                    <span class=\"price-text\">\u20b91,850<\/span>\n                    <button onclick=\"handleAddToCart(this, '201')\" class=\"add-to-cart-btn\">\n                        <div class=\"spinner\"><\/div>\n                        ADD TO CART\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Bible 3: CSB Kids Bible -->\n            <div class=\"bible-card group\">\n                <div class=\"bible-image-container\" onclick=\"window.location.href='https:\/\/store.saiacs.org\/?product=csb-kids-bible'\">\n                    <img decoding=\"async\" src=\"https:\/\/demos.abnyweb.in\/ftt\/wp-content\/uploads\/sites\/95\/2026\/03\/81grat0g0KL._SL1500_.jpg\" alt=\"CSB Kids Bible\">\n                <\/div>\n                <h3 class=\"serif-font bible-title\">CSB Kids Bible<\/h3>\n                <p class=\"bible-description\">Illustrated Edition<\/p>\n                <div class=\"w-full flex justify-between items-center mt-auto\">\n                    <span class=\"price-text\">\u20b9950<\/span>\n                    <button onclick=\"handleAddToCart(this, '212')\" class=\"add-to-cart-btn\">\n                        <div class=\"spinner\"><\/div>\n                        ADD TO CART\n                    <\/button>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <div id=\"toast\">Added to cart!<\/div>\n\n    <script>\n        function handleAddToCart(button, productId) {\n            button.classList.add('loading');\n            \n            \/\/ WooCommerce direct add-to-cart URL\n            const addToCartUrl = `https:\/\/store.saiacs.org\/?add-to-cart=${productId}`;\n            \n            \/\/ Create\/Get hidden iframe for background processing\n            let iframe = document.getElementById('cart-helper');\n            if (!iframe) {\n                iframe = document.createElement('iframe');\n                iframe.id = 'cart-helper';\n                iframe.style.display = 'none';\n                document.body.appendChild(iframe);\n            }\n            \n            iframe.src = addToCartUrl;\n            \n            iframe.onload = function() {\n                button.classList.remove('loading');\n                showToast(\"Bible added to your shopping cart!\");\n                \n                \/\/ Try to trigger a cart refresh on the parent site if this is an embedded frame\n                if (window.parent && window.parent.jQuery) {\n                    window.parent.jQuery(window.parent.document.body).trigger('added_to_cart');\n                }\n            };\n\n            \/\/ Fallback for safety\n            setTimeout(() => {\n                if (button.classList.contains('loading')) {\n                    button.classList.remove('loading');\n                    window.open(addToCartUrl, '_blank');\n                }\n            }, 5000);\n        }\n\n        function showToast(message) {\n            const toast = document.getElementById(\"toast\");\n            toast.textContent = message;\n            toast.classList.add(\"show\");\n            setTimeout(() => toast.classList.remove(\"show\"), 3000);\n        }\n    <\/script>\n<\/body>\n<\/html>\n<\/div>\n <\/div><\/div>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f0f7fa;padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)\"><\/p>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row alignfull gspb_row gspb_row-id-gsbp-3c2b2aa\" id=\"gspb_row-id-gsbp-3c2b2aa\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--12 gspb_col-id-gsbp-279b205\" id=\"gspb_col-id-gsbp-279b205\">\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>SAIACS Identity Merch &#8211; Christian Bookstore<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&#038;family=Inter:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        \/* 1. SETUP & CORE THEME *\/\n        body {\n            font-family: 'Inter', sans-serif;\n            margin: 0;\n            background-color: #f8fbfe; \n        }\n\n        .serif-font {\n            font-family: 'Playfair Display', serif;\n        }\n\n        \/* 2. PRODUCT CARD DESIGN *\/\n        .merch-card {\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .merch-image-container {\n            width: 100%;\n            aspect-ratio: 1 \/ 1;\n            margin-bottom: 1.5rem;\n            border-radius: 2rem; \n            overflow: hidden;\n            background-color: #ffffff;\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);\n            cursor: pointer;\n        }\n\n        .merch-image-container img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.6s ease;\n        }\n\n        \/* 3. HOVER INTERACTIONS *\/\n        .merch-card:hover {\n            transform: translateY(-8px);\n        }\n\n        .merch-card:hover .merch-image-container img {\n            transform: scale(1.06);\n        }\n\n        .product-title {\n            font-size: 1.15rem;\n            color: #1a2549; \n            font-weight: 700;\n            margin-bottom: 0.25rem;\n            transition: color 0.3s ease;\n        }\n\n        .product-variant {\n            color: #94a3b8;\n            font-size: 0.8rem;\n            font-weight: 400;\n            margin-bottom: 0.5rem;\n        }\n\n        .product-price {\n            font-weight: 800;\n            font-size: 1.1rem;\n            color: #1a2549;\n        }\n\n        \/* Header Accent (Yellow Bar) *\/\n        .title-accent {\n            width: 40px;\n            height: 3px;\n            background-color: #facc15;\n            margin: 1.25rem 0;\n        }\n\n        \/* Add to Cart Button Styling *\/\n        .add-to-cart-btn {\n            background-color: #1A2549;\n            color: white;\n            padding: 0.6rem 1rem;\n            border-radius: 0.75rem;\n            font-size: 0.7rem;\n            font-weight: 700;\n            letter-spacing: 0.05em;\n            text-transform: uppercase;\n            transition: all 0.3s ease;\n            border: none;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .add-to-cart-btn:hover {\n            background-color: #3b82f6;\n            transform: scale(1.05);\n        }\n\n        .add-to-cart-btn.loading {\n            opacity: 0.6;\n            pointer-events: none;\n        }\n\n        \/* Spinner *\/\n        .spinner {\n            display: none;\n            width: 12px;\n            height: 12px;\n            border: 2px solid rgba(255,255,255,0.3);\n            border-radius: 50%;\n            border-top-color: #fff;\n            animation: spin 0.8s linear infinite;\n        }\n\n        .add-to-cart-btn.loading .spinner {\n            display: block;\n        }\n\n        @keyframes spin {\n            to { transform: rotate(360deg); }\n        }\n\n        \/* Toast Notification *\/\n        #toast {\n            visibility: hidden;\n            min-width: 250px;\n            background-color: #1a2549;\n            color: #fff;\n            text-align: center;\n            border-radius: 12px;\n            padding: 16px;\n            position: fixed;\n            z-index: 1000;\n            left: 50%;\n            bottom: 30px;\n            transform: translateX(-50%);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n            font-size: 14px;\n            font-weight: 500;\n        }\n\n        #toast.show {\n            visibility: visible;\n            animation: fadein 0.5s, fadeout 0.5s 2.5s;\n        }\n\n        @keyframes fadein { from { bottom: 0; opacity: 0; } to { bottom: 30px; opacity: 1; } }\n        @keyframes fadeout { from { bottom: 30px; opacity: 1; } to { bottom: 0; opacity: 0; } }\n    <\/style>\n<\/head>\n<body class=\"py-24 px-6\">\n\n    <div class=\"max-w-6xl mx-auto\">\n        \n        <!-- Header Section -->\n        <div class=\"flex flex-col items-center text-center mb-16\">\n            <h2 class=\"serif-font text-3xl md:text-4xl text-[#1a2549]\">SAIACS Identity Merch<\/h2>\n            <div class=\"title-accent\"><\/div>\n            <p class=\"text-slate-400 text-sm md:text-base font-light tracking-wide max-w-lg leading-relaxed\">\n                Wear the legacy. Use the essentials. Carry the mission.\n            <\/p>\n        <\/div>\n\n        <!-- Merchandise Grid -->\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-10 lg:gap-14\">\n            \n            <!-- Product 1: Premium Merch -->\n            <div class=\"merch-card\">\n                <div class=\"merch-image-container\" onclick=\"window.location.href='https:\/\/store.saiacs.org\/?product=saiacs-premium-polo'\">\n                    <img decoding=\"async\" src=\"https:\/\/store.saiacs.org\/wp-content\/uploads\/2026\/03\/image-3.png\" alt=\"Premium Polo\" onerror=\"this.src='https:\/\/placehold.co\/600x600\/FFFFFF\/1a2549?text=Premium+Polo'\">\n                <\/div>\n                <div class=\"text-left px-1\">\n                    <h3 class=\"serif-font product-title\">SAIACS Premium Merch<\/h3>\n                    <p class=\"product-variant\">Midnight Blue<\/p>\n                    <div class=\"flex justify-between items-center mt-2\">\n                        <span class=\"product-price\">\u20b91,200<\/span>\n                        <button onclick=\"handleAddToCart(this, '213')\" class=\"add-to-cart-btn\">\n                            <div class=\"spinner\"><\/div>\n                            Add to Cart\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Product 2: Premium Caps -->\n            <div class=\"merch-card\">\n                <div class=\"merch-image-container\" onclick=\"window.location.href='https:\/\/store.saiacs.org\/?product=dome-series-journal'\">\n                    <img decoding=\"async\" src=\"https:\/\/store.saiacs.org\/wp-content\/uploads\/2026\/03\/image-4.png\" alt=\"Identity Journal\" onerror=\"this.src='https:\/\/placehold.co\/600x600\/FFFFFF\/1a2549?text=Premium+Cap'\">\n                <\/div>\n                <div class=\"text-left px-1\">\n                    <h3 class=\"serif-font product-title\">Saiacs Premium Caps<\/h3>\n                    <p class=\"product-variant\">Navy-Blue<\/p>\n                    <div class=\"flex justify-between items-center mt-2\">\n                        <span class=\"product-price\">\u20b9350<\/span>\n                        <button onclick=\"handleAddToCart(this, '214')\" class=\"add-to-cart-btn\">\n                            <div class=\"spinner\"><\/div>\n                            Add to Cart\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Product 3: Premium Handbags -->\n            <div class=\"merch-card\">\n                <div class=\"merch-image-container\" onclick=\"window.location.href='https:\/\/store.saiacs.org\/?product=enamel-identity-mug'\">\n                    <img decoding=\"async\" src=\"https:\/\/store.saiacs.org\/wp-content\/uploads\/2026\/03\/image-5.png\" alt=\"Identity Mug\" onerror=\"this.src='https:\/\/placehold.co\/600x600\/FFFFFF\/1a2549?text=Handbag'\">\n                <\/div>\n                <div class=\"text-left px-1\">\n                    <h3 class=\"serif-font product-title\">SAIACS Premium Handbags<\/h3>\n                    <p class=\"product-variant\">White &#038; Blue<\/p>\n                    <div class=\"flex justify-between items-center mt-2\">\n                        <span class=\"product-price\">\u20b9450<\/span>\n                        <button onclick=\"handleAddToCart(this, '215')\" class=\"add-to-cart-btn\">\n                            <div class=\"spinner\"><\/div>\n                            Add to Cart\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <!-- Hidden Iframe for Cart processing -->\n    <iframe id=\"cart-helper\" style=\"display:none;\"><\/iframe>\n\n    <div id=\"toast\">Item added to cart!<\/div>\n\n    <script>\n        function handleAddToCart(button, productId) {\n            button.classList.add('loading');\n            \n            \/\/ Standard WooCommerce Add to Cart URL\n            const url = `https:\/\/store.saiacs.org\/?add-to-cart=${productId}`;\n            \n            const helper = document.getElementById('cart-helper');\n            helper.src = url;\n            \n            helper.onload = function() {\n                button.classList.remove('loading');\n                showToast(\"Item added to your cart!\");\n                \n                \/\/ Refresh parent cart if applicable\n                if (window.parent && window.parent.jQuery) {\n                    window.parent.jQuery(window.parent.document.body).trigger('added_to_cart');\n                }\n            };\n\n            \/\/ Emergency Fallback\n            setTimeout(() => {\n                if (button.classList.contains('loading')) {\n                    button.classList.remove('loading');\n                    window.open(url, '_blank');\n                }\n            }, 4500);\n        }\n\n        function showToast(message) {\n            const toast = document.getElementById(\"toast\");\n            toast.textContent = message;\n            toast.classList.add(\"show\");\n            setTimeout(() => toast.classList.remove(\"show\"), 3000);\n        }\n    <\/script>\n<\/body>\n<\/html>\n<\/div>\n <\/div><\/div>\n\n\n\n<p style=\"padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)\"><\/p>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row alignfull gspb_row gspb_row-id-gsbp-5324105\" id=\"gspb_row-id-gsbp-5324105\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--12 gspb_col-id-gsbp-0daa608\" id=\"gspb_col-id-gsbp-0daa608\">\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    \n    \n    <title>Partners &#038; Distributors &#8211; Christian Bookstore<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Inter', sans-serif;\n            margin: 0;\n            background-color: #f9fafb; \/* Clean, neutral background *\/\n        }\n\n        \/* Logo Grid Styling *\/\n        .partner-logo {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 1.5rem;\n            height: 100px; \/* Fixed height for consistency *\/\n            transition: all 0.4s ease;\n            filter: grayscale(100%);\n            opacity: 0.5;\n        }\n\n        .partner-logo:hover {\n            filter: grayscale(0%);\n            opacity: 1;\n            transform: scale(1.08);\n        }\n\n        \/* Specific scale for Eerdmans to make it larger *\/\n        .eerdmans-special {\n            transform: scale(1.4);\n        }\n        \n        .eerdmans-special:hover {\n            transform: scale(1.5) !important;\n        }\n\n        .partner-logo img {\n            max-width: 100%;\n            max-height: 100%;\n            object-fit: contain; \/* Ensures all logos fit perfectly without cropping *\/\n        }\n\n        \/* Section Header Styling *\/\n        .section-subtitle {\n            letter-spacing: 0.25em;\n            font-size: 0.75rem;\n            color: #94a3b8;\n            font-weight: 700;\n            text-transform: uppercase;\n            display: block;\n        }\n\n        \/* Subtle underline for the header *\/\n        .header-accent {\n            width: 30px;\n            height: 2px;\n            background-color: #e2e8f0;\n            margin: 1rem auto;\n        }\n    <\/style>\n<\/head>\n<body class=\"py-24 px-6\">\n\n    <div class=\"max-w-6xl mx-auto\">\n        \n        <!-- Header Section -->\n        <div class=\"text-center mb-20\">\n            <span class=\"section-subtitle\">Proud Global Partners &#038; Local Distributors<\/span>\n            <div class=\"header-accent\"><\/div>\n        <\/div>\n\n        <!-- Logo Grid - 4 Columns on Desktop, 2 on Mobile -->\n        <div class=\"grid grid-cols-2 md:grid-cols-4 gap-x-12 gap-y-16 items-center\">\n            \n            <!-- Row 1: IVP Academic, Wipf & Stock, William Carey, Langham -->\n            <div class=\"partner-logo\">\n                <img decoding=\"async\" src=\"https:\/\/demos.abnyweb.in\/ftt\/wp-content\/uploads\/sites\/95\/2026\/03\/IVP-logo-digital-use.png\" alt=\"IVP Academic\">\n            <\/div>\n\n            <div class=\"partner-logo\">\n                <img decoding=\"async\" src=\"https:\/\/demos.abnyweb.in\/ftt\/wp-content\/uploads\/sites\/95\/2026\/03\/WipfStock-Website2020.png\" alt=\"Wipf &#038; Stock\">\n            <\/div>\n\n            <div class=\"partner-logo\">\n                <img decoding=\"async\" src=\"https:\/\/demos.abnyweb.in\/ftt\/wp-content\/uploads\/sites\/95\/2026\/03\/William_Carey_Publishing_logo.jpg\" alt=\"William Carey Publishing\">\n            <\/div>\n\n            <div class=\"partner-logo\">\n                <img decoding=\"async\" src=\"https:\/\/demos.abnyweb.in\/ftt\/wp-content\/uploads\/sites\/95\/2026\/03\/logo_publishing.png\" alt=\"Langham Publishing\">\n            <\/div>\n\n            <!-- Row 2: Eerdmans (Enlarged), Brill, Baker, Zondervan -->\n            <div class=\"partner-logo eerdmans-special\">\n                <img decoding=\"async\" src=\"https:\/\/demos.abnyweb.in\/ftt\/wp-content\/uploads\/sites\/95\/2026\/03\/c7b7427b-8715-49d5-be25-b760ec450982.png\" alt=\"Eerdmans\">\n            <\/div>\n\n            <div class=\"partner-logo\">\n                <img decoding=\"async\" src=\"https:\/\/demos.abnyweb.in\/ftt\/wp-content\/uploads\/sites\/95\/2026\/03\/logo-brill-300x100-transparent-desktop.png\" alt=\"Brill\">\n            <\/div>\n\n            <div class=\"partner-logo\">\n                <img decoding=\"async\" src=\"https:\/\/demos.abnyweb.in\/ftt\/wp-content\/uploads\/sites\/95\/2026\/03\/BakerAcademic_LogowithBadge_horizontal.avif\" alt=\"Baker Academic\">\n            <\/div>\n\n            <div class=\"partner-logo\">\n                <img decoding=\"async\" src=\"https:\/\/demos.abnyweb.in\/ftt\/wp-content\/uploads\/sites\/95\/2026\/03\/Z_Academic_horz_Logo_rgb_72res.jpg\" alt=\"Zondervan Academic\">\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n<\/body>\n<\/html>\n<\/div>\n <\/div><\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row alignfull gspb_row gspb_row-id-gsbp-e749743\" id=\"gspb_row-id-gsbp-e749743\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--12 gspb_col-id-gsbp-53ad80d\" id=\"gspb_col-id-gsbp-53ad80d\">\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    \n    \n    <title>A Ministry through the Press &#8211; Christian Bookstore<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;1,700&#038;family=Inter:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        body {\n            font-family: 'Inter', sans-serif;\n            margin: 0;\n            background-color: #ffffff;\n        }\n\n        .serif-font {\n            font-family: 'Playfair Display', serif;\n        }\n\n        \/* Image Side Container *\/\n        .image-wrapper {\n            position: relative;\n            width: 100%;\n            border-radius: 1.5rem;\n            overflow: hidden; \n            cursor: pointer;\n        }\n\n        \/* Container for everything that needs to \"pop out\" of the hidden overflow *\/\n        .wrapper-outer {\n            position: relative;\n            overflow: visible;\n        }\n\n        .main-image {\n            width: 100%;\n            aspect-ratio: 4 \/ 5.2; \n            object-fit: cover;\n            border-radius: 1.5rem;\n            display: block;\n            box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.18);\n            transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n\n        \/* 1. HOVER OVERLAY & ZOOM *\/\n        .image-wrapper:hover .main-image {\n            transform: scale(1.05);\n        }\n\n        \/* Overlapping Badge *\/\n        .integrity-badge {\n            position: absolute;\n            top: -2.5rem;\n            right: -1.5rem;\n            background: white;\n            padding: 1.75rem 1.5rem;\n            border-radius: 1.25rem;\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\n            width: 130px;\n            text-align: center;\n            z-index: 30;\n            transition: transform 0.4s ease;\n        }\n\n        .wrapper-outer:hover .integrity-badge {\n            transform: translateY(-5px);\n        }\n\n        \/* Bottom Left Heritage Text *\/\n        .heritage-overlay {\n            position: absolute;\n            bottom: 3rem;\n            left: 3rem;\n            z-index: 20;\n            transition: transform 0.5s ease;\n        }\n\n        .image-wrapper:hover .heritage-overlay {\n            transform: translateX(10px);\n        }\n\n        .heritage-overlay h4 {\n            font-size: 3rem;\n            font-weight: 700;\n            line-height: 1;\n            color: #ffffff; \/* Explicitly set to white *\/\n        }\n\n        .heritage-overlay p {\n            font-size: 0.75rem;\n            letter-spacing: 0.15em;\n            font-weight: 700;\n            text-transform: uppercase;\n            color: #ffffff; \/* Explicitly set to white *\/\n            opacity: 0.9;\n            margin-top: 0.5rem;\n        }\n\n        \/* 2. DYNAMIC GRADIENT OVERLAY *\/\n        .image-overlay {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(to top, rgba(26, 37, 73, 0.8) 0%, transparent 60%);\n            border-radius: 1.5rem;\n            z-index: 10;\n            transition: background 0.5s ease;\n        }\n\n        \/* Darken overlay on hover *\/\n        .image-wrapper:hover .image-overlay {\n            background: linear-gradient(to top, rgba(26, 37, 73, 0.9) 0%, rgba(26, 37, 73, 0.2) 100%);\n        }\n\n        .text-navy {\n            color: #1A2549;\n        }\n    <\/style>\n<\/head>\n<body class=\"py-32 md:py-44 px-6 md:px-12\">\n\n    <div class=\"max-w-6xl mx-auto\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-20 lg:gap-32 items-center\">\n            \n            <!-- Left Side: Image with Interactive Overlays -->\n            <div class=\"wrapper-outer order-2 lg:order-1 mt-16 lg:mt-0\">\n                \n                <!-- Academic Integrity Badge -->\n                <div class=\"integrity-badge\">\n                    <div class=\"flex justify-center mb-3\">\n                        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#facc15\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <circle cx=\"12\" cy=\"8\" r=\"7\"><\/circle>\n                            <polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"><\/polyline>\n                        <\/svg>\n                    <\/div>\n                    <p class=\"text-[12px] font-bold text-navy leading-tight tracking-tight\">Academic<br>Integrity.<\/p>\n                <\/div>\n\n                <!-- Inner Wrapper for hidden overflow zoom effect -->\n                <div class=\"image-wrapper\">\n                    <!-- Heritage Info -->\n                    <div class=\"heritage-overlay\">\n                        <h4>40+<\/h4>\n                        <p>Years of Heritage<\/p>\n                    <\/div>\n\n                    <!-- Dynamic Visual Overlay -->\n                    <div class=\"image-overlay\"><\/div>\n\n                    <!-- Main Library Image -->\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507842217343-583bb7270b66?q=80&#038;w=1200&#038;auto=format&#038;fit=crop\" \n                         alt=\"SAIACS Library\" \n                         class=\"main-image\">\n                <\/div>\n            <\/div>\n\n            <!-- Right Side: Content -->\n            <div class=\"space-y-10 order-1 lg:order-2\">\n                <h2 class=\"serif-font text-5xl md:text-6xl lg:text-7xl text-navy leading-[1.1]\">\n                    A Ministry <span class=\"italic\">through<\/span> the Press.\n                <\/h2>\n                \n                <div class=\"space-y-8 text-slate-500 leading-relaxed text-base md:text-lg font-light\">\n                    <p>\n                        SAIACS Publications is more than a bookstore. We are the publishing arm of the South Asia Institute of Advanced Christian Studies.\n                    <\/p>\n                    <p>\n                        Our goal is to produce and distribute resources that are theologically sound, academically excellent, and practically relevant for the unique cultural landscape of South Asia and beyond.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n<\/body>\n<\/html>\n<\/div>\n <\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"#gspb_row-id-gsbp-3311999{background-image:url(https:\/\/store.saiacs.org\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-10.30.41-AM.jpeg);background-attachment:fixed;isolation:isolate}#gspb_row-id-gsbp-3311999>.gspb_row__content{display:flex;justify-content:space-between;margin:0 auto;width:100%;flex-wrap:wrap}.gspb_row{position:relative}div[id^=gspb_col-id]{box-sizing:border-box;position:relative;padding:var(--gs-row-column-padding, 15px min(3vw, 20px))}#gspb_row-id-gsbp-3311999>.gspb_backgroundOverlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.7;background-color:#000}@media (max-width:575.98px){body #gspb_row-id-gsbp-3311999{display:none!important}}@media (min-width:768px) and (max-width:991.98px){body #gspb_row-id-gsbp-3311999{display:none!important}}#gspb_col-id-gsbp-b13cf4c.gspb_row__col--12{width:100%}@media (max-width:575.98px){#gspb_col-id-gsbp-b13cf4c.gspb_row__col--12{width:100%}}.gspb_row #gspb_col-id-gsbp-b13cf4c.gspb_row__col--12,.gspb_row #gspb_col-id-gsbp-d013b1f.gspb_row__col--12{padding:0}#gspb_row-id-gsbp-14533e9,#gspb_row-id-gsbp-3311999,#gspb_row-id-gsbp-866cc44,#gspb_row-id-gsbp-df48c45{justify-content:space-between;margin-top:0;display:flex;flex-wrap:wrap;margin-bottom:0}#gspb_row-id-gsbp-df48c45{background-image:url(https:\/\/store.saiacs.org\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-27-at-10.30.41-AM.jpeg);background-attachment:fixed;isolation:isolate}#gspb_row-id-gsbp-df48c45>.gspb_row__content{display:flex;justify-content:space-between;margin:0 auto;width:100%;flex-wrap:wrap}#gspb_row-id-gsbp-df48c45>.gspb_backgroundOverlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.7;background-color:#000}@media (min-width:992px){body #gspb_row-id-gsbp-df48c45{display:none!important}}#gspb_col-id-gsbp-d013b1f.gspb_row__col--12{width:100%}@media (max-width:575.98px){#gspb_col-id-gsbp-d013b1f.gspb_row__col--12{width:100%}}#gspb_row-id-gsbp-14533e9,#gspb_row-id-gsbp-866cc44{background-color:#fff}#gspb_row-id-gsbp-866cc44>.gspb_row__content{display:flex;justify-content:space-between;margin:0 auto;width:100%;flex-wrap:wrap}#gspb_col-id-gsbp-c28ccc3.gspb_row__col--12{width:100%}@media (max-width:575.98px){#gspb_col-id-gsbp-c28ccc3.gspb_row__col--12{width:100%}}.gspb_row #gspb_col-id-gsbp-c28ccc3.gspb_row__col--12{margin-top:40px;padding-bottom:60px}#gspb_col-id-gsbp-c28ccc3.gspb_row__col--12{flex-direction:column}body #gspb_col-id-gsbp-c28ccc3.gspb_row__col--12{display:flex}#gspb_row-id-gsbp-14533e9{background-color:#f0f7fa}#gspb_row-id-gsbp-14533e9>.gspb_row__content{display:flex;justify-content:space-between;margin:0 auto;width:100%;flex-wrap:wrap}body.gspb-bodyfront #gspb_row-id-gsbp-14533e9>.gspb_row__content,body.gspb-bodyfront #gspb_row-id-gsbp-866cc44>.gspb_row__content{width:var(--theme-container-width, 1200px);max-width:var(--theme-normal-container-max-width, 1200px)}#gspb_col-id-gsbp-8ca3216.gspb_row__col--12{width:100%}@media (max-width:575.98px){#gspb_col-id-gsbp-8ca3216.gspb_row__col--12{width:100%}}.gspb_row #gspb_col-id-gsbp-8ca3216.gspb_row__col--12{padding-top:50px}#gspb_row-id-gsbp-adbf5b2>.gspb_row__content{display:flex;justify-content:space-between;margin:0 auto;width:100%;flex-wrap:wrap}#gspb_col-id-gsbp-098020c.gspb_row__col--12{width:100%}@media (max-width:575.98px){#gspb_col-id-gsbp-098020c.gspb_row__col--12{width:100%}}.gspb_row #gspb_col-id-gsbp-098020c.gspb_row__col--12,.gspb_row #gspb_col-id-gsbp-279b205.gspb_row__col--12{padding-top:80px}#gspb_row-id-gsbp-3c2b2aa,#gspb_row-id-gsbp-5324105,#gspb_row-id-gsbp-adbf5b2,#gspb_row-id-gsbp-e749743{justify-content:space-between;margin-top:0;margin-bottom:0;display:flex;flex-wrap:wrap;background-color:#f0f7fa}#gspb_row-id-gsbp-3c2b2aa>.gspb_row__content{display:flex;justify-content:space-between;margin:0 auto;width:100%;flex-wrap:wrap}body.gspb-bodyfront #gspb_row-id-gsbp-3c2b2aa>.gspb_row__content,body.gspb-bodyfront #gspb_row-id-gsbp-adbf5b2>.gspb_row__content{width:var(--theme-container-width, 1200px);max-width:var(--theme-normal-container-max-width, 1200px)}#gspb_col-id-gsbp-279b205.gspb_row__col--12{width:100%}@media (max-width:575.98px){#gspb_col-id-gsbp-279b205.gspb_row__col--12{width:100%}}#gspb_row-id-gsbp-5324105,#gspb_row-id-gsbp-e749743{background-color:#f9fafb}#gspb_row-id-gsbp-5324105>.gspb_row__content{display:flex;justify-content:space-between;margin:0 auto;width:100%;flex-wrap:wrap}#gspb_col-id-gsbp-0daa608.gspb_row__col--12{width:100%}@media (max-width:575.98px){#gspb_col-id-gsbp-0daa608.gspb_row__col--12{width:100%}}.gspb_row #gspb_col-id-gsbp-0daa608.gspb_row__col--12{margin-bottom:40px;padding-top:50px;padding-bottom:40px}#gspb_row-id-gsbp-e749743{padding-top:100px;background-color:#fff}#gspb_row-id-gsbp-e749743>.gspb_row__content{display:flex;justify-content:space-between;margin:0 auto;width:100%;flex-wrap:wrap}body.gspb-bodyfront #gspb_row-id-gsbp-5324105>.gspb_row__content,body.gspb-bodyfront #gspb_row-id-gsbp-e749743>.gspb_row__content{width:var(--theme-container-width, 1200px);max-width:var(--theme-normal-container-max-width, 1200px)}#gspb_col-id-gsbp-53ad80d.gspb_row__col--12{width:100%}@media (max-width:575.98px){#gspb_col-id-gsbp-53ad80d.gspb_row__col--12{width:100%}}.gspb_row #gspb_col-id-gsbp-53ad80d.gspb_row__col--12{padding-bottom:100px}","footnotes":""},"class_list":["post-76","page","type-page","status-publish","hentry"],"blocksy_meta":{"background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"#F0F7FA"}}},"styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] {background-color:#F0F7FA;background-image:none;}","tablet":"","mobile":""},"google_fonts":[],"version":6},"has_hero_section":"disabled"},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/store.saiacs.org\/index.php?rest_route=\/wp\/v2\/pages\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/store.saiacs.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/store.saiacs.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/store.saiacs.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/store.saiacs.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=76"}],"version-history":[{"count":5,"href":"https:\/\/store.saiacs.org\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":282,"href":"https:\/\/store.saiacs.org\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions\/282"}],"wp:attachment":[{"href":"https:\/\/store.saiacs.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}