{"id":32,"date":"2025-12-18T15:14:01","date_gmt":"2025-12-18T15:14:01","guid":{"rendered":"https:\/\/yellowcrescentkl.com\/?page_id=32"},"modified":"2026-01-10T05:15:51","modified_gmt":"2026-01-10T05:15:51","slug":"home","status":"publish","type":"page","link":"https:\/\/yellowcrescentkl.com\/ms\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"32\" class=\"elementor elementor-32\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1dc5140 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"1dc5140\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8e9f267\" data-id=\"8e9f267\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d62479f elementor-widget elementor-widget-html\" data-id=\"d62479f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<style>\r\n  \/*\r\n   * \u914d\u8272\u66f4\u65b0\u4e3a\u4ec5\u4f7f\u7528\uff1a\r\n   * - \u4e3b\u80cc\u666f\uff1a#FAA61A\r\n   * - \u5f3a\u8c03\/\u9ad8\u4eae\uff1a#FFCC40\r\n   * - \u6587\u672c\uff1a#000000\r\n   *\/\r\n\r\n  .cs-slider-container{\r\n    position:relative;\r\n    width:100%;\r\n    max-width:100%;\r\n    \/*background-color:#FFCC40;*\/\r\n    background-color:#FAA61A; \/* \u4e3b\u80cc\u666f *\/\r\n    overflow:hidden;\r\n    font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\r\n    box-sizing:border-box;\r\n  }\r\n\r\n  \/* \u5e7b\u706f\u7247\u5305\u88f9\u5c42 *\/\r\n  .cs-slides-wrapper{\r\n    position:relative;\r\n    height:550px;\r\n    width:100%;\r\n  }\r\n\r\n  \/* \u5355\u4e2a\u5e7b\u706f\u7247 *\/\r\n  .cs-slide-item{\r\n    position:absolute;\r\n    top:0; left:0;\r\n    width:100%;\r\n    height:100%;\r\n    opacity:0;\r\n    transition:opacity .6s ease-in-out;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding:0 5%;\r\n    box-sizing:border-box;\r\n    pointer-events:none;\r\n  }\r\n\r\n  \/* \u6fc0\u6d3b\u72b6\u6001 *\/\r\n  .cs-slide-item.cs-active{\r\n    opacity:1;\r\n    z-index:2;\r\n    pointer-events:auto;\r\n  }\r\n\r\n  \/* \u5185\u90e8\u5e03\u5c40 *\/\r\n  .cs-slide-content-inner{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    width:100%;\r\n    max-width:1100px;\r\n    margin:0 auto;\r\n    gap:60px;\r\n  }\r\n\r\n  \/* \u5de6\u4fa7\u56fe\u7247 *\/\r\n  .cs-image-box{\r\n    flex:1;\r\n    display:flex;\r\n    justify-content:flex-end;\r\n  }\r\n\r\n  .cs-image-box img{\r\n    max-width:100%;\r\n    height:350px;\r\n    max-height:620px;\r\n    object-fit:contain;\r\n    \/* \u7528\u9ed1\u8272\u9634\u5f71\u4fdd\u6301\u5c42\u6b21 *\/\r\n    filter: drop-shadow(0 10px 20px rgba(0,0,0,0.28));\r\n  }\r\n\r\n  \/* \u53f3\u4fa7\u6587\u5b57 *\/\r\n  .cs-text-box{\r\n    flex:1;\r\n    color:#000000; \/* \u6587\u672c\u9ed1\u8272 *\/\r\n    text-align:left;\r\n  }\r\n\r\n  .cs-text-box h2{\r\n    font-size:52px;\r\n    font-weight:900;\r\n    margin:0 0 24px;\r\n    line-height:1.1;\r\n    color:#000000;\r\n  }\r\n\r\n  \/* \u88c5\u9970\u7ebf\uff1a\u5f3a\u8c03\u8272 *\/\r\n  .cs-text-box h2::after{\r\n    content:'';\r\n    display:block;\r\n    width:64px;\r\n    height:5px;\r\n    background-color:#FFCC40;\r\n    margin-top:15px;\r\n    border-radius:3px;\r\n  }\r\n\r\n  .cs-text-box p{\r\n    font-size:18px;\r\n    line-height:1.6;\r\n    color:rgba(0,0,0,0.78);\r\n    margin:0 0 35px;\r\n    max-width:480px;\r\n  }\r\n\r\n  \/* \u6309\u94ae\uff1a\u9ed1\u5e95 + \u5f3a\u8c03\u8272\u63cf\u8fb9\/\u60ac\u505c *\/\r\n  .cs-btn-read{\r\n    display:inline-block;\r\n    background-color:#000000;\r\n    color:#FFCC40;\r\n    font-weight:800;\r\n    padding:14px 38px;\r\n    text-decoration:none;\r\n    text-transform:uppercase;\r\n    font-size:14px;\r\n    letter-spacing:1px;\r\n    border-radius:4px;\r\n    border:2px solid #000000;\r\n    transition:transform .2s, box-shadow .2s, background-color .2s, color .2s, border-color .2s;\r\n    box-shadow:0 6px 18px rgba(0,0,0,0.18);\r\n  }\r\n\r\n  .cs-btn-read:hover{\r\n    background-color:#FFCC40;\r\n    color:#000000;\r\n    border-color:#FFCC40;\r\n    transform:translateY(-2px);\r\n    box-shadow:0 10px 26px rgba(0,0,0,0.22);\r\n  }\r\n\r\n  \/* \u5de6\u53f3\u5bfc\u822a\u6309\u94ae *\/\r\n  .cs-nav-btn{\r\n    position:absolute;\r\n    top:50%;\r\n    transform:translateY(-50%);\r\n    background-color:rgba(0,0,0,0.10);\r\n    color:#000000;\r\n    border:1px solid rgba(0,0,0,0.25);\r\n\r\n    width:48px !important;\r\n    height:48px !important;\r\n    border-radius:50% !important;\r\n    padding:0 !important;\r\n    margin:0 !important;\r\n    box-sizing:border-box !important;\r\n    line-height:1 !important;\r\n    min-width:0 !important;\r\n\r\n    cursor:pointer;\r\n    z-index:10;\r\n    display:flex !important;\r\n    align-items:center !important;\r\n    justify-content:center !important;\r\n    font-size:20px;\r\n    transition:all .2s;\r\n    user-select:none;\r\n  }\r\n\r\n  .cs-nav-btn:hover{\r\n    background-color:#000000;\r\n    color:#FFCC40;\r\n    border-color:#000000;\r\n  }\r\n\r\n  .cs-prev{ left:30px; }\r\n  .cs-next{ right:30px; }\r\n\r\n  \/* \u5e95\u90e8\u5706\u70b9 *\/\r\n  .cs-dots-container{\r\n    position:absolute;\r\n    bottom:30px;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n    display:flex;\r\n    gap:12px;\r\n    z-index:10;\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n    list-style:none !important;\r\n  }\r\n\r\n  .cs-dot{\r\n    width:12px !important;\r\n    height:12px !important;\r\n    border-radius:50% !important;\r\n    padding:0 !important;\r\n    margin:0 !important;\r\n    box-sizing:border-box !important;\r\n    min-width:0 !important;\r\n    border:none !important;\r\n\r\n    background-color:rgba(0,0,0,0.28);\r\n    cursor:pointer;\r\n    transition:transform .2s, background-color .2s;\r\n    display:block;\r\n  }\r\n\r\n  .cs-dot.cs-active{\r\n    background-color:#000000;\r\n    transform:scale(1.2);\r\n  }\r\n\r\n  \/* \u54cd\u5e94\u5f0f\u9002\u914d *\/\r\n  @media (max-width: 768px){\r\n    .cs-slides-wrapper{\r\n      height:auto;\r\n      min-height:550px;\r\n      padding:40px 0 60px 0;\r\n    }\r\n\r\n    .cs-slide-content-inner{\r\n      flex-direction:column-reverse;\r\n      gap:30px;\r\n      text-align:center;\r\n    }\r\n\r\n    .cs-image-box{\r\n      justify-content:center;\r\n      padding-right:0;\r\n    }\r\n\r\n    .cs-image-box img{\r\n      max-height:220px;\r\n      height:auto;\r\n    }\r\n\r\n    .cs-text-box{\r\n      text-align:center;\r\n      padding:0 20px;\r\n    }\r\n\r\n    .cs-text-box h2{\r\n      font-size:32px;\r\n    }\r\n\r\n    .cs-text-box h2::after{\r\n      margin:15px auto;\r\n    }\r\n\r\n    .cs-nav-btn{ display:none !important; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"cs-slider-container\">\r\n  <div class=\"cs-slides-wrapper\">\r\n\r\n    <div class=\"cs-slide-item cs-active\">\r\n      <div class=\"cs-slide-content-inner\">\r\n        <div class=\"cs-image-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/256\/7273\/7273766.png\" alt=\"Reading\">\r\n        <\/div>\r\n        <div class=\"cs-text-box\">\r\n          <h2>Kisah Kami<\/h2>\r\n          <p>Kami di sini untuk mengembalikan keyakinan dan kualiti kepada buku-buku. Terokai perjalanan kami dan bagaimana kami mengubah cara orang ramai membaca.<\/p>\r\n          <a href=\"https:\/\/yellowcrescentkl.com\/ms\/about-us\/\" class=\"cs-btn-read\">BACA LEBIH LANJUT<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cs-slide-item\">\r\n      <div class=\"cs-slide-content-inner\">\r\n        <div class=\"cs-image-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/256\/7273\/7273746.png\" alt=\"Books\">\r\n        <\/div>\r\n        <div class=\"cs-text-box\">\r\n          <h2>Ketibaan Baru<\/h2>\r\n          <p>Terokai koleksi buku terlaris terkini kami. Dikurasi khas untuk anda mencari pengembaraan kegemaran anda yang seterusnya.<\/p>\r\n          <a href=\"https:\/\/yellowcrescentkl.com\/ms\/product-category\/all-products\/\" class=\"cs-btn-read\">TEROKAI<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cs-slide-item\">\r\n      <div class=\"cs-slide-content-inner\">\r\n        <div class=\"cs-image-box\">\r\n          <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/256\/9747\/9747371.png\" alt=\"Community\">\r\n        <\/div>\r\n        <div class=\"cs-text-box\">\r\n          <h2>Sertai Kelab<\/h2>\r\n          <p>Jadilah ahli hari ini dan dapatkan akses eksklusif kepada edisi terhad dan sesi bertemu dan beramah mesra dengan penulis.<\/p>\r\n          <a href=\"\/ms\/product\/stranger-things\/\" class=\"cs-btn-read\">Sertai Sekarang<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <button class=\"cs-nav-btn cs-prev\" onclick=\"moveCsSlide(-1)\" aria-label=\"Previous\">&#10094;<\/button>\r\n  <button class=\"cs-nav-btn cs-next\" onclick=\"moveCsSlide(1)\" aria-label=\"Next\">&#10095;<\/button>\r\n\r\n  <div class=\"cs-dots-container\" aria-label=\"Slider pagination\">\r\n    <span class=\"cs-dot cs-active\" onclick=\"currentCsSlide(1)\" aria-label=\"Go to slide 1\"><\/span>\r\n    <span class=\"cs-dot\" onclick=\"currentCsSlide(2)\" aria-label=\"Go to slide 2\"><\/span>\r\n    <span class=\"cs-dot\" onclick=\"currentCsSlide(3)\" aria-label=\"Go to slide 3\"><\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  let csSlideIndex = 1;\r\n  let csTimer = null;\r\n\r\n  function showCsSlides(n) {\r\n    const slides = document.getElementsByClassName(\"cs-slide-item\");\r\n    const dots = document.getElementsByClassName(\"cs-dot\");\r\n\r\n    if (n > slides.length) csSlideIndex = 1;\r\n    if (n < 1) csSlideIndex = slides.length;\r\n\r\n    for (let i = 0; i < slides.length; i++) slides[i].classList.remove(\"cs-active\");\r\n    for (let i = 0; i < dots.length; i++) dots[i].classList.remove(\"cs-active\");\r\n\r\n    slides[csSlideIndex - 1].classList.add(\"cs-active\");\r\n    dots[csSlideIndex - 1].classList.add(\"cs-active\");\r\n  }\r\n\r\n  function moveCsSlide(step) {\r\n    showCsSlides(csSlideIndex += step);\r\n    restartAuto();\r\n  }\r\n\r\n  function currentCsSlide(n) {\r\n    showCsSlides(csSlideIndex = n);\r\n    restartAuto();\r\n  }\r\n\r\n  function restartAuto() {\r\n    if (csTimer) clearInterval(csTimer);\r\n    csTimer = setInterval(() => moveCsSlide(1), 5000);\r\n  }\r\n\r\n  \/\/ init\r\n  showCsSlides(csSlideIndex);\r\n  restartAuto();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-443f1d1 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"443f1d1\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c3c7c15\" data-id=\"c3c7c15\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e25aa8c elementor-widget elementor-widget-shortcode\" data-id=\"e25aa8c\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">  <div class=\"cs-lit-section\" id=\"csLit_jek8KxV\">\n    <div class=\"cs-lit-header\">\n\t\t<div class=\"cs-lit-icon-box\">A<\/div>\n      <h2 class=\"cs-lit-title\">Sekolah Rendah<\/h2>\n    <\/div>\n\n    <div class=\"cs-lit-wrapper\">\n      <button class=\"cs-lit-nav-btn cs-prev\" type=\"button\" aria-label=\"Prev\">\n        <span class=\"cs-lit-arrow\" aria-hidden=\"true\">\u2039<\/span>\n      <\/button>\n\n      <div class=\"cs-lit-viewport\" aria-label=\"Products carousel viewport\">\n        <div class=\"cs-lit-track\">\n                      <div class=\"cs-lit-page\">\n                                                <div class=\"cs-lit-card\">\n                    <div class=\"cs-lit-img-box\">\n                      <a href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/harry-potter-the-chamber-of-secrets-copy-copy\/\" class=\"cs-lit-img-link\">\n                        <img decoding=\"async\" src=\"https:\/\/yellowcrescentkl.com\/wp-content\/uploads\/2025\/12\/11-600x872.jpg\" alt=\"Harry Potter: The Chamber of Secrets &#8211; 3\" loading=\"lazy\">\n                      <\/a>\n                    <\/div>\n\n                    <div class=\"cs-lit-info\">\n                      <h3 class=\"cs-lit-book-title\">\n                        <a class=\"cs-lit-title-link\" href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/harry-potter-the-chamber-of-secrets-copy-copy\/\">\n                          Harry Potter: The Chamber of Secrets &#8211; 3                        <\/a>\n                      <\/h3>\n\n                      <div class=\"cs-lit-buyrow\">\n                        <span class=\"cs-lit-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>45.00<\/span><\/del> <span class=\"screen-reader-text\" data-no-translation=\"\" data-trp-gettext=\"\">Original price was: &#082;&#077;45.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>15.00<\/span><\/ins><span class=\"screen-reader-text\" data-no-translation=\"\" data-trp-gettext=\"\">Current price is: &#082;&#077;15.00.<\/span><\/span>\n\n                                                <a class=\"cs-lit-atc\" href=\"https:\/\/yellowcrescentkl.com\/ms\/?add-to-cart=349&#038;quantity=1&#038;redirect=cart\" rel=\"nofollow\">\n                          Tambah ke troli\n                        <\/a>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                                                <div class=\"cs-lit-card\">\n                    <div class=\"cs-lit-img-box\">\n                      <a href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/stranger-things\/\" class=\"cs-lit-img-link\">\n                        <img decoding=\"async\" src=\"https:\/\/yellowcrescentkl.com\/wp-content\/uploads\/2025\/12\/11-600x872.jpg\" alt=\"Harry Potter: The Chamber of Secrets\" loading=\"lazy\">\n                      <\/a>\n                    <\/div>\n\n                    <div class=\"cs-lit-info\">\n                      <h3 class=\"cs-lit-book-title\">\n                        <a class=\"cs-lit-title-link\" href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/stranger-things\/\">\n                          Harry Potter: The Chamber of Secrets                        <\/a>\n                      <\/h3>\n\n                      <div class=\"cs-lit-buyrow\">\n                        <span class=\"cs-lit-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>41.00<\/span><\/del> <span class=\"screen-reader-text\" data-no-translation=\"\" data-trp-gettext=\"\">Original price was: &#082;&#077;41.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>32.00<\/span><\/ins><span class=\"screen-reader-text\" data-no-translation=\"\" data-trp-gettext=\"\">Current price is: &#082;&#077;32.00.<\/span><\/span>\n\n                                                <a class=\"cs-lit-atc\" href=\"https:\/\/yellowcrescentkl.com\/ms\/?add-to-cart=192&#038;quantity=1&#038;redirect=cart\" rel=\"nofollow\">\n                          Tambah ke troli\n                        <\/a>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                                                <div class=\"cs-lit-card cs-lit-card--ph\" aria-hidden=\"true\"><\/div>\n                                                                <div class=\"cs-lit-card cs-lit-card--ph\" aria-hidden=\"true\"><\/div>\n                                          <\/div>\n                  <\/div>\n      <\/div>\n\n      <button class=\"cs-lit-nav-btn cs-next\" type=\"button\" aria-label=\"Next\">\n        <span class=\"cs-lit-arrow\" aria-hidden=\"true\">\u203a<\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"cs-lit-dots\" aria-label=\"Carousel pagination\">\n              <button class=\"cs-lit-dot active\" type=\"button\" aria-label=\"Go to page 1\"><\/button>\n          <\/div>\n\n    <style>\n      #csLit_jek8KxV,\n      #csLit_jek8KxV *{ box-sizing:border-box !important; }\n\n      #csLit_jek8KxV img{ display:block !important; max-width:100% !important; }\n      #csLit_jek8KxV a{ text-decoration:none !important; }\n      #csLit_jek8KxV button{ all:unset; box-sizing:border-box !important; }\n\n      #csLit_jek8KxV{ --csYellow:#FFCC40; --csInk:#000; }\n\n      #csLit_jek8KxV.cs-lit-section{\n        max-width:1240px; margin:40px auto; padding:0 20px;\n        font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        background:#fff;\n      }\n      #csLit_jek8KxV .cs-lit-header{\n        display:flex; align-items:center; gap:14px; margin-bottom:18px;\n      }\n      #csLit_jek8KxV .cs-lit-icon-box{\n        width:34px;height:34px; display:flex;align-items:center;justify-content:center;\n        border-radius:3px; background:var(--csYellow); color:var(--csInk);\n        font-weight:900; font-size:18px; line-height:1;\n      }\n      #csLit_jek8KxV .cs-lit-title{\n        margin:0; font-size:34px; font-weight:900; color:var(--csInk); letter-spacing:-0.4px;\n      }\n\n      #csLit_jek8KxV .cs-lit-wrapper{ position:relative; }\n      #csLit_jek8KxV .cs-lit-viewport{\n        width:100% !important; overflow:hidden !important; position:relative !important;\n      }\n      #csLit_jek8KxV .cs-lit-track{\n        display:flex !important; will-change: transform;\n        transform: translateX(0); transition: transform .35s ease;\n      }\n      #csLit_jek8KxV .cs-lit-page{\n        flex:0 0 100% !important; width:100% !important;\n        display:grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n        gap:28px !important; padding:0 56px !important;\n      }\n      #csLit_jek8KxV .cs-lit-card{ min-width:0; display:flex; flex-direction:column; }\n      #csLit_jek8KxV .cs-lit-card--ph{ visibility:hidden; pointer-events:none; }\n\n      #csLit_jek8KxV .cs-lit-img-box{\n        aspect-ratio: 4 \/ 5 !important;         \n        width:100% !important;\n        overflow:hidden !important;\n        margin-bottom:14px !important;\n        background:#fff;\n        border:1px solid rgba(0,0,0,.06);\n        border-radius:10px;\n        box-shadow:0 2px 12px rgba(0,0,0,.06);\n      }\n      #csLit_jek8KxV .cs-lit-img-link{\n        width:100% !important; height:100% !important;\n        display:block !important;\n      }\n      #csLit_jek8KxV .cs-lit-img-box .cs-lit-img-link img{\n        width:100% !important; height:100% !important;\n        object-fit:cover !important;              \n        object-position:center center !important;\n        transform: translateZ(0);\n      }\n\n      #csLit_jek8KxV .cs-lit-book-title{\n        margin:0 0 12px 0;\n        font-size:18px; font-weight:900; color:#000; line-height:1.25;\n        display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;\n        min-height:46px;\n      }\n      #csLit_jek8KxV .cs-lit-title-link{ color:#000 !important; }\n      #csLit_jek8KxV .cs-lit-title-link:hover{ text-decoration:underline !important; }\n\n      #csLit_jek8KxV .cs-lit-buyrow{\n        margin-top:auto;\n        display:flex; align-items:center; justify-content:space-between;\n        gap:12px;\n      }\n      #csLit_jek8KxV .cs-lit-price{\n        font-size:13px !important; font-weight:800 !important; line-height:1.2 !important;\n        color:#000 !important; white-space:nowrap !important;\n      }\n      #csLit_jek8KxV .cs-lit-price del{\n        font-size:11px !important; opacity:.45 !important; margin-right:8px !important;\n      }\n      #csLit_jek8KxV .cs-lit-price ins{\n        font-size:13px !important; text-decoration:none !important;\n      }\n\n      #csLit_jek8KxV .cs-lit-atc{\n        font-size:11px !important; font-weight:900 !important;\n        height:30px !important; padding:0 11px !important; line-height:30px !important;\n        display:inline-flex !important; align-items:center !important; justify-content:center !important;\n        border-radius:999px !important;\n        background:var(--csYellow) !important; color:#000 !important;\n        border:1px solid rgba(0,0,0,.16) !important;\n        white-space:nowrap !important;\n        box-shadow:0 3px 0 rgba(0,0,0,.10) !important;\n      }\n      #csLit_jek8KxV .cs-lit-atc:hover{\n        background:#000 !important; color:var(--csYellow) !important; border-color:#000 !important;\n      }\n\n      #csLit_jek8KxV .cs-lit-nav-btn{\n        all:unset;\n        position:absolute !important; top:50% !important; transform:translateY(-50%) !important;\n        width:44px !important; height:44px !important;\n        background:#fff !important; border:1px solid rgba(0,0,0,.12) !important;\n        border-radius:10px !important; box-shadow:0 6px 18px rgba(0,0,0,.12) !important;\n        display:flex !important; align-items:center !important; justify-content:center !important;\n        cursor:pointer !important; z-index:50 !important;\n      }\n      #csLit_jek8KxV .cs-prev{ left:0 !important; }\n      #csLit_jek8KxV .cs-next{ right:0 !important; }\n      #csLit_jek8KxV .cs-lit-arrow{\n        font-size:28px !important; line-height:1 !important; color:#111 !important; font-weight:900 !important;\n        transform: translateY(-1px);\n      }\n\n      #csLit_jek8KxV .cs-lit-dots{\n        display:flex; justify-content:center; gap:10px; margin-top:20px;\n      }\n      #csLit_jek8KxV .cs-lit-dot{\n        all:unset;\n        width:14px !important; height:14px !important;\n        background:#E6E6E6 !important;\n        cursor:pointer !important;\n      }\n      #csLit_jek8KxV .cs-lit-dot.active{ background:var(--csYellow) !important; }\n\n      @media (max-width: 900px){\n        #csLit_jek8KxV .cs-lit-title{ font-size:28px; }\n        #csLit_jek8KxV .cs-lit-nav-btn{ display:none !important; }\n        #csLit_jek8KxV .cs-lit-page{\n          grid-template-columns: repeat(2, minmax(0,1fr)) !important;\n          gap:16px !important;\n          padding:0 !important;\n        }\n      }\n      @media (max-width: 520px){\n        #csLit_jek8KxV .cs-lit-page{ grid-template-columns: 1fr !important; }\n      }\n    <\/style>\n\n    <script>\n      (function(){\n        const root = document.getElementById('csLit_jek8KxV');\n        if(!root) return;\n\n        const viewport = root.querySelector('.cs-lit-viewport');\n        const track = root.querySelector('.cs-lit-track');\n        const pages = root.querySelectorAll('.cs-lit-page');\n        const dots  = root.querySelectorAll('.cs-lit-dot');\n        const prev  = root.querySelector('.cs-prev');\n        const next  = root.querySelector('.cs-next');\n\n        let current = 0;\n        const max = pages.length - 1;\n\n        function update(i){\n          current = Math.max(0, Math.min(max, i));\n          const w = viewport.clientWidth || 0;\n          track.style.transform = 'translateX(' + (-current * w) + 'px)';\n          dots.forEach((d, idx) => d.classList.toggle('active', idx === current));\n\n          if (prev){\n            prev.style.opacity = current === 0 ? '0.45' : '1';\n            prev.style.pointerEvents = current === 0 ? 'none' : 'auto';\n          }\n          if (next){\n            next.style.opacity = current === max ? '0.45' : '1';\n            next.style.pointerEvents = current === max ? 'none' : 'auto';\n          }\n        }\n\n        if (prev) prev.addEventListener('click', () => update(current - 1));\n        if (next) next.addEventListener('click', () => update(current + 1));\n        dots.forEach((d, idx) => d.addEventListener('click', () => update(idx)));\n\n        let raf = null;\n        window.addEventListener('resize', () => {\n          cancelAnimationFrame(raf);\n          raf = requestAnimationFrame(() => update(current));\n        }, { passive:true });\n\n        update(0);\n      })();\n    <\/script>\n  <\/div>\n  <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b61fadb elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"b61fadb\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8342d97\" data-id=\"8342d97\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4ceece3 elementor-widget elementor-widget-shortcode\" data-id=\"4ceece3\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">  <div class=\"cs-lit-section\" id=\"csLit_liCymRE\">\n    <div class=\"cs-lit-header\">\n\t\t<div class=\"cs-lit-icon-box\">B<\/div>\n      <h2 class=\"cs-lit-title\">Sekolah Rendah Islam (JAIS)<\/h2>\n    <\/div>\n\n    <div class=\"cs-lit-wrapper\">\n      <button class=\"cs-lit-nav-btn cs-prev\" type=\"button\" aria-label=\"Prev\">\n        <span class=\"cs-lit-arrow\" aria-hidden=\"true\">\u2039<\/span>\n      <\/button>\n\n      <div class=\"cs-lit-viewport\" aria-label=\"Products carousel viewport\">\n        <div class=\"cs-lit-track\">\n                      <div class=\"cs-lit-page\">\n                                                <div class=\"cs-lit-card\">\n                    <div class=\"cs-lit-img-box\">\n                      <a href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/early-summer-garden-burpees-american-harvest-cookbooks-copy-copy\/\" class=\"cs-lit-img-link\">\n                        <img decoding=\"async\" src=\"https:\/\/yellowcrescentkl.com\/wp-content\/uploads\/2025\/12\/ScreenShot_2025-12-17_231629_105-600x770.png\" alt=\"Early Summer Garden (Burpee&#8217;s American Harvest Cookbooks) (Copy) (Copy)\" loading=\"lazy\">\n                      <\/a>\n                    <\/div>\n\n                    <div class=\"cs-lit-info\">\n                      <h3 class=\"cs-lit-book-title\">\n                        <a class=\"cs-lit-title-link\" href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/early-summer-garden-burpees-american-harvest-cookbooks-copy-copy\/\">\n                          Early Summer Garden (Burpee&#8217;s American Harvest Cookbooks) (Copy) (Copy)                        <\/a>\n                      <\/h3>\n\n                      <div class=\"cs-lit-buyrow\">\n                        <span class=\"cs-lit-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>7.51<\/span><\/span>\n\n                                                <a class=\"cs-lit-atc\" href=\"https:\/\/yellowcrescentkl.com\/ms\/?add-to-cart=276&#038;quantity=1&#038;redirect=cart\" rel=\"nofollow\">\n                          Tambah ke troli\n                        <\/a>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                                                <div class=\"cs-lit-card\">\n                    <div class=\"cs-lit-img-box\">\n                      <a href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/early-summer-garden-burpees-american-harvest-cookbooks-copy\/\" class=\"cs-lit-img-link\">\n                        <img decoding=\"async\" src=\"https:\/\/yellowcrescentkl.com\/wp-content\/uploads\/2025\/12\/ScreenShot_2025-12-17_231629_105-600x770.png\" alt=\"Early Summer Garden (Burpee&#8217;s American Harvest Cookbooks) (Copy)\" loading=\"lazy\">\n                      <\/a>\n                    <\/div>\n\n                    <div class=\"cs-lit-info\">\n                      <h3 class=\"cs-lit-book-title\">\n                        <a class=\"cs-lit-title-link\" href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/early-summer-garden-burpees-american-harvest-cookbooks-copy\/\">\n                          Early Summer Garden (Burpee&#8217;s American Harvest Cookbooks) (Copy)                        <\/a>\n                      <\/h3>\n\n                      <div class=\"cs-lit-buyrow\">\n                        <span class=\"cs-lit-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>7.51<\/span><\/span>\n\n                                                <a class=\"cs-lit-atc\" href=\"https:\/\/yellowcrescentkl.com\/ms\/?add-to-cart=274&#038;quantity=1&#038;redirect=cart\" rel=\"nofollow\">\n                          Tambah ke troli\n                        <\/a>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                                                <div class=\"cs-lit-card\">\n                    <div class=\"cs-lit-img-box\">\n                      <a href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/stranger-things\/\" class=\"cs-lit-img-link\">\n                        <img decoding=\"async\" src=\"https:\/\/yellowcrescentkl.com\/wp-content\/uploads\/2025\/12\/11-600x872.jpg\" alt=\"Harry Potter: The Chamber of Secrets\" loading=\"lazy\">\n                      <\/a>\n                    <\/div>\n\n                    <div class=\"cs-lit-info\">\n                      <h3 class=\"cs-lit-book-title\">\n                        <a class=\"cs-lit-title-link\" href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/stranger-things\/\">\n                          Harry Potter: The Chamber of Secrets                        <\/a>\n                      <\/h3>\n\n                      <div class=\"cs-lit-buyrow\">\n                        <span class=\"cs-lit-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>41.00<\/span><\/del> <span class=\"screen-reader-text\" data-no-translation=\"\" data-trp-gettext=\"\">Original price was: &#082;&#077;41.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>32.00<\/span><\/ins><span class=\"screen-reader-text\" data-no-translation=\"\" data-trp-gettext=\"\">Current price is: &#082;&#077;32.00.<\/span><\/span>\n\n                                                <a class=\"cs-lit-atc\" href=\"https:\/\/yellowcrescentkl.com\/ms\/?add-to-cart=192&#038;quantity=1&#038;redirect=cart\" rel=\"nofollow\">\n                          Tambah ke troli\n                        <\/a>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                                                <div class=\"cs-lit-card\">\n                    <div class=\"cs-lit-img-box\">\n                      <a href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/early-summer-garden-burpees-american-harvest-cookbooks\/\" class=\"cs-lit-img-link\">\n                        <img decoding=\"async\" src=\"https:\/\/yellowcrescentkl.com\/wp-content\/uploads\/2025\/12\/ScreenShot_2025-12-17_231629_105-600x770.png\" alt=\"Early Summer Garden (Burpee&#8217;s American Harvest Cookbooks)\" loading=\"lazy\">\n                      <\/a>\n                    <\/div>\n\n                    <div class=\"cs-lit-info\">\n                      <h3 class=\"cs-lit-book-title\">\n                        <a class=\"cs-lit-title-link\" href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/early-summer-garden-burpees-american-harvest-cookbooks\/\">\n                          Early Summer Garden (Burpee&#8217;s American Harvest Cookbooks)                        <\/a>\n                      <\/h3>\n\n                      <div class=\"cs-lit-buyrow\">\n                        <span class=\"cs-lit-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>7.51<\/span><\/span>\n\n                                                <a class=\"cs-lit-atc\" href=\"https:\/\/yellowcrescentkl.com\/ms\/?add-to-cart=162&#038;quantity=1&#038;redirect=cart\" rel=\"nofollow\">\n                          Tambah ke troli\n                        <\/a>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                          <\/div>\n                  <\/div>\n      <\/div>\n\n      <button class=\"cs-lit-nav-btn cs-next\" type=\"button\" aria-label=\"Next\">\n        <span class=\"cs-lit-arrow\" aria-hidden=\"true\">\u203a<\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"cs-lit-dots\" aria-label=\"Carousel pagination\">\n              <button class=\"cs-lit-dot active\" type=\"button\" aria-label=\"Go to page 1\"><\/button>\n          <\/div>\n\n    <style>\n      #csLit_liCymRE,\n      #csLit_liCymRE *{ box-sizing:border-box !important; }\n\n      #csLit_liCymRE img{ display:block !important; max-width:100% !important; }\n      #csLit_liCymRE a{ text-decoration:none !important; }\n      #csLit_liCymRE button{ all:unset; box-sizing:border-box !important; }\n\n      #csLit_liCymRE{ --csYellow:#FFCC40; --csInk:#000; }\n\n      #csLit_liCymRE.cs-lit-section{\n        max-width:1240px; margin:40px auto; padding:0 20px;\n        font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        background:#fff;\n      }\n      #csLit_liCymRE .cs-lit-header{\n        display:flex; align-items:center; gap:14px; margin-bottom:18px;\n      }\n      #csLit_liCymRE .cs-lit-icon-box{\n        width:34px;height:34px; display:flex;align-items:center;justify-content:center;\n        border-radius:3px; background:var(--csYellow); color:var(--csInk);\n        font-weight:900; font-size:18px; line-height:1;\n      }\n      #csLit_liCymRE .cs-lit-title{\n        margin:0; font-size:34px; font-weight:900; color:var(--csInk); letter-spacing:-0.4px;\n      }\n\n      #csLit_liCymRE .cs-lit-wrapper{ position:relative; }\n      #csLit_liCymRE .cs-lit-viewport{\n        width:100% !important; overflow:hidden !important; position:relative !important;\n      }\n      #csLit_liCymRE .cs-lit-track{\n        display:flex !important; will-change: transform;\n        transform: translateX(0); transition: transform .35s ease;\n      }\n      #csLit_liCymRE .cs-lit-page{\n        flex:0 0 100% !important; width:100% !important;\n        display:grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n        gap:28px !important; padding:0 56px !important;\n      }\n      #csLit_liCymRE .cs-lit-card{ min-width:0; display:flex; flex-direction:column; }\n      #csLit_liCymRE .cs-lit-card--ph{ visibility:hidden; pointer-events:none; }\n\n      #csLit_liCymRE .cs-lit-img-box{\n        aspect-ratio: 4 \/ 5 !important;         \n        width:100% !important;\n        overflow:hidden !important;\n        margin-bottom:14px !important;\n        background:#fff;\n        border:1px solid rgba(0,0,0,.06);\n        border-radius:10px;\n        box-shadow:0 2px 12px rgba(0,0,0,.06);\n      }\n      #csLit_liCymRE .cs-lit-img-link{\n        width:100% !important; height:100% !important;\n        display:block !important;\n      }\n      #csLit_liCymRE .cs-lit-img-box .cs-lit-img-link img{\n        width:100% !important; height:100% !important;\n        object-fit:cover !important;              \n        object-position:center center !important;\n        transform: translateZ(0);\n      }\n\n      #csLit_liCymRE .cs-lit-book-title{\n        margin:0 0 12px 0;\n        font-size:18px; font-weight:900; color:#000; line-height:1.25;\n        display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;\n        min-height:46px;\n      }\n      #csLit_liCymRE .cs-lit-title-link{ color:#000 !important; }\n      #csLit_liCymRE .cs-lit-title-link:hover{ text-decoration:underline !important; }\n\n      #csLit_liCymRE .cs-lit-buyrow{\n        margin-top:auto;\n        display:flex; align-items:center; justify-content:space-between;\n        gap:12px;\n      }\n      #csLit_liCymRE .cs-lit-price{\n        font-size:13px !important; font-weight:800 !important; line-height:1.2 !important;\n        color:#000 !important; white-space:nowrap !important;\n      }\n      #csLit_liCymRE .cs-lit-price del{\n        font-size:11px !important; opacity:.45 !important; margin-right:8px !important;\n      }\n      #csLit_liCymRE .cs-lit-price ins{\n        font-size:13px !important; text-decoration:none !important;\n      }\n\n      #csLit_liCymRE .cs-lit-atc{\n        font-size:11px !important; font-weight:900 !important;\n        height:30px !important; padding:0 11px !important; line-height:30px !important;\n        display:inline-flex !important; align-items:center !important; justify-content:center !important;\n        border-radius:999px !important;\n        background:var(--csYellow) !important; color:#000 !important;\n        border:1px solid rgba(0,0,0,.16) !important;\n        white-space:nowrap !important;\n        box-shadow:0 3px 0 rgba(0,0,0,.10) !important;\n      }\n      #csLit_liCymRE .cs-lit-atc:hover{\n        background:#000 !important; color:var(--csYellow) !important; border-color:#000 !important;\n      }\n\n      #csLit_liCymRE .cs-lit-nav-btn{\n        all:unset;\n        position:absolute !important; top:50% !important; transform:translateY(-50%) !important;\n        width:44px !important; height:44px !important;\n        background:#fff !important; border:1px solid rgba(0,0,0,.12) !important;\n        border-radius:10px !important; box-shadow:0 6px 18px rgba(0,0,0,.12) !important;\n        display:flex !important; align-items:center !important; justify-content:center !important;\n        cursor:pointer !important; z-index:50 !important;\n      }\n      #csLit_liCymRE .cs-prev{ left:0 !important; }\n      #csLit_liCymRE .cs-next{ right:0 !important; }\n      #csLit_liCymRE .cs-lit-arrow{\n        font-size:28px !important; line-height:1 !important; color:#111 !important; font-weight:900 !important;\n        transform: translateY(-1px);\n      }\n\n      #csLit_liCymRE .cs-lit-dots{\n        display:flex; justify-content:center; gap:10px; margin-top:20px;\n      }\n      #csLit_liCymRE .cs-lit-dot{\n        all:unset;\n        width:14px !important; height:14px !important;\n        background:#E6E6E6 !important;\n        cursor:pointer !important;\n      }\n      #csLit_liCymRE .cs-lit-dot.active{ background:var(--csYellow) !important; }\n\n      @media (max-width: 900px){\n        #csLit_liCymRE .cs-lit-title{ font-size:28px; }\n        #csLit_liCymRE .cs-lit-nav-btn{ display:none !important; }\n        #csLit_liCymRE .cs-lit-page{\n          grid-template-columns: repeat(2, minmax(0,1fr)) !important;\n          gap:16px !important;\n          padding:0 !important;\n        }\n      }\n      @media (max-width: 520px){\n        #csLit_liCymRE .cs-lit-page{ grid-template-columns: 1fr !important; }\n      }\n    <\/style>\n\n    <script>\n      (function(){\n        const root = document.getElementById('csLit_liCymRE');\n        if(!root) return;\n\n        const viewport = root.querySelector('.cs-lit-viewport');\n        const track = root.querySelector('.cs-lit-track');\n        const pages = root.querySelectorAll('.cs-lit-page');\n        const dots  = root.querySelectorAll('.cs-lit-dot');\n        const prev  = root.querySelector('.cs-prev');\n        const next  = root.querySelector('.cs-next');\n\n        let current = 0;\n        const max = pages.length - 1;\n\n        function update(i){\n          current = Math.max(0, Math.min(max, i));\n          const w = viewport.clientWidth || 0;\n          track.style.transform = 'translateX(' + (-current * w) + 'px)';\n          dots.forEach((d, idx) => d.classList.toggle('active', idx === current));\n\n          if (prev){\n            prev.style.opacity = current === 0 ? '0.45' : '1';\n            prev.style.pointerEvents = current === 0 ? 'none' : 'auto';\n          }\n          if (next){\n            next.style.opacity = current === max ? '0.45' : '1';\n            next.style.pointerEvents = current === max ? 'none' : 'auto';\n          }\n        }\n\n        if (prev) prev.addEventListener('click', () => update(current - 1));\n        if (next) next.addEventListener('click', () => update(current + 1));\n        dots.forEach((d, idx) => d.addEventListener('click', () => update(idx)));\n\n        let raf = null;\n        window.addEventListener('resize', () => {\n          cancelAnimationFrame(raf);\n          raf = requestAnimationFrame(() => update(current));\n        }, { passive:true });\n\n        update(0);\n      })();\n    <\/script>\n  <\/div>\n  <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04dc378 elementor-widget elementor-widget-shortcode\" data-id=\"04dc378\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">  <div class=\"cs-lit-section\" id=\"csLit_OwUkxJb\">\n    <div class=\"cs-lit-header\">\n\t\t<div class=\"cs-lit-icon-box\">C<\/div>\n      <h2 class=\"cs-lit-title\">Sekolah Rendah Islam (JAKIM)<\/h2>\n    <\/div>\n\n    <div class=\"cs-lit-wrapper\">\n      <button class=\"cs-lit-nav-btn cs-prev\" type=\"button\" aria-label=\"Prev\">\n        <span class=\"cs-lit-arrow\" aria-hidden=\"true\">\u2039<\/span>\n      <\/button>\n\n      <div class=\"cs-lit-viewport\" aria-label=\"Products carousel viewport\">\n        <div class=\"cs-lit-track\">\n                      <div class=\"cs-lit-page\">\n                                                <div class=\"cs-lit-card\">\n                    <div class=\"cs-lit-img-box\">\n                      <a href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/stranger-things\/\" class=\"cs-lit-img-link\">\n                        <img decoding=\"async\" src=\"https:\/\/yellowcrescentkl.com\/wp-content\/uploads\/2025\/12\/11-600x872.jpg\" alt=\"Harry Potter: The Chamber of Secrets\" loading=\"lazy\">\n                      <\/a>\n                    <\/div>\n\n                    <div class=\"cs-lit-info\">\n                      <h3 class=\"cs-lit-book-title\">\n                        <a class=\"cs-lit-title-link\" href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/stranger-things\/\">\n                          Harry Potter: The Chamber of Secrets                        <\/a>\n                      <\/h3>\n\n                      <div class=\"cs-lit-buyrow\">\n                        <span class=\"cs-lit-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>41.00<\/span><\/del> <span class=\"screen-reader-text\" data-no-translation=\"\" data-trp-gettext=\"\">Original price was: &#082;&#077;41.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>32.00<\/span><\/ins><span class=\"screen-reader-text\" data-no-translation=\"\" data-trp-gettext=\"\">Current price is: &#082;&#077;32.00.<\/span><\/span>\n\n                                                <a class=\"cs-lit-atc\" href=\"https:\/\/yellowcrescentkl.com\/ms\/?add-to-cart=192&#038;quantity=1&#038;redirect=cart\" rel=\"nofollow\">\n                          Tambah ke troli\n                        <\/a>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                                                <div class=\"cs-lit-card cs-lit-card--ph\" aria-hidden=\"true\"><\/div>\n                                                                <div class=\"cs-lit-card cs-lit-card--ph\" aria-hidden=\"true\"><\/div>\n                                                                <div class=\"cs-lit-card cs-lit-card--ph\" aria-hidden=\"true\"><\/div>\n                                          <\/div>\n                  <\/div>\n      <\/div>\n\n      <button class=\"cs-lit-nav-btn cs-next\" type=\"button\" aria-label=\"Next\">\n        <span class=\"cs-lit-arrow\" aria-hidden=\"true\">\u203a<\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"cs-lit-dots\" aria-label=\"Carousel pagination\">\n              <button class=\"cs-lit-dot active\" type=\"button\" aria-label=\"Go to page 1\"><\/button>\n          <\/div>\n\n    <style>\n      #csLit_OwUkxJb,\n      #csLit_OwUkxJb *{ box-sizing:border-box !important; }\n\n      #csLit_OwUkxJb img{ display:block !important; max-width:100% !important; }\n      #csLit_OwUkxJb a{ text-decoration:none !important; }\n      #csLit_OwUkxJb button{ all:unset; box-sizing:border-box !important; }\n\n      #csLit_OwUkxJb{ --csYellow:#FFCC40; --csInk:#000; }\n\n      #csLit_OwUkxJb.cs-lit-section{\n        max-width:1240px; margin:40px auto; padding:0 20px;\n        font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        background:#fff;\n      }\n      #csLit_OwUkxJb .cs-lit-header{\n        display:flex; align-items:center; gap:14px; margin-bottom:18px;\n      }\n      #csLit_OwUkxJb .cs-lit-icon-box{\n        width:34px;height:34px; display:flex;align-items:center;justify-content:center;\n        border-radius:3px; background:var(--csYellow); color:var(--csInk);\n        font-weight:900; font-size:18px; line-height:1;\n      }\n      #csLit_OwUkxJb .cs-lit-title{\n        margin:0; font-size:34px; font-weight:900; color:var(--csInk); letter-spacing:-0.4px;\n      }\n\n      #csLit_OwUkxJb .cs-lit-wrapper{ position:relative; }\n      #csLit_OwUkxJb .cs-lit-viewport{\n        width:100% !important; overflow:hidden !important; position:relative !important;\n      }\n      #csLit_OwUkxJb .cs-lit-track{\n        display:flex !important; will-change: transform;\n        transform: translateX(0); transition: transform .35s ease;\n      }\n      #csLit_OwUkxJb .cs-lit-page{\n        flex:0 0 100% !important; width:100% !important;\n        display:grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n        gap:28px !important; padding:0 56px !important;\n      }\n      #csLit_OwUkxJb .cs-lit-card{ min-width:0; display:flex; flex-direction:column; }\n      #csLit_OwUkxJb .cs-lit-card--ph{ visibility:hidden; pointer-events:none; }\n\n      #csLit_OwUkxJb .cs-lit-img-box{\n        aspect-ratio: 4 \/ 5 !important;         \n        width:100% !important;\n        overflow:hidden !important;\n        margin-bottom:14px !important;\n        background:#fff;\n        border:1px solid rgba(0,0,0,.06);\n        border-radius:10px;\n        box-shadow:0 2px 12px rgba(0,0,0,.06);\n      }\n      #csLit_OwUkxJb .cs-lit-img-link{\n        width:100% !important; height:100% !important;\n        display:block !important;\n      }\n      #csLit_OwUkxJb .cs-lit-img-box .cs-lit-img-link img{\n        width:100% !important; height:100% !important;\n        object-fit:cover !important;              \n        object-position:center center !important;\n        transform: translateZ(0);\n      }\n\n      #csLit_OwUkxJb .cs-lit-book-title{\n        margin:0 0 12px 0;\n        font-size:18px; font-weight:900; color:#000; line-height:1.25;\n        display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;\n        min-height:46px;\n      }\n      #csLit_OwUkxJb .cs-lit-title-link{ color:#000 !important; }\n      #csLit_OwUkxJb .cs-lit-title-link:hover{ text-decoration:underline !important; }\n\n      #csLit_OwUkxJb .cs-lit-buyrow{\n        margin-top:auto;\n        display:flex; align-items:center; justify-content:space-between;\n        gap:12px;\n      }\n      #csLit_OwUkxJb .cs-lit-price{\n        font-size:13px !important; font-weight:800 !important; line-height:1.2 !important;\n        color:#000 !important; white-space:nowrap !important;\n      }\n      #csLit_OwUkxJb .cs-lit-price del{\n        font-size:11px !important; opacity:.45 !important; margin-right:8px !important;\n      }\n      #csLit_OwUkxJb .cs-lit-price ins{\n        font-size:13px !important; text-decoration:none !important;\n      }\n\n      #csLit_OwUkxJb .cs-lit-atc{\n        font-size:11px !important; font-weight:900 !important;\n        height:30px !important; padding:0 11px !important; line-height:30px !important;\n        display:inline-flex !important; align-items:center !important; justify-content:center !important;\n        border-radius:999px !important;\n        background:var(--csYellow) !important; color:#000 !important;\n        border:1px solid rgba(0,0,0,.16) !important;\n        white-space:nowrap !important;\n        box-shadow:0 3px 0 rgba(0,0,0,.10) !important;\n      }\n      #csLit_OwUkxJb .cs-lit-atc:hover{\n        background:#000 !important; color:var(--csYellow) !important; border-color:#000 !important;\n      }\n\n      #csLit_OwUkxJb .cs-lit-nav-btn{\n        all:unset;\n        position:absolute !important; top:50% !important; transform:translateY(-50%) !important;\n        width:44px !important; height:44px !important;\n        background:#fff !important; border:1px solid rgba(0,0,0,.12) !important;\n        border-radius:10px !important; box-shadow:0 6px 18px rgba(0,0,0,.12) !important;\n        display:flex !important; align-items:center !important; justify-content:center !important;\n        cursor:pointer !important; z-index:50 !important;\n      }\n      #csLit_OwUkxJb .cs-prev{ left:0 !important; }\n      #csLit_OwUkxJb .cs-next{ right:0 !important; }\n      #csLit_OwUkxJb .cs-lit-arrow{\n        font-size:28px !important; line-height:1 !important; color:#111 !important; font-weight:900 !important;\n        transform: translateY(-1px);\n      }\n\n      #csLit_OwUkxJb .cs-lit-dots{\n        display:flex; justify-content:center; gap:10px; margin-top:20px;\n      }\n      #csLit_OwUkxJb .cs-lit-dot{\n        all:unset;\n        width:14px !important; height:14px !important;\n        background:#E6E6E6 !important;\n        cursor:pointer !important;\n      }\n      #csLit_OwUkxJb .cs-lit-dot.active{ background:var(--csYellow) !important; }\n\n      @media (max-width: 900px){\n        #csLit_OwUkxJb .cs-lit-title{ font-size:28px; }\n        #csLit_OwUkxJb .cs-lit-nav-btn{ display:none !important; }\n        #csLit_OwUkxJb .cs-lit-page{\n          grid-template-columns: repeat(2, minmax(0,1fr)) !important;\n          gap:16px !important;\n          padding:0 !important;\n        }\n      }\n      @media (max-width: 520px){\n        #csLit_OwUkxJb .cs-lit-page{ grid-template-columns: 1fr !important; }\n      }\n    <\/style>\n\n    <script>\n      (function(){\n        const root = document.getElementById('csLit_OwUkxJb');\n        if(!root) return;\n\n        const viewport = root.querySelector('.cs-lit-viewport');\n        const track = root.querySelector('.cs-lit-track');\n        const pages = root.querySelectorAll('.cs-lit-page');\n        const dots  = root.querySelectorAll('.cs-lit-dot');\n        const prev  = root.querySelector('.cs-prev');\n        const next  = root.querySelector('.cs-next');\n\n        let current = 0;\n        const max = pages.length - 1;\n\n        function update(i){\n          current = Math.max(0, Math.min(max, i));\n          const w = viewport.clientWidth || 0;\n          track.style.transform = 'translateX(' + (-current * w) + 'px)';\n          dots.forEach((d, idx) => d.classList.toggle('active', idx === current));\n\n          if (prev){\n            prev.style.opacity = current === 0 ? '0.45' : '1';\n            prev.style.pointerEvents = current === 0 ? 'none' : 'auto';\n          }\n          if (next){\n            next.style.opacity = current === max ? '0.45' : '1';\n            next.style.pointerEvents = current === max ? 'none' : 'auto';\n          }\n        }\n\n        if (prev) prev.addEventListener('click', () => update(current - 1));\n        if (next) next.addEventListener('click', () => update(current + 1));\n        dots.forEach((d, idx) => d.addEventListener('click', () => update(idx)));\n\n        let raf = null;\n        window.addEventListener('resize', () => {\n          cancelAnimationFrame(raf);\n          raf = requestAnimationFrame(() => update(current));\n        }, { passive:true });\n\n        update(0);\n      })();\n    <\/script>\n  <\/div>\n  <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b796ec elementor-widget elementor-widget-shortcode\" data-id=\"4b796ec\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">  <div class=\"cs-lit-section\" id=\"csLit_vwNXbR3\">\n    <div class=\"cs-lit-header\">\n\t\t<div class=\"cs-lit-icon-box\">D<\/div>\n      <h2 class=\"cs-lit-title\">Sekolah Menengah<\/h2>\n    <\/div>\n\n    <div class=\"cs-lit-wrapper\">\n      <button class=\"cs-lit-nav-btn cs-prev\" type=\"button\" aria-label=\"Prev\">\n        <span class=\"cs-lit-arrow\" aria-hidden=\"true\">\u2039<\/span>\n      <\/button>\n\n      <div class=\"cs-lit-viewport\" aria-label=\"Products carousel viewport\">\n        <div class=\"cs-lit-track\">\n                      <div class=\"cs-lit-page\">\n                                                <div class=\"cs-lit-card\">\n                    <div class=\"cs-lit-img-box\">\n                      <a href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/stranger-things\/\" class=\"cs-lit-img-link\">\n                        <img decoding=\"async\" src=\"https:\/\/yellowcrescentkl.com\/wp-content\/uploads\/2025\/12\/11-600x872.jpg\" alt=\"Harry Potter: The Chamber of Secrets\" loading=\"lazy\">\n                      <\/a>\n                    <\/div>\n\n                    <div class=\"cs-lit-info\">\n                      <h3 class=\"cs-lit-book-title\">\n                        <a class=\"cs-lit-title-link\" href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/stranger-things\/\">\n                          Harry Potter: The Chamber of Secrets                        <\/a>\n                      <\/h3>\n\n                      <div class=\"cs-lit-buyrow\">\n                        <span class=\"cs-lit-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>41.00<\/span><\/del> <span class=\"screen-reader-text\" data-no-translation=\"\" data-trp-gettext=\"\">Original price was: &#082;&#077;41.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>32.00<\/span><\/ins><span class=\"screen-reader-text\" data-no-translation=\"\" data-trp-gettext=\"\">Current price is: &#082;&#077;32.00.<\/span><\/span>\n\n                                                <a class=\"cs-lit-atc\" href=\"https:\/\/yellowcrescentkl.com\/ms\/?add-to-cart=192&#038;quantity=1&#038;redirect=cart\" rel=\"nofollow\">\n                          Tambah ke troli\n                        <\/a>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                                                <div class=\"cs-lit-card cs-lit-card--ph\" aria-hidden=\"true\"><\/div>\n                                                                <div class=\"cs-lit-card cs-lit-card--ph\" aria-hidden=\"true\"><\/div>\n                                                                <div class=\"cs-lit-card cs-lit-card--ph\" aria-hidden=\"true\"><\/div>\n                                          <\/div>\n                  <\/div>\n      <\/div>\n\n      <button class=\"cs-lit-nav-btn cs-next\" type=\"button\" aria-label=\"Next\">\n        <span class=\"cs-lit-arrow\" aria-hidden=\"true\">\u203a<\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"cs-lit-dots\" aria-label=\"Carousel pagination\">\n              <button class=\"cs-lit-dot active\" type=\"button\" aria-label=\"Go to page 1\"><\/button>\n          <\/div>\n\n    <style>\n      #csLit_vwNXbR3,\n      #csLit_vwNXbR3 *{ box-sizing:border-box !important; }\n\n      #csLit_vwNXbR3 img{ display:block !important; max-width:100% !important; }\n      #csLit_vwNXbR3 a{ text-decoration:none !important; }\n      #csLit_vwNXbR3 button{ all:unset; box-sizing:border-box !important; }\n\n      #csLit_vwNXbR3{ --csYellow:#FFCC40; --csInk:#000; }\n\n      #csLit_vwNXbR3.cs-lit-section{\n        max-width:1240px; margin:40px auto; padding:0 20px;\n        font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        background:#fff;\n      }\n      #csLit_vwNXbR3 .cs-lit-header{\n        display:flex; align-items:center; gap:14px; margin-bottom:18px;\n      }\n      #csLit_vwNXbR3 .cs-lit-icon-box{\n        width:34px;height:34px; display:flex;align-items:center;justify-content:center;\n        border-radius:3px; background:var(--csYellow); color:var(--csInk);\n        font-weight:900; font-size:18px; line-height:1;\n      }\n      #csLit_vwNXbR3 .cs-lit-title{\n        margin:0; font-size:34px; font-weight:900; color:var(--csInk); letter-spacing:-0.4px;\n      }\n\n      #csLit_vwNXbR3 .cs-lit-wrapper{ position:relative; }\n      #csLit_vwNXbR3 .cs-lit-viewport{\n        width:100% !important; overflow:hidden !important; position:relative !important;\n      }\n      #csLit_vwNXbR3 .cs-lit-track{\n        display:flex !important; will-change: transform;\n        transform: translateX(0); transition: transform .35s ease;\n      }\n      #csLit_vwNXbR3 .cs-lit-page{\n        flex:0 0 100% !important; width:100% !important;\n        display:grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n        gap:28px !important; padding:0 56px !important;\n      }\n      #csLit_vwNXbR3 .cs-lit-card{ min-width:0; display:flex; flex-direction:column; }\n      #csLit_vwNXbR3 .cs-lit-card--ph{ visibility:hidden; pointer-events:none; }\n\n      #csLit_vwNXbR3 .cs-lit-img-box{\n        aspect-ratio: 4 \/ 5 !important;         \n        width:100% !important;\n        overflow:hidden !important;\n        margin-bottom:14px !important;\n        background:#fff;\n        border:1px solid rgba(0,0,0,.06);\n        border-radius:10px;\n        box-shadow:0 2px 12px rgba(0,0,0,.06);\n      }\n      #csLit_vwNXbR3 .cs-lit-img-link{\n        width:100% !important; height:100% !important;\n        display:block !important;\n      }\n      #csLit_vwNXbR3 .cs-lit-img-box .cs-lit-img-link img{\n        width:100% !important; height:100% !important;\n        object-fit:cover !important;              \n        object-position:center center !important;\n        transform: translateZ(0);\n      }\n\n      #csLit_vwNXbR3 .cs-lit-book-title{\n        margin:0 0 12px 0;\n        font-size:18px; font-weight:900; color:#000; line-height:1.25;\n        display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;\n        min-height:46px;\n      }\n      #csLit_vwNXbR3 .cs-lit-title-link{ color:#000 !important; }\n      #csLit_vwNXbR3 .cs-lit-title-link:hover{ text-decoration:underline !important; }\n\n      #csLit_vwNXbR3 .cs-lit-buyrow{\n        margin-top:auto;\n        display:flex; align-items:center; justify-content:space-between;\n        gap:12px;\n      }\n      #csLit_vwNXbR3 .cs-lit-price{\n        font-size:13px !important; font-weight:800 !important; line-height:1.2 !important;\n        color:#000 !important; white-space:nowrap !important;\n      }\n      #csLit_vwNXbR3 .cs-lit-price del{\n        font-size:11px !important; opacity:.45 !important; margin-right:8px !important;\n      }\n      #csLit_vwNXbR3 .cs-lit-price ins{\n        font-size:13px !important; text-decoration:none !important;\n      }\n\n      #csLit_vwNXbR3 .cs-lit-atc{\n        font-size:11px !important; font-weight:900 !important;\n        height:30px !important; padding:0 11px !important; line-height:30px !important;\n        display:inline-flex !important; align-items:center !important; justify-content:center !important;\n        border-radius:999px !important;\n        background:var(--csYellow) !important; color:#000 !important;\n        border:1px solid rgba(0,0,0,.16) !important;\n        white-space:nowrap !important;\n        box-shadow:0 3px 0 rgba(0,0,0,.10) !important;\n      }\n      #csLit_vwNXbR3 .cs-lit-atc:hover{\n        background:#000 !important; color:var(--csYellow) !important; border-color:#000 !important;\n      }\n\n      #csLit_vwNXbR3 .cs-lit-nav-btn{\n        all:unset;\n        position:absolute !important; top:50% !important; transform:translateY(-50%) !important;\n        width:44px !important; height:44px !important;\n        background:#fff !important; border:1px solid rgba(0,0,0,.12) !important;\n        border-radius:10px !important; box-shadow:0 6px 18px rgba(0,0,0,.12) !important;\n        display:flex !important; align-items:center !important; justify-content:center !important;\n        cursor:pointer !important; z-index:50 !important;\n      }\n      #csLit_vwNXbR3 .cs-prev{ left:0 !important; }\n      #csLit_vwNXbR3 .cs-next{ right:0 !important; }\n      #csLit_vwNXbR3 .cs-lit-arrow{\n        font-size:28px !important; line-height:1 !important; color:#111 !important; font-weight:900 !important;\n        transform: translateY(-1px);\n      }\n\n      #csLit_vwNXbR3 .cs-lit-dots{\n        display:flex; justify-content:center; gap:10px; margin-top:20px;\n      }\n      #csLit_vwNXbR3 .cs-lit-dot{\n        all:unset;\n        width:14px !important; height:14px !important;\n        background:#E6E6E6 !important;\n        cursor:pointer !important;\n      }\n      #csLit_vwNXbR3 .cs-lit-dot.active{ background:var(--csYellow) !important; }\n\n      @media (max-width: 900px){\n        #csLit_vwNXbR3 .cs-lit-title{ font-size:28px; }\n        #csLit_vwNXbR3 .cs-lit-nav-btn{ display:none !important; }\n        #csLit_vwNXbR3 .cs-lit-page{\n          grid-template-columns: repeat(2, minmax(0,1fr)) !important;\n          gap:16px !important;\n          padding:0 !important;\n        }\n      }\n      @media (max-width: 520px){\n        #csLit_vwNXbR3 .cs-lit-page{ grid-template-columns: 1fr !important; }\n      }\n    <\/style>\n\n    <script>\n      (function(){\n        const root = document.getElementById('csLit_vwNXbR3');\n        if(!root) return;\n\n        const viewport = root.querySelector('.cs-lit-viewport');\n        const track = root.querySelector('.cs-lit-track');\n        const pages = root.querySelectorAll('.cs-lit-page');\n        const dots  = root.querySelectorAll('.cs-lit-dot');\n        const prev  = root.querySelector('.cs-prev');\n        const next  = root.querySelector('.cs-next');\n\n        let current = 0;\n        const max = pages.length - 1;\n\n        function update(i){\n          current = Math.max(0, Math.min(max, i));\n          const w = viewport.clientWidth || 0;\n          track.style.transform = 'translateX(' + (-current * w) + 'px)';\n          dots.forEach((d, idx) => d.classList.toggle('active', idx === current));\n\n          if (prev){\n            prev.style.opacity = current === 0 ? '0.45' : '1';\n            prev.style.pointerEvents = current === 0 ? 'none' : 'auto';\n          }\n          if (next){\n            next.style.opacity = current === max ? '0.45' : '1';\n            next.style.pointerEvents = current === max ? 'none' : 'auto';\n          }\n        }\n\n        if (prev) prev.addEventListener('click', () => update(current - 1));\n        if (next) next.addEventListener('click', () => update(current + 1));\n        dots.forEach((d, idx) => d.addEventListener('click', () => update(idx)));\n\n        let raf = null;\n        window.addEventListener('resize', () => {\n          cancelAnimationFrame(raf);\n          raf = requestAnimationFrame(() => update(current));\n        }, { passive:true });\n\n        update(0);\n      })();\n    <\/script>\n  <\/div>\n  <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c58dfde elementor-widget elementor-widget-shortcode\" data-id=\"c58dfde\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">  <div class=\"cs-lit-section\" id=\"csLit_ZYQHOrJ\">\n    <div class=\"cs-lit-header\">\n\t\t<div class=\"cs-lit-icon-box\">E<\/div>\n      <h2 class=\"cs-lit-title\">Sekolah Menengah Islam<\/h2>\n    <\/div>\n\n    <div class=\"cs-lit-wrapper\">\n      <button class=\"cs-lit-nav-btn cs-prev\" type=\"button\" aria-label=\"Prev\">\n        <span class=\"cs-lit-arrow\" aria-hidden=\"true\">\u2039<\/span>\n      <\/button>\n\n      <div class=\"cs-lit-viewport\" aria-label=\"Products carousel viewport\">\n        <div class=\"cs-lit-track\">\n                      <div class=\"cs-lit-page\">\n                                                <div class=\"cs-lit-card\">\n                    <div class=\"cs-lit-img-box\">\n                      <a href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/early-summer-garden-burpees-american-harvest-cookbooks-copy-copy\/\" class=\"cs-lit-img-link\">\n                        <img decoding=\"async\" src=\"https:\/\/yellowcrescentkl.com\/wp-content\/uploads\/2025\/12\/ScreenShot_2025-12-17_231629_105-600x770.png\" alt=\"Early Summer Garden (Burpee&#8217;s American Harvest Cookbooks) (Copy) (Copy)\" loading=\"lazy\">\n                      <\/a>\n                    <\/div>\n\n                    <div class=\"cs-lit-info\">\n                      <h3 class=\"cs-lit-book-title\">\n                        <a class=\"cs-lit-title-link\" href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/early-summer-garden-burpees-american-harvest-cookbooks-copy-copy\/\">\n                          Early Summer Garden (Burpee&#8217;s American Harvest Cookbooks) (Copy) (Copy)                        <\/a>\n                      <\/h3>\n\n                      <div class=\"cs-lit-buyrow\">\n                        <span class=\"cs-lit-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>7.51<\/span><\/span>\n\n                                                <a class=\"cs-lit-atc\" href=\"https:\/\/yellowcrescentkl.com\/ms\/?add-to-cart=276&#038;quantity=1&#038;redirect=cart\" rel=\"nofollow\">\n                          Tambah ke troli\n                        <\/a>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                                                <div class=\"cs-lit-card\">\n                    <div class=\"cs-lit-img-box\">\n                      <a href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/early-summer-garden-burpees-american-harvest-cookbooks-copy\/\" class=\"cs-lit-img-link\">\n                        <img decoding=\"async\" src=\"https:\/\/yellowcrescentkl.com\/wp-content\/uploads\/2025\/12\/ScreenShot_2025-12-17_231629_105-600x770.png\" alt=\"Early Summer Garden (Burpee&#8217;s American Harvest Cookbooks) (Copy)\" loading=\"lazy\">\n                      <\/a>\n                    <\/div>\n\n                    <div class=\"cs-lit-info\">\n                      <h3 class=\"cs-lit-book-title\">\n                        <a class=\"cs-lit-title-link\" href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/early-summer-garden-burpees-american-harvest-cookbooks-copy\/\">\n                          Early Summer Garden (Burpee&#8217;s American Harvest Cookbooks) (Copy)                        <\/a>\n                      <\/h3>\n\n                      <div class=\"cs-lit-buyrow\">\n                        <span class=\"cs-lit-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>7.51<\/span><\/span>\n\n                                                <a class=\"cs-lit-atc\" href=\"https:\/\/yellowcrescentkl.com\/ms\/?add-to-cart=274&#038;quantity=1&#038;redirect=cart\" rel=\"nofollow\">\n                          Tambah ke troli\n                        <\/a>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                                                <div class=\"cs-lit-card\">\n                    <div class=\"cs-lit-img-box\">\n                      <a href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/stranger-things\/\" class=\"cs-lit-img-link\">\n                        <img decoding=\"async\" src=\"https:\/\/yellowcrescentkl.com\/wp-content\/uploads\/2025\/12\/11-600x872.jpg\" alt=\"Harry Potter: The Chamber of Secrets\" loading=\"lazy\">\n                      <\/a>\n                    <\/div>\n\n                    <div class=\"cs-lit-info\">\n                      <h3 class=\"cs-lit-book-title\">\n                        <a class=\"cs-lit-title-link\" href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/stranger-things\/\">\n                          Harry Potter: The Chamber of Secrets                        <\/a>\n                      <\/h3>\n\n                      <div class=\"cs-lit-buyrow\">\n                        <span class=\"cs-lit-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>41.00<\/span><\/del> <span class=\"screen-reader-text\" data-no-translation=\"\" data-trp-gettext=\"\">Original price was: &#082;&#077;41.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>32.00<\/span><\/ins><span class=\"screen-reader-text\" data-no-translation=\"\" data-trp-gettext=\"\">Current price is: &#082;&#077;32.00.<\/span><\/span>\n\n                                                <a class=\"cs-lit-atc\" href=\"https:\/\/yellowcrescentkl.com\/ms\/?add-to-cart=192&#038;quantity=1&#038;redirect=cart\" rel=\"nofollow\">\n                          Tambah ke troli\n                        <\/a>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                                                <div class=\"cs-lit-card\">\n                    <div class=\"cs-lit-img-box\">\n                      <a href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/early-summer-garden-burpees-american-harvest-cookbooks\/\" class=\"cs-lit-img-link\">\n                        <img decoding=\"async\" src=\"https:\/\/yellowcrescentkl.com\/wp-content\/uploads\/2025\/12\/ScreenShot_2025-12-17_231629_105-600x770.png\" alt=\"Early Summer Garden (Burpee&#8217;s American Harvest Cookbooks)\" loading=\"lazy\">\n                      <\/a>\n                    <\/div>\n\n                    <div class=\"cs-lit-info\">\n                      <h3 class=\"cs-lit-book-title\">\n                        <a class=\"cs-lit-title-link\" href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/early-summer-garden-burpees-american-harvest-cookbooks\/\">\n                          Early Summer Garden (Burpee&#8217;s American Harvest Cookbooks)                        <\/a>\n                      <\/h3>\n\n                      <div class=\"cs-lit-buyrow\">\n                        <span class=\"cs-lit-price\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>7.51<\/span><\/span>\n\n                                                <a class=\"cs-lit-atc\" href=\"https:\/\/yellowcrescentkl.com\/ms\/?add-to-cart=162&#038;quantity=1&#038;redirect=cart\" rel=\"nofollow\">\n                          Tambah ke troli\n                        <\/a>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                          <\/div>\n                  <\/div>\n      <\/div>\n\n      <button class=\"cs-lit-nav-btn cs-next\" type=\"button\" aria-label=\"Next\">\n        <span class=\"cs-lit-arrow\" aria-hidden=\"true\">\u203a<\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"cs-lit-dots\" aria-label=\"Carousel pagination\">\n              <button class=\"cs-lit-dot active\" type=\"button\" aria-label=\"Go to page 1\"><\/button>\n          <\/div>\n\n    <style>\n      #csLit_ZYQHOrJ,\n      #csLit_ZYQHOrJ *{ box-sizing:border-box !important; }\n\n      #csLit_ZYQHOrJ img{ display:block !important; max-width:100% !important; }\n      #csLit_ZYQHOrJ a{ text-decoration:none !important; }\n      #csLit_ZYQHOrJ button{ all:unset; box-sizing:border-box !important; }\n\n      #csLit_ZYQHOrJ{ --csYellow:#FFCC40; --csInk:#000; }\n\n      #csLit_ZYQHOrJ.cs-lit-section{\n        max-width:1240px; margin:40px auto; padding:0 20px;\n        font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        background:#fff;\n      }\n      #csLit_ZYQHOrJ .cs-lit-header{\n        display:flex; align-items:center; gap:14px; margin-bottom:18px;\n      }\n      #csLit_ZYQHOrJ .cs-lit-icon-box{\n        width:34px;height:34px; display:flex;align-items:center;justify-content:center;\n        border-radius:3px; background:var(--csYellow); color:var(--csInk);\n        font-weight:900; font-size:18px; line-height:1;\n      }\n      #csLit_ZYQHOrJ .cs-lit-title{\n        margin:0; font-size:34px; font-weight:900; color:var(--csInk); letter-spacing:-0.4px;\n      }\n\n      #csLit_ZYQHOrJ .cs-lit-wrapper{ position:relative; }\n      #csLit_ZYQHOrJ .cs-lit-viewport{\n        width:100% !important; overflow:hidden !important; position:relative !important;\n      }\n      #csLit_ZYQHOrJ .cs-lit-track{\n        display:flex !important; will-change: transform;\n        transform: translateX(0); transition: transform .35s ease;\n      }\n      #csLit_ZYQHOrJ .cs-lit-page{\n        flex:0 0 100% !important; width:100% !important;\n        display:grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n        gap:28px !important; padding:0 56px !important;\n      }\n      #csLit_ZYQHOrJ .cs-lit-card{ min-width:0; display:flex; flex-direction:column; }\n      #csLit_ZYQHOrJ .cs-lit-card--ph{ visibility:hidden; pointer-events:none; }\n\n      #csLit_ZYQHOrJ .cs-lit-img-box{\n        aspect-ratio: 4 \/ 5 !important;         \n        width:100% !important;\n        overflow:hidden !important;\n        margin-bottom:14px !important;\n        background:#fff;\n        border:1px solid rgba(0,0,0,.06);\n        border-radius:10px;\n        box-shadow:0 2px 12px rgba(0,0,0,.06);\n      }\n      #csLit_ZYQHOrJ .cs-lit-img-link{\n        width:100% !important; height:100% !important;\n        display:block !important;\n      }\n      #csLit_ZYQHOrJ .cs-lit-img-box .cs-lit-img-link img{\n        width:100% !important; height:100% !important;\n        object-fit:cover !important;              \n        object-position:center center !important;\n        transform: translateZ(0);\n      }\n\n      #csLit_ZYQHOrJ .cs-lit-book-title{\n        margin:0 0 12px 0;\n        font-size:18px; font-weight:900; color:#000; line-height:1.25;\n        display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;\n        min-height:46px;\n      }\n      #csLit_ZYQHOrJ .cs-lit-title-link{ color:#000 !important; }\n      #csLit_ZYQHOrJ .cs-lit-title-link:hover{ text-decoration:underline !important; }\n\n      #csLit_ZYQHOrJ .cs-lit-buyrow{\n        margin-top:auto;\n        display:flex; align-items:center; justify-content:space-between;\n        gap:12px;\n      }\n      #csLit_ZYQHOrJ .cs-lit-price{\n        font-size:13px !important; font-weight:800 !important; line-height:1.2 !important;\n        color:#000 !important; white-space:nowrap !important;\n      }\n      #csLit_ZYQHOrJ .cs-lit-price del{\n        font-size:11px !important; opacity:.45 !important; margin-right:8px !important;\n      }\n      #csLit_ZYQHOrJ .cs-lit-price ins{\n        font-size:13px !important; text-decoration:none !important;\n      }\n\n      #csLit_ZYQHOrJ .cs-lit-atc{\n        font-size:11px !important; font-weight:900 !important;\n        height:30px !important; padding:0 11px !important; line-height:30px !important;\n        display:inline-flex !important; align-items:center !important; justify-content:center !important;\n        border-radius:999px !important;\n        background:var(--csYellow) !important; color:#000 !important;\n        border:1px solid rgba(0,0,0,.16) !important;\n        white-space:nowrap !important;\n        box-shadow:0 3px 0 rgba(0,0,0,.10) !important;\n      }\n      #csLit_ZYQHOrJ .cs-lit-atc:hover{\n        background:#000 !important; color:var(--csYellow) !important; border-color:#000 !important;\n      }\n\n      #csLit_ZYQHOrJ .cs-lit-nav-btn{\n        all:unset;\n        position:absolute !important; top:50% !important; transform:translateY(-50%) !important;\n        width:44px !important; height:44px !important;\n        background:#fff !important; border:1px solid rgba(0,0,0,.12) !important;\n        border-radius:10px !important; box-shadow:0 6px 18px rgba(0,0,0,.12) !important;\n        display:flex !important; align-items:center !important; justify-content:center !important;\n        cursor:pointer !important; z-index:50 !important;\n      }\n      #csLit_ZYQHOrJ .cs-prev{ left:0 !important; }\n      #csLit_ZYQHOrJ .cs-next{ right:0 !important; }\n      #csLit_ZYQHOrJ .cs-lit-arrow{\n        font-size:28px !important; line-height:1 !important; color:#111 !important; font-weight:900 !important;\n        transform: translateY(-1px);\n      }\n\n      #csLit_ZYQHOrJ .cs-lit-dots{\n        display:flex; justify-content:center; gap:10px; margin-top:20px;\n      }\n      #csLit_ZYQHOrJ .cs-lit-dot{\n        all:unset;\n        width:14px !important; height:14px !important;\n        background:#E6E6E6 !important;\n        cursor:pointer !important;\n      }\n      #csLit_ZYQHOrJ .cs-lit-dot.active{ background:var(--csYellow) !important; }\n\n      @media (max-width: 900px){\n        #csLit_ZYQHOrJ .cs-lit-title{ font-size:28px; }\n        #csLit_ZYQHOrJ .cs-lit-nav-btn{ display:none !important; }\n        #csLit_ZYQHOrJ .cs-lit-page{\n          grid-template-columns: repeat(2, minmax(0,1fr)) !important;\n          gap:16px !important;\n          padding:0 !important;\n        }\n      }\n      @media (max-width: 520px){\n        #csLit_ZYQHOrJ .cs-lit-page{ grid-template-columns: 1fr !important; }\n      }\n    <\/style>\n\n    <script>\n      (function(){\n        const root = document.getElementById('csLit_ZYQHOrJ');\n        if(!root) return;\n\n        const viewport = root.querySelector('.cs-lit-viewport');\n        const track = root.querySelector('.cs-lit-track');\n        const pages = root.querySelectorAll('.cs-lit-page');\n        const dots  = root.querySelectorAll('.cs-lit-dot');\n        const prev  = root.querySelector('.cs-prev');\n        const next  = root.querySelector('.cs-next');\n\n        let current = 0;\n        const max = pages.length - 1;\n\n        function update(i){\n          current = Math.max(0, Math.min(max, i));\n          const w = viewport.clientWidth || 0;\n          track.style.transform = 'translateX(' + (-current * w) + 'px)';\n          dots.forEach((d, idx) => d.classList.toggle('active', idx === current));\n\n          if (prev){\n            prev.style.opacity = current === 0 ? '0.45' : '1';\n            prev.style.pointerEvents = current === 0 ? 'none' : 'auto';\n          }\n          if (next){\n            next.style.opacity = current === max ? '0.45' : '1';\n            next.style.pointerEvents = current === max ? 'none' : 'auto';\n          }\n        }\n\n        if (prev) prev.addEventListener('click', () => update(current - 1));\n        if (next) next.addEventListener('click', () => update(current + 1));\n        dots.forEach((d, idx) => d.addEventListener('click', () => update(idx)));\n\n        let raf = null;\n        window.addEventListener('resize', () => {\n          cancelAnimationFrame(raf);\n          raf = requestAnimationFrame(() => update(current));\n        }, { passive:true });\n\n        update(0);\n      })();\n    <\/script>\n  <\/div>\n  <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c68f925 elementor-widget elementor-widget-shortcode\" data-id=\"c68f925\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">  <div class=\"cs-lit-section\" id=\"csLit_2nZ81M9\">\n    <div class=\"cs-lit-header\">\n\t\t<div class=\"cs-lit-icon-box\">F<\/div>\n      <h2 class=\"cs-lit-title\">Alat-Alat Tulis<\/h2>\n    <\/div>\n\n    <div class=\"cs-lit-wrapper\">\n      <button class=\"cs-lit-nav-btn cs-prev\" type=\"button\" aria-label=\"Prev\">\n        <span class=\"cs-lit-arrow\" aria-hidden=\"true\">\u2039<\/span>\n      <\/button>\n\n      <div class=\"cs-lit-viewport\" aria-label=\"Products carousel viewport\">\n        <div class=\"cs-lit-track\">\n                      <div class=\"cs-lit-page\">\n                                                <div class=\"cs-lit-card\">\n                    <div class=\"cs-lit-img-box\">\n                      <a href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/harry-potter-the-chamber-of-secrets-copy-copy\/\" class=\"cs-lit-img-link\">\n                        <img decoding=\"async\" src=\"https:\/\/yellowcrescentkl.com\/wp-content\/uploads\/2025\/12\/11-600x872.jpg\" alt=\"Harry Potter: The Chamber of Secrets &#8211; 3\" loading=\"lazy\">\n                      <\/a>\n                    <\/div>\n\n                    <div class=\"cs-lit-info\">\n                      <h3 class=\"cs-lit-book-title\">\n                        <a class=\"cs-lit-title-link\" href=\"https:\/\/yellowcrescentkl.com\/ms\/product\/harry-potter-the-chamber-of-secrets-copy-copy\/\">\n                          Harry Potter: The Chamber of Secrets &#8211; 3                        <\/a>\n                      <\/h3>\n\n                      <div class=\"cs-lit-buyrow\">\n                        <span class=\"cs-lit-price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>45.00<\/span><\/del> <span class=\"screen-reader-text\" data-no-translation=\"\" data-trp-gettext=\"\">Original price was: &#082;&#077;45.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#082;&#077;<\/span>15.00<\/span><\/ins><span class=\"screen-reader-text\" data-no-translation=\"\" data-trp-gettext=\"\">Current price is: &#082;&#077;15.00.<\/span><\/span>\n\n                                                <a class=\"cs-lit-atc\" href=\"https:\/\/yellowcrescentkl.com\/ms\/?add-to-cart=349&#038;quantity=1&#038;redirect=cart\" rel=\"nofollow\">\n                          Tambah ke troli\n                        <\/a>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                                                <div class=\"cs-lit-card cs-lit-card--ph\" aria-hidden=\"true\"><\/div>\n                                                                <div class=\"cs-lit-card cs-lit-card--ph\" aria-hidden=\"true\"><\/div>\n                                                                <div class=\"cs-lit-card cs-lit-card--ph\" aria-hidden=\"true\"><\/div>\n                                          <\/div>\n                  <\/div>\n      <\/div>\n\n      <button class=\"cs-lit-nav-btn cs-next\" type=\"button\" aria-label=\"Next\">\n        <span class=\"cs-lit-arrow\" aria-hidden=\"true\">\u203a<\/span>\n      <\/button>\n    <\/div>\n\n    <div class=\"cs-lit-dots\" aria-label=\"Carousel pagination\">\n              <button class=\"cs-lit-dot active\" type=\"button\" aria-label=\"Go to page 1\"><\/button>\n          <\/div>\n\n    <style>\n      #csLit_2nZ81M9,\n      #csLit_2nZ81M9 *{ box-sizing:border-box !important; }\n\n      #csLit_2nZ81M9 img{ display:block !important; max-width:100% !important; }\n      #csLit_2nZ81M9 a{ text-decoration:none !important; }\n      #csLit_2nZ81M9 button{ all:unset; box-sizing:border-box !important; }\n\n      #csLit_2nZ81M9{ --csYellow:#FFCC40; --csInk:#000; }\n\n      #csLit_2nZ81M9.cs-lit-section{\n        max-width:1240px; margin:40px auto; padding:0 20px;\n        font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        background:#fff;\n      }\n      #csLit_2nZ81M9 .cs-lit-header{\n        display:flex; align-items:center; gap:14px; margin-bottom:18px;\n      }\n      #csLit_2nZ81M9 .cs-lit-icon-box{\n        width:34px;height:34px; display:flex;align-items:center;justify-content:center;\n        border-radius:3px; background:var(--csYellow); color:var(--csInk);\n        font-weight:900; font-size:18px; line-height:1;\n      }\n      #csLit_2nZ81M9 .cs-lit-title{\n        margin:0; font-size:34px; font-weight:900; color:var(--csInk); letter-spacing:-0.4px;\n      }\n\n      #csLit_2nZ81M9 .cs-lit-wrapper{ position:relative; }\n      #csLit_2nZ81M9 .cs-lit-viewport{\n        width:100% !important; overflow:hidden !important; position:relative !important;\n      }\n      #csLit_2nZ81M9 .cs-lit-track{\n        display:flex !important; will-change: transform;\n        transform: translateX(0); transition: transform .35s ease;\n      }\n      #csLit_2nZ81M9 .cs-lit-page{\n        flex:0 0 100% !important; width:100% !important;\n        display:grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n        gap:28px !important; padding:0 56px !important;\n      }\n      #csLit_2nZ81M9 .cs-lit-card{ min-width:0; display:flex; flex-direction:column; }\n      #csLit_2nZ81M9 .cs-lit-card--ph{ visibility:hidden; pointer-events:none; }\n\n      #csLit_2nZ81M9 .cs-lit-img-box{\n        aspect-ratio: 4 \/ 5 !important;         \n        width:100% !important;\n        overflow:hidden !important;\n        margin-bottom:14px !important;\n        background:#fff;\n        border:1px solid rgba(0,0,0,.06);\n        border-radius:10px;\n        box-shadow:0 2px 12px rgba(0,0,0,.06);\n      }\n      #csLit_2nZ81M9 .cs-lit-img-link{\n        width:100% !important; height:100% !important;\n        display:block !important;\n      }\n      #csLit_2nZ81M9 .cs-lit-img-box .cs-lit-img-link img{\n        width:100% !important; height:100% !important;\n        object-fit:cover !important;              \n        object-position:center center !important;\n        transform: translateZ(0);\n      }\n\n      #csLit_2nZ81M9 .cs-lit-book-title{\n        margin:0 0 12px 0;\n        font-size:18px; font-weight:900; color:#000; line-height:1.25;\n        display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;\n        min-height:46px;\n      }\n      #csLit_2nZ81M9 .cs-lit-title-link{ color:#000 !important; }\n      #csLit_2nZ81M9 .cs-lit-title-link:hover{ text-decoration:underline !important; }\n\n      #csLit_2nZ81M9 .cs-lit-buyrow{\n        margin-top:auto;\n        display:flex; align-items:center; justify-content:space-between;\n        gap:12px;\n      }\n      #csLit_2nZ81M9 .cs-lit-price{\n        font-size:13px !important; font-weight:800 !important; line-height:1.2 !important;\n        color:#000 !important; white-space:nowrap !important;\n      }\n      #csLit_2nZ81M9 .cs-lit-price del{\n        font-size:11px !important; opacity:.45 !important; margin-right:8px !important;\n      }\n      #csLit_2nZ81M9 .cs-lit-price ins{\n        font-size:13px !important; text-decoration:none !important;\n      }\n\n      #csLit_2nZ81M9 .cs-lit-atc{\n        font-size:11px !important; font-weight:900 !important;\n        height:30px !important; padding:0 11px !important; line-height:30px !important;\n        display:inline-flex !important; align-items:center !important; justify-content:center !important;\n        border-radius:999px !important;\n        background:var(--csYellow) !important; color:#000 !important;\n        border:1px solid rgba(0,0,0,.16) !important;\n        white-space:nowrap !important;\n        box-shadow:0 3px 0 rgba(0,0,0,.10) !important;\n      }\n      #csLit_2nZ81M9 .cs-lit-atc:hover{\n        background:#000 !important; color:var(--csYellow) !important; border-color:#000 !important;\n      }\n\n      #csLit_2nZ81M9 .cs-lit-nav-btn{\n        all:unset;\n        position:absolute !important; top:50% !important; transform:translateY(-50%) !important;\n        width:44px !important; height:44px !important;\n        background:#fff !important; border:1px solid rgba(0,0,0,.12) !important;\n        border-radius:10px !important; box-shadow:0 6px 18px rgba(0,0,0,.12) !important;\n        display:flex !important; align-items:center !important; justify-content:center !important;\n        cursor:pointer !important; z-index:50 !important;\n      }\n      #csLit_2nZ81M9 .cs-prev{ left:0 !important; }\n      #csLit_2nZ81M9 .cs-next{ right:0 !important; }\n      #csLit_2nZ81M9 .cs-lit-arrow{\n        font-size:28px !important; line-height:1 !important; color:#111 !important; font-weight:900 !important;\n        transform: translateY(-1px);\n      }\n\n      #csLit_2nZ81M9 .cs-lit-dots{\n        display:flex; justify-content:center; gap:10px; margin-top:20px;\n      }\n      #csLit_2nZ81M9 .cs-lit-dot{\n        all:unset;\n        width:14px !important; height:14px !important;\n        background:#E6E6E6 !important;\n        cursor:pointer !important;\n      }\n      #csLit_2nZ81M9 .cs-lit-dot.active{ background:var(--csYellow) !important; }\n\n      @media (max-width: 900px){\n        #csLit_2nZ81M9 .cs-lit-title{ font-size:28px; }\n        #csLit_2nZ81M9 .cs-lit-nav-btn{ display:none !important; }\n        #csLit_2nZ81M9 .cs-lit-page{\n          grid-template-columns: repeat(2, minmax(0,1fr)) !important;\n          gap:16px !important;\n          padding:0 !important;\n        }\n      }\n      @media (max-width: 520px){\n        #csLit_2nZ81M9 .cs-lit-page{ grid-template-columns: 1fr !important; }\n      }\n    <\/style>\n\n    <script>\n      (function(){\n        const root = document.getElementById('csLit_2nZ81M9');\n        if(!root) return;\n\n        const viewport = root.querySelector('.cs-lit-viewport');\n        const track = root.querySelector('.cs-lit-track');\n        const pages = root.querySelectorAll('.cs-lit-page');\n        const dots  = root.querySelectorAll('.cs-lit-dot');\n        const prev  = root.querySelector('.cs-prev');\n        const next  = root.querySelector('.cs-next');\n\n        let current = 0;\n        const max = pages.length - 1;\n\n        function update(i){\n          current = Math.max(0, Math.min(max, i));\n          const w = viewport.clientWidth || 0;\n          track.style.transform = 'translateX(' + (-current * w) + 'px)';\n          dots.forEach((d, idx) => d.classList.toggle('active', idx === current));\n\n          if (prev){\n            prev.style.opacity = current === 0 ? '0.45' : '1';\n            prev.style.pointerEvents = current === 0 ? 'none' : 'auto';\n          }\n          if (next){\n            next.style.opacity = current === max ? '0.45' : '1';\n            next.style.pointerEvents = current === max ? 'none' : 'auto';\n          }\n        }\n\n        if (prev) prev.addEventListener('click', () => update(current - 1));\n        if (next) next.addEventListener('click', () => update(current + 1));\n        dots.forEach((d, idx) => d.addEventListener('click', () => update(idx)));\n\n        let raf = null;\n        window.addEventListener('resize', () => {\n          cancelAnimationFrame(raf);\n          raf = requestAnimationFrame(() => update(current));\n        }, { passive:true });\n\n        update(0);\n      })();\n    <\/script>\n  <\/div>\n  <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Our Story We are here to bring confidence and quality back to the books. Discover our journey and how we are changing the way people read. READ MORE New Arrivals Explore our latest collection of bestsellers. Curated just for you to find your next favorite adventure. EXPLORE Join the Club Become a member today and [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry","desktop-align-left","tablet-align-left","mobile-align-left","ast-product-gallery-layout-horizontal-slider","ast-product-gallery-with-no-image","ast-product-tabs-layout-horizontal"],"_links":{"self":[{"href":"https:\/\/yellowcrescentkl.com\/ms\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yellowcrescentkl.com\/ms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yellowcrescentkl.com\/ms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yellowcrescentkl.com\/ms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yellowcrescentkl.com\/ms\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":64,"href":"https:\/\/yellowcrescentkl.com\/ms\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":358,"href":"https:\/\/yellowcrescentkl.com\/ms\/wp-json\/wp\/v2\/pages\/32\/revisions\/358"}],"wp:attachment":[{"href":"https:\/\/yellowcrescentkl.com\/ms\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}