.elementor-13 .elementor-element.elementor-element-6bb7a81{--display:flex;--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-0da5d6e{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-622665a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-622665a:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-622665a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-ef4dfa8{--display:flex;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-7d7970f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-b708c51 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:300;color:#666666;}.elementor-13 .elementor-element.elementor-element-6818b3e .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-weight:400;letter-spacing:2px;color:var( --e-global-color-text );}.elementor-13 .elementor-element.elementor-element-7b778cb{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-eb7aa68{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:100px 100px;--row-gap:100px;--column-gap:100px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-eb7aa68:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-eb7aa68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFDF1;}.elementor-13 .elementor-element.elementor-element-8f4aca0{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-8f4aca0.e-con{--align-self:center;}.elementor-13 .elementor-element.elementor-element-68e42f7{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-59fb596 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:400;text-transform:uppercase;color:#666666;}.elementor-13 .elementor-element.elementor-element-0ec5883 .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-weight:500;letter-spacing:2px;color:var( --e-global-color-text );}.elementor-13 .elementor-element.elementor-element-75c8df3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-7b0f41a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:100px 100px;--row-gap:100px;--column-gap:100px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-7b0f41a:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-7b0f41a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-9d82379{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-e4445ca .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:28px;font-weight:300;text-transform:uppercase;letter-spacing:2px;color:var( --e-global-color-text );}.elementor-13 .elementor-element.elementor-element-4db5ba0 .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-size:16px;font-weight:500;letter-spacing:2px;color:#585858;}.elementor-13 .elementor-element.elementor-element-19db102{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-953f76e{padding:0px 0px 0px 20px;}.elementor-13 .elementor-element.elementor-element-2b42dee{--display:flex;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-2b42dee:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-2b42dee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-622665a{--content-width:1000px;}.elementor-13 .elementor-element.elementor-element-7b778cb{--width:48%;}.elementor-13 .elementor-element.elementor-element-8f4aca0{--width:1000px;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-6bb7a81{--min-height:90vh;}.elementor-13 .elementor-element.elementor-element-622665a{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-13 .elementor-element.elementor-element-ef4dfa8{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-13 .elementor-element.elementor-element-b708c51 .elementor-heading-title{font-size:14px;letter-spacing:2px;}.elementor-13 .elementor-element.elementor-element-6818b3e .elementor-heading-title{font-size:16px;}.elementor-13 .elementor-element.elementor-element-eb7aa68{--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-8f4aca0{--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-13 .elementor-element.elementor-element-59fb596 .elementor-heading-title{font-size:14px;letter-spacing:2px;}.elementor-13 .elementor-element.elementor-element-0ec5883 .elementor-heading-title{font-size:16px;}.elementor-13 .elementor-element.elementor-element-75c8df3{padding:0px 20px 0px 20px;}.elementor-13 .elementor-element.elementor-element-7b0f41a{--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:60px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-e4445ca .elementor-heading-title{font-size:20px;}.elementor-13 .elementor-element.elementor-element-4db5ba0 .elementor-heading-title{font-size:14px;}.elementor-13 .elementor-element.elementor-element-953f76e{padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-2b42dee{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-0da5d6e *//* --- 背景アニメーション関連 --- */
.em-fixed-bg-container {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  z-index: -1 !important;
}

:host,
.elementor-widget-html,
.elementor-widget-html .elementor-widget-container {
  position: static !important;
}

.em-bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35) !important;
  z-index: 2;
}

.em-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  z-index: 1;
  transition: opacity 3s ease-in-out;
  animation: emKenBurns 24s infinite linear;
}
.em-slide:nth-child(2) { animation-delay: 0s; }
.em-slide:nth-child(3) { animation-delay: 8s; }
.em-slide:nth-child(4) { animation-delay: 16s; }

@keyframes emKenBurns {
  0% { opacity: 0; transform: scale(1); }
  12.5% { opacity: 1; }
  33.3% { opacity: 1; }
  45.8% { opacity: 0; transform: scale(1.08) translate(-0.3%, -0.3%); }
  100% { opacity: 0; transform: scale(1); }
}

/* --- メインコンテンツ・レイアウト --- */
.em-fv-main-layout {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
  padding-top: 8vh !important;
  z-index: 10 !important;
}

.em-hero-center-box {
  text-align: center !important;
  color: #ffffff !important;
  width: 100% !important;
  padding: 0 20px !important;
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.em-logo-box { margin-bottom: 20px !important; }
.em-brand-logo {
  width: 100% !important;
  max-width: 440px !important;
  height: auto !important;
  display: inline-block !important;
}

.em-text-ja {
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.8 !important;
  letter-spacing: 0.18em !important;
  margin: 0 0 12px 0 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6) !important;
}

.em-text-en {
  font-size: 9px !important;
  letter-spacing: 0.14em !important;
  color: rgba(255, 255, 255, 0.75) !important;
  margin: 0 0 25px 0 !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5) !important;
}

/* --- CTAボタン --- */
.em-main-cta-btn {
  display: inline-block !important;
  min-width: 220px !important;
  padding: 12px 26px !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 50px !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 13px !important;
  letter-spacing: 0.1em !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  cursor: pointer !important;
  user-select: none !important;
}

.em-main-cta-btn:hover,
.em-main-cta-btn:active {
  background-color: #ffffff !important;
  color: #333333 !important;
  border-color: #ffffff !important;
  transform: scale(1.03) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

/* --- スクロールセクション --- */
.em-scroller-outer-wrapper {
  position: relative !important;
  width: 100% !important;
  margin-left: 0 !important;
  background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%) !important;
  padding: 20px 0 5vh 0 !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

.em-scroller-inner-container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  width: 100% !important;
  padding: 0 45px !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.em-scroller-inner-container::-webkit-scrollbar { display: none !important; }

.em-scroll-arrow {
  position: absolute !important;
  top: 40% !important;
  transform: translateY(-50%) !important;
  width: 36px !important;
  height: 36px !important;
  background: rgba(0, 0, 0, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  cursor: pointer !important;
  z-index: 100 !important;
  transition: all 0.3s ease !important;
}
.em-scroll-arrow:hover { background: rgba(255,255,255,0.2) !important; border-color: #ffffff !important; }
.em-arrow-left { left: 10px !important; }
.em-arrow-right { right: 10px !important; }

/* --- カードスタイル --- */
.em-cat-card {
  display: block !important;
  width: calc((100vw - 150px) / 4) !important;
  min-width: 140px !important;
  max-width: 240px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  color: #ffffff !important;
  margin-right: 20px !important;
  transition: transform 0.3s ease !important;
  box-sizing: border-box !important;
  background: transparent !important;
}
.em-cat-card:last-child { margin-right: 0 !important; }
.em-cat-card:hover { transform: translateY(-5px) !important; }

.em-cat-img-holder {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  margin-bottom: 12px !important;
  background-color: transparent !important;
}
.em-cat-img-holder img { width: 100% !important; height: 100% !important; object-fit: cover !important; }

.em-cat-label {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  padding-bottom: 2px !important;
  border-bottom: 1px solid rgba(255,255,255,0.4) !important;
  white-space: nowrap !important;
}

/* --- レスポンシブ --- */
@media (max-width: 767px) {
  .em-fv-main-layout { padding-top: 10vh !important; }
  .em-brand-logo { max-width: 280px !important; }
  .em-text-ja { font-size: 14px !important; line-height: 1.6 !important; }
  .em-text-en { font-size: 8.5px !important; margin-bottom: 18px !important; }
  .em-main-cta-btn { min-width: 180px !important; padding: 10px 20px !important; font-size: 14px !important; }
  .em-scroller-outer-wrapper { padding: 15px 0 35px 0 !important; }
  .em-scroller-inner-container { padding: 0 30px !important; }
  .em-cat-card { width: calc(100vw - 110px) !important; min-width: calc(100vw - 110px) !important; margin-right: 15px !important; }
  .em-cat-label { font-size: 12px !important; }
}

html, body { overflow-x: hidden !important; width: 100% !important; }

/* --- 画像サイズの制限を追加 --- */
.em-cat-img-holder {
  width: 100% !important;
  max-width: 220px !important; /* ★ここを調整（小さくしたいサイズを指定） */
  margin-left: auto !important; /* 中央寄せ用 */
  margin-right: auto !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  margin-bottom: 12px !important;
  background-color: transparent !important;
}

/* --- レスポンシブ調整 --- */
@media (max-width: 767px) {
  /* スマホ時はさらに少し小さくする場合 */
  .em-cat-img-holder {
    max-width: 140px !important;
  }
  
  /* カード全体の幅も調整して余白を確保 */
  .em-cat-card {
    width: auto !important; /* 幅を自動にして画像サイズに合わせる */
    min-width: 140px !important;
  }
/* --- 背景アニメーション関連 --- */
.em-fixed-bg-container {
  height: 90vh !important;
  
}
/* --- メインコンテンツ・レイアウト --- */
.em-fv-main-layout {
 
  height: 90vh !important;
 
}}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-641fc77 *//* =================================================================
  1. お知らせ全体のコンテナ
================================================================== */
.em-news-wrapper {
  width: 100%;
  max-width: 800px; /* サイトのデザインに合わせて自動で馴染みます */
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

/* =================================================================
  2. リスト構造（ラインデザイン）
================================================================== */
.em-news-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 35px 0 !important;
  border-top: 1px solid #f5eedb; /* 最上部の仕切り線 */
}

.em-news-item {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #f5eedb; /* 各記事の下の仕切り線 */
}

/* 記事全体のリンクエリア（フレックス横並び） */
.em-news-link {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 20px 10px !important; /* 上下の絶妙なパディング */
  text-decoration: none !important;
  color: #333333 !important; 
  transition: opacity 0.3s ease;
}

/* 記事ホバー・タップ時の上品なフェード効果 */
.em-news-link:hover,
.em-news-link:active {
  opacity: 0.6 !important;
}

/* 日付 */
.em-news-date {
  font-size: 14px !important;
  font-family: monospace, serif;
  letter-spacing: 0.05em;
  margin-right: 30px;
  flex-shrink: 0;
  color: #666666 !important;
}

/* タイトル（1行でスマートに省略：.....） */
.em-news-title {
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.03em;
  flex-grow: 1;
  margin-right: 20px;
  
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 右端の矢印 */
.em-news-arrow {
  font-size: 16px !important;
  font-weight: 300 !important;
  flex-shrink: 0;
  color: #666666 !important;
}

/* =================================================================
  3. VIEW MORE ボタン（右寄せ ＆ 文字の完全中央揃え仕様）
================================================================== */
/* ボタンが配置される親要素をきっちり右寄せに */
.em-news-btn-area {
  display: flex !important;
  justify-content: flex-end !important; /* ボタン自体を右寄せ */
  width: 100% !important;
  box-sizing: border-box;
}

/* ボタン単体のデザイン（内側の文字を完全に中央に固定） */
.em-news-more-btn {
  display: inline-flex !important;       /* 内側をFlexboxに指定 */
  align-items: center !important;        /* 上下方向のド真ん中 */
  justify-content: center !important;    /* 左右方向のド真ん中（偏り防止） */
  
  min-width: 200px !important;
  height: 48px !important;               /* 高さを固定して計算のズレを完全に排除 */
  padding: 0 30px !important;            /* 左右の余白を均等に */
  
  border: 1px solid #f5eedb !important;
  border-radius: 50px !important;
  background: #f5eedb !important;
  color: #333333 !important;
  
  font-size: 13px !important;
  font-weight: 400 !important;
  /* 文字間隔のせいで右にずれる現象を、テキスト配置の最適化で完全に中央へ吸収 */
  letter-spacing: 0.08em !important;     
  text-decoration: none !important;
  text-align: center !important;
  
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  cursor: pointer !important;
  user-select: none !important;
  box-sizing: border-box !important;
}

/* ボタンのホバー・タップ時の美しい反転アニメーション */
.em-news-more-btn:hover,
.em-news-more-btn:active {
  background-color: #FFFDF1 !important;
  color: #666666 !important;
  transform: scale(1.02) !important;    /* ほんの少しだけ拡大させて心地よい押し心地に */
}

/* =================================================================
  4. レレスポンシブ（スマホ用のサイズ微調整）
================================================================== */
@media (max-width: 767px) {
  .em-news-link {
    padding: 16px 5px !important;
  }
  .em-news-date {
    font-size: 13px !important;
    margin-right: 15px;
  }
  .em-news-title {
    font-size: 13px !important;
  }
  .em-news-more-btn {
    min-width: 180px !important;
    height: 44px !important;
    font-size: 12px !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-953f76e *//* =================================================================
   注目商品グリッドセクション（PC：4カラム / モバイル：2カラム）
================================================================= */
.myTopicsSlider {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

/* PC等の大画面：4カラムグリッド */
.myTopicsSlider .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    transform: none !important;
}

/* カード全体のスタイル（罫線囲み） */
.card-item {
    width: 100% !important;
    max-width: none !important;
    flex-shrink: unset !important;
    background: #ffffff !important;
    border: 1px solid #f5eedb !important;
    border-radius: 12px !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.3s ease !important;
}

.card-item:hover {
    background: #FFFDF1 !important;
    border-color: #e6dfcb !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05) !important;
}

.card-item a,
.card-item a:hover,
.card-item a:visited {
    text-decoration: none !important;
    display: block !important;
}

/* --- 画像とラベル --- */
.image-wrapper {
    position: relative !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background-color: #f5f5f5 !important;
    aspect-ratio: 4 / 3 !important;
}

.image-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* ラベルの共通設定 */
.image-wrapper .label {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    padding: 5px 10px !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    border-radius: 2px !important;
    color: #585858 !important;
}
.image-wrapper .label.label-new { background: #e6cfa8 !important; }
.image-wrapper .label.label-limited { background: #c3d6c3 !important; }

/* --- 日付タグ --- */
.date-tag {
    display: inline-block !important;
    background: #f5eedb !important;
    padding: 4px 12px !important;
    margin: 10px 0 8px 0 !important;
    border-radius: 20px !important;
    font-size: 10px !important;
    color: #585858 !important;
}

/* --- タイトル（Noto Sans・カラー #666666） --- */
.card-item .title {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #666666 !important;
    margin: 0 0 8px 0 !important;
    letter-spacing: 0.06em !important;
    line-height: 1.4 !important;
    display: block !important;
}

/* --- 説明文（Noto Sans・カラー #666666） --- */
.card-item .description {
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #666666 !important;
    margin: 0 !important;
    line-height: 1.6 !important;
    letter-spacing: 0.04em !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* --- モバイル用：2カラムに変更 --- */
@media (max-width: 767px) {
    .myTopicsSlider {
        padding: 0 16px !important;
    }
    
    .myTopicsSlider .swiper-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    .card-item {
        padding: 12px !important;
    }

    .card-item .title {
        font-size: 13px !important;
    }

    .card-item .description {
        font-size: 11px !important;
    }
}/* End custom CSS */