.elementor-1163 .elementor-element.elementor-element-26f06d5{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1163 .elementor-element.elementor-element-26f06d5:not(.elementor-motion-effects-element-type-background), .elementor-1163 .elementor-element.elementor-element-26f06d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://freshflowerwholesale.com/wp-content/uploads/2026/01/seasonal-programs-banner-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1163 .elementor-element.elementor-element-65aaa35{--display:flex;}.elementor-1163 .elementor-element.elementor-element-65aaa35.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1163 .elementor-element.elementor-element-ad8332f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1163 .elementor-element.elementor-element-65aaa35{--width:95.751%;}}@media(min-width:1025px){.elementor-1163 .elementor-element.elementor-element-26f06d5:not(.elementor-motion-effects-element-type-background), .elementor-1163 .elementor-element.elementor-element-26f06d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-640f404 *//* ===== HERO ONLY (Unified across site) ===== */
.la-sg-hero{ padding: 64px 0; }

.la-sg-hero__container{
  width: min(1100px, 92%);
  margin: 0 auto;
}

/* black translucent card */
.la-sg-hero__hero{
  background: rgba(0,0,0,.72);
  border-radius: 18px;
  padding: 46px 28px;
  text-align: center;
  color: #fff;
}

/* title */
.la-sg-hero__title{
  margin: 0 0 14px;
  font-size: clamp(26px, 3.2vw, 42px);
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #fff;
}

/* subtitle */
.la-sg-hero__subtitle{
  margin: 0 auto 22px;
  max-width: 820px;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255,255,255,.88);
}

/* actions */
.la-sg-hero__actions{
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 6px;
}

/* button base */
.la-sg-hero__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 12px;
  padding: 12px 18px;
  font-weight: 600;
  border: 1px solid rgba(255,255,255,.28);
  color: #fff;
  background: transparent;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.la-sg-hero__btn:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.45);
  background: rgba(255,255,255,.06);
}

/* primary */
.la-sg-hero__btn--primary{
  background: #fff;
  color: #111;
  border-color: transparent;
}
.la-sg-hero__btn--primary:hover{
  background: rgba(255,255,255,.92);
}

/* mobile */
@media (max-width: 480px){
  .la-sg-hero{ padding: 44px 0; }
  .la-sg-hero__hero{ padding: 28px 16px; border-radius: 16px; }
  .la-sg-hero__subtitle{ font-size: 15px; }
  .la-sg-hero__btn{ width: 100%; }
}/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-19125c8 *//* Seasonal Programs Hub - Scoped */
.la-sp{padding:56px 0}
.la-sp *{box-sizing:border-box}
.la-sp__container{max-width:1180px;margin:0 auto;padding:0 16px}

/* Hero */
.la-sp__hero{text-align:center;margin-bottom:22px}
.la-sp__eyebrow{
  display:inline-block;
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:.7;
  margin:0 0 10px;
}
.la-sp__title{margin:0 0 10px;font-size:34px;line-height:1.15}
.la-sp__subtitle{
  margin:0 auto;
  max-width:960px;
  font-size:16px;
  line-height:1.7;
  opacity:.86;
}

/* Buttons */
.la-sp__actions{margin-top:16px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.la-sp__btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 16px;
  border-radius:12px;
  font-weight:600;
  text-decoration:none;
  border:1px solid rgba(0,0,0,.14);
  transition:transform .12s ease, box-shadow .12s ease;
}
.la-sp__btn:active{transform:translateY(1px)}
.la-sp__btn--primary{
  background:#111;color:#fff;border-color:transparent;
  box-shadow:0 10px 24px rgba(0,0,0,.14);
}
.la-sp__btn--ghost{background:transparent;color:inherit}
.la-sp__btn:hover{box-shadow:0 10px 24px rgba(0,0,0,.12)}

/* Section headers */
.la-sp__section{margin:28px 0}
.la-sp__sectionHead{margin-bottom:12px}
.la-sp__h2{margin:0 0 6px;font-size:22px;line-height:1.25}
.la-sp__lead{margin:0;opacity:.85;line-height:1.7}

/* Grids */
.la-sp__grid{display:grid;gap:14px;margin-top:14px}
.la-sp__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.la-sp__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.la-sp__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.la-sp__grid--cards{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){
  .la-sp__grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .la-sp__grid--cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
  .la-sp__grid--4{grid-template-columns:1fr}
  .la-sp__grid--3{grid-template-columns:1fr}
  .la-sp__grid--2{grid-template-columns:1fr}
}
@media (max-width:620px){
  .la-sp__title{font-size:28px}
  .la-sp__grid--cards{grid-template-columns:1fr}
}

/* Steps */
.la-sp__step{
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:16px;
  padding:14px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}
.la-sp__icon{
  width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(0,0,0,.03);
  margin-bottom:10px;
  font-size:18px;
}
.la-sp__h3{margin:0 0 8px;font-size:16px;line-height:1.35}
.la-sp__text{margin:0;font-size:14.5px;line-height:1.7;opacity:.92}

/* Link cards */
.la-sp__cardLink{
  display:block;
  text-decoration:none;
  color:inherit;
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:16px;
  padding:16px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  transition:transform .12s ease, box-shadow .12s ease;
}
.la-sp__cardLink:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(0,0,0,.10);
}
.la-sp__cardTitle{margin:0 0 8px;font-size:15.5px;line-height:1.35}
.la-sp__cardText{margin:0 0 10px;opacity:.88;line-height:1.65}
.la-sp__cardCta{font-weight:700;font-size:13.5px}

/* Panels */
.la-sp__panel{
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:16px;
  padding:16px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}
.la-sp__list{margin:0;padding-left:18px}
.la-sp__list li{margin:7px 0;line-height:1.6;opacity:.94}

/* Mini link buttons */
.la-sp__miniActions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}
.la-sp__linkBtn{
  display:inline-flex;
  padding:9px 12px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  text-decoration:none;
  font-weight:600;
  font-size:13.5px;
  color:inherit;
  background:rgba(0,0,0,.02);
}
.la-sp__linkBtn:hover{box-shadow:0 10px 24px rgba(0,0,0,.08)}

/* Copy box */
.la-sp__copybox{
  margin-top:10px;
  padding:12px;
  border-radius:14px;
  border:1px dashed rgba(0,0,0,.18);
  background:rgba(0,0,0,.02);
}
.la-sp__copybox p{margin:0 0 6px;line-height:1.55}
.la-sp__copybox p:last-child{margin-bottom:0}

/* QA */
.la-sp__qa{
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:16px;
  padding:16px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
}
.la-sp__q{margin:0 0 8px;font-size:15.5px;line-height:1.35}
.la-sp__a{margin:0;opacity:.92;line-height:1.7}


/* =========================
   Seasonal Programs Hub (la-sp)
   ========================= */

/* ✅ 去掉页面最顶部空白 */
.la-sp{ padding-top:0 !important; margin-top:0 !important; }
.la-sp__container{ width:min(1180px,92%); margin:0 auto; padding-top:0 !important; }

/* ✅ 第一块内容紧贴顶部 */
.la-sp__container > .la-sp__section:first-child{
  margin-top:0 !important;
  padding-top:0 !important;
}
.la-sp__container > .la-sp__section:first-child .la-sp__sectionHead,
.la-sp__container > .la-sp__section:first-child .la-sp__h2{
  margin-top:0 !important;
}

/* ✅ 标题居中（所有 sectionHead） */
.la-sp__sectionHead{ text-align:center; margin: 10px 0 14px; }
.la-sp__h2{ margin:0 0 6px; font-size:clamp(22px,2.2vw,30px); line-height:1.2; letter-spacing:-.02em; }
.la-sp__lead{ margin:0 auto; max-width:920px; line-height:1.7; opacity:.88; }

/* Grid base */
.la-sp__section{ padding: 18px 0; }
.la-sp__grid{ display:grid; gap:14px; margin-top:14px; }

/* 4 steps */
.la-sp__grid--4{ grid-template-columns: repeat(4, minmax(0,1fr)); }
@media (max-width: 980px){ .la-sp__grid--4{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 560px){ .la-sp__grid--4{ grid-template-columns: 1fr; } }

/* Cards calendar */
.la-sp__grid--cards{ grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 980px){ .la-sp__grid--cards{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 560px){ .la-sp__grid--cards{ grid-template-columns: 1fr; } }

/* 2 columns panels / QA */
.la-sp__grid--2{ grid-template-columns: repeat(2, minmax(0,1fr)); }
@media (max-width: 860px){ .la-sp__grid--2{ grid-template-columns: 1fr; } }

/* 3 columns panels */
.la-sp__grid--3{ grid-template-columns: repeat(3, minmax(0,1fr)); }
@media (max-width: 980px){ .la-sp__grid--3{ grid-template-columns: 1fr; } }

/* Step card */
.la-sp__step{
  border:1px solid rgba(0,0,0,.12);
  border-radius:16px;
  background:#fff;
  padding:16px;
  text-align:center;
}
.la-sp__icon{ font-size:26px; line-height:1; margin-bottom:10px; }
.la-sp__h3{ margin:0 0 8px; font-size:16px; line-height:1.35; text-align:center; }
.la-sp__text{ margin:0; line-height:1.75; opacity:.9; }

/* Program calendar link card */
.la-sp__cardLink{
  display:block;
  text-decoration:none;
  border:1px solid rgba(0,0,0,.12);
  border-radius:16px;
  background:#fff;
  padding:16px;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.la-sp__cardLink:hover{
  transform: translateY(-1px);
  background: rgba(0,145,255,.06);
  border-color: rgba(0,0,0,.18);
}
.la-sp__cardTitle{ margin:0 0 8px; font-size:16px; line-height:1.35; text-align:center; }
.la-sp__cardText{ margin:0; line-height:1.7; opacity:.9; text-align:center; }
.la-sp__cardCta{ display:inline-block; margin-top:12px; font-weight:700; }

/* Panels */
.la-sp__panel{
  border:1px solid rgba(0,0,0,.12);
  border-radius:16px;
  background:#fff;
  padding:16px;
}
.la-sp__list{ margin:10px 0 0 18px; line-height:1.75; }
.la-sp__miniActions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
.la-sp__linkBtn{ text-decoration:none; font-weight:700; }
.la-sp__linkBtn:hover{ text-decoration:underline; }

/* Copy box */
.la-sp__copybox{
  border:1px dashed rgba(0,0,0,.2);
  border-radius:14px;
  background: rgba(0,0,0,.03);
  padding:12px;
  margin-top:10px;
}
.la-sp__copybox p{ margin:6px 0; line-height:1.6; }

/* QA */
.la-sp__qa{
  border:1px solid rgba(0,0,0,.12);
  border-radius:16px;
  background:#fff;
  padding:16px;
}
.la-sp__q{ margin:0 0 8px; font-size:16px; line-height:1.35; }
.la-sp__a{ margin:0; line-height:1.75; opacity:.9; }

/* Buttons */
.la-sp__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border-radius:12px;
  padding:12px 16px;
  font-weight:800;
  border:1px solid rgba(0,0,0,.14);
  background:#fff;
}
.la-sp__btn:hover{ background: rgba(0,145,255,.06); }
.la-sp__btn--primary{
  background:#111;
  color:#fff;
  border-color:#111;
}
.la-sp__btn--primary:hover{ opacity:.92; }
.la-sp__btn--ghost{ background:transparent; }
/* =========================
   How Seasonal Programs Work Section
   ========================= */

/* Section整体样式 */
.la-sp__section[aria-label="How seasonal programs work"] {
  padding: 48px 0;
  background: linear-gradient(180deg, #f8faf8 0%, #ffffff 100%);
  position: relative;
  overflow: hidden;
}

/* 背景装饰 */
.la-sp__section[aria-label="How seasonal programs work"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: linear-gradient(135deg, 
    rgba(139, 195, 74, 0.05) 0%, 
    rgba(93, 148, 38, 0.03) 50%, 
    transparent 100%);
  z-index: 0;
}

/* 标题区域 */
.la-sp__section[aria-label="How seasonal programs work"] .la-sp__sectionHead {
  margin-bottom: 40px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.la-sp__section[aria-label="How seasonal programs work"] .la-sp__h2 {
  color: #2d4a1a;
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 12px;
  text-align: center;
  position: relative;
  display: inline-block;
  line-height: 1.2;
}

/* 主标题短横线 */
.la-sp__section[aria-label="How seasonal programs work"] .la-sp__h2::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, #8BC34A, #5D9426);
  border-radius: 2px;
}

.la-sp__section[aria-label="How seasonal programs work"] .la-sp__lead {
  color: #5a6c55;
  font-size: 18px;
  line-height: 1.7;
  max-width: 680px;
  margin: 16px auto 0 auto;
  text-align: center;
  font-weight: 500;
  position: relative;
  z-index: 1;
}

/* Grid布局 - 4列 */
.la-sp__section[aria-label="How seasonal programs work"] .la-sp__grid--4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 0;
  position: relative;
  z-index: 1;
}

/* Step卡片样式 */
.la-sp__section[aria-label="How seasonal programs work"] .la-sp__step {
  background: #fff;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 
    0 6px 20px rgba(93, 148, 38, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.1);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(93, 148, 38, 0.1);
}

/* 统一的顶部色条 */
.la-sp__section[aria-label="How seasonal programs work"] .la-sp__step::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  opacity: 0.7;
  transform: scaleX(0);
  transition: transform 0.4s ease;
  transform-origin: left;
  z-index: 2;
}

/* 不同步骤的顶部色条颜色 */
.la-sp__section[aria-label="How seasonal programs work"] .la-sp__step:nth-child(1)::before {
  background: linear-gradient(90deg, #4CAF50, #2E7D32);
}

.la-sp__section[aria-label="How seasonal programs work"] .la-sp__step:nth-child(2)::before {
  background: linear-gradient(90deg, #FF9800, #F57C00);
}

.la-sp__section[aria-label="How seasonal programs work"] .la-sp__step:nth-child(3)::before {
  background: linear-gradient(90deg, #2196F3, #1976D2);
}

.la-sp__section[aria-label="How seasonal programs work"] .la-sp__step:nth-child(4)::before {
  background: linear-gradient(90deg, #E91E63, #C2185B);
}

.la-sp__section[aria-label="How seasonal programs work"] .la-sp__step:hover {
  transform: translateY(-6px);
  box-shadow: 
    0 12px 32px rgba(93, 148, 38, 0.12),
    0 4px 16px rgba(0, 0, 0, 0.08);
  border-color: rgba(93, 148, 38, 0.2);
}

.la-sp__section[aria-label="How seasonal programs work"] .la-sp__step:hover::before {
  transform: scaleX(1);
}

/* Icon图标样式 */
.la-sp__section[aria-label="How seasonal programs work"] .la-sp__icon {
  width: 72px;
  height: 72px;
  border-radius: 20px;
  color: white;
  font-size: 32px;
  border: none;
  box-shadow: 
    0 6px 20px rgba(93, 148, 38, 0.15),
    inset 0 -2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.la-sp__section[aria-label="How seasonal programs work"] .la-sp__step:hover .la-sp__icon {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 
    0 10px 30px rgba(93, 148, 38, 0.25),
    inset 0 -2px 6px rgba(0, 0, 0, 0.15);
}

/* 不同步骤的图标颜色 */
.la-sp__section[aria-label="How seasonal programs work"] .la-sp__step:nth-child(1) .la-sp__icon {
  background: linear-gradient(135deg, #4CAF50, #2E7D32);
}

.la-sp__section[aria-label="How seasonal programs work"] .la-sp__step:nth-child(2) .la-sp__icon {
  background: linear-gradient(135deg, #FF9800, #F57C00);
}

.la-sp__section[aria-label="How seasonal programs work"] .la-sp__step:nth-child(3) .la-sp__icon {
  background: linear-gradient(135deg, #2196F3, #1976D2);
}

.la-sp__section[aria-label="How seasonal programs work"] .la-sp__step:nth-child(4) .la-sp__icon {
  background: linear-gradient(135deg, #E91E63, #C2185B);
}

/* 步骤标题样式 - 添加数字编号 */
.la-sp__section[aria-label="How seasonal programs work"] .la-sp__h3 {
  color: #2d4a1a;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 16px 0;
  line-height: 1.3;
  position: relative;
  padding-top: 8px;
  width: 100%;
  text-align: left;
  padding-left: 28px; /* 为数字留出空间 */
}

/* 步骤标题前的数字装饰 - 替代连接线 */
.la-sp__section[aria-label="How seasonal programs work"] .la-sp__h3::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: white;
}

/* 为每个步骤设置不同的数字和颜色 */
.la-sp__section[aria-label="How seasonal programs work"] .la-sp__step:nth-child(1) .la-sp__h3::before {
  content: '1';
  background: linear-gradient(135deg, #4CAF50, #2E7D32);
}

.la-sp__section[aria-label="How seasonal programs work"] .la-sp__step:nth-child(2) .la-sp__h3::before {
  content: '2';
  background: linear-gradient(135deg, #FF9800, #F57C00);
}

.la-sp__section[aria-label="How seasonal programs work"] .la-sp__step:nth-child(3) .la-sp__h3::before {
  content: '3';
  background: linear-gradient(135deg, #2196F3, #1976D2);
}

.la-sp__section[aria-label="How seasonal programs work"] .la-sp__step:nth-child(4) .la-sp__h3::before {
  content: '4';
  background: linear-gradient(135deg, #E91E63, #C2185B);
}

/* 描述文本 */
.la-sp__section[aria-label="How seasonal programs work"] .la-sp__text {
  color: #5a6c55;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  flex-grow: 1;
  opacity: 0.95;
  text-align: left;
  width: 100%;
}

/* 响应式调整 */
@media (max-width: 1024px) {
  .la-sp__section[aria-label="How seasonal programs work"] .la-sp__grid--4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .la-sp__section[aria-label="How seasonal programs work"] {
    padding: 40px 0;
  }
  
  .la-sp__section[aria-label="How seasonal programs work"] .la-sp__h2 {
    font-size: 28px;
  }
  
  .la-sp__section[aria-label="How seasonal programs work"] .la-sp__lead {
    font-size: 17px;
    padding: 0 16px;
  }
  
  .la-sp__section[aria-label="How seasonal programs work"] .la-sp__step {
    padding: 28px 24px;
  }
  
  .la-sp__section[aria-label="How seasonal programs work"] .la-sp__icon {
    width: 64px;
    height: 64px;
    font-size: 28px;
  }
  
  .la-sp__section[aria-label="How seasonal programs work"] .la-sp__h3 {
    font-size: 19px;
    padding-left: 26px;
  }
  
  .la-sp__section[aria-label="How seasonal programs work"] .la-sp__h3::before {
    width: 18px;
    height: 18px;
    font-size: 11px;
    top: 9px;
  }
}

@media (max-width: 480px) {
  .la-sp__section[aria-label="How seasonal programs work"] {
    padding: 32px 0;
  }
  
  .la-sp__section[aria-label="How seasonal programs work"] .la-sp__grid--4 {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  .la-sp__section[aria-label="How seasonal programs work"] .la-sp__h2 {
    font-size: 24px;
  }
  
  .la-sp__section[aria-label="How seasonal programs work"] .la-sp__lead {
    font-size: 16px;
  }
  
  .la-sp__section[aria-label="How seasonal programs work"] .la-sp__step {
    padding: 24px 20px;
  }
  
  .la-sp__section[aria-label="How seasonal programs work"] .la-sp__icon {
    width: 56px;
    height: 56px;
    font-size: 24px;
    margin-bottom: 20px;
  }
  
  .la-sp__section[aria-label="How seasonal programs work"] .la-sp__h3 {
    font-size: 18px;
    padding-left: 24px;
    margin-bottom: 14px;
  }
  
  .la-sp__section[aria-label="How seasonal programs work"] .la-sp__h3::before {
    width: 16px;
    height: 16px;
    font-size: 10px;
    top: 10px;
  }
  
  .la-sp__section[aria-label="How seasonal programs work"] .la-sp__text {
    font-size: 15px;
  }
}
/* =========================
   Program Calendar Section - 精美版
   ========================= */

/* Section整体样式 */
.la-sp__section[aria-label="Program calendar"] {
  padding: 48px 0;
  background: #fff;
}

/* 标题区域 */
.la-sp__section[aria-label="Program calendar"] .la-sp__sectionHead {
  margin-bottom: 40px;
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.la-sp__section[aria-label="Program calendar"] .la-sp__h2 {
  color: #000;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 12px;
  text-align: center;
  position: relative;
  display: inline-block;
  line-height: 1.2;
}

/* 主标题短横线 */
.la-sp__section[aria-label="Program calendar"] .la-sp__h2::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 2px;
  background: #8BC34A;
  border-radius: 1px;
}

.la-sp__section[aria-label="Program calendar"] .la-sp__lead {
  color: #666;
  font-size: 18px;
  line-height: 1.6;
  margin: 16px auto 0 auto;
  text-align: center;
  font-weight: 400;
}

/* Grid布局 - 精美卡片网格 */
.la-sp__section[aria-label="Program calendar"] .la-sp__grid--cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
  margin-top: 0;
}

/* 卡片链接样式 - 重新设计 */
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink {
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  border: 1px solid #e8e8e8;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: 160px;
}

/* 卡片左侧装饰条 */
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  background: #8BC34A;
  transition: width 0.3s ease;
}

.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  border-color: #ddd;
}

.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:hover::before {
  width: 6px;
}

/* 卡片标题样式 */
.la-sp__section[aria-label="Program calendar"] .la-sp__cardTitle {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 10px 0;
  line-height: 1.3;
  position: relative;
  padding-left: 12px;
}

/* 卡片标题前的装饰点 */
.la-sp__section[aria-label="Program calendar"] .la-sp__cardTitle::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #8BC34A;
}

/* 卡片描述文本 */
.la-sp__section[aria-label="Program calendar"] .la-sp__cardText {
  color: #444;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 16px 0;
  flex-grow: 1;
  padding-left: 12px;
}

/* 卡片CTA样式 */
.la-sp__section[aria-label="Program calendar"] .la-sp__cardCta {
  color: #666;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: all 0.2s ease;
  padding-left: 12px;
  border-top: 1px solid #f0f0f0;
  padding-top: 16px;
  margin-top: auto;
}

.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:hover .la-sp__cardCta {
  color: #8BC34A;
}



/* 为不同卡片设置不同的左侧装饰条颜色 */
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(1)::before { background: #E91E63; } /* 情人节 */
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(2)::before { background: #FF9800; } /* 妇女节 */
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(3)::before { background: #9C27B0; } /* 母亲节 */
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(4)::before { background: #2196F3; } /* 毕业季 */
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(5)::before { background: #00BCD4; } /* 夏季婚礼 */
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(6)::before { background: #795548; } /* 感恩节 */
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(7)::before { background: #4CAF50; } /* 圣诞新年 */
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(8)::before { background: #FFC107; } /* 农历新年 */
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(9)::before { background: #009688; } /* 斋月 */
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(10)::before { background: #607D8B; } /* 酒店装饰 */

/* 对应的标题装饰点颜色 */
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(1) .la-sp__cardTitle::before { background: #E91E63; }
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(2) .la-sp__cardTitle::before { background: #FF9800; }
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(3) .la-sp__cardTitle::before { background: #9C27B0; }
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(4) .la-sp__cardTitle::before { background: #2196F3; }
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(5) .la-sp__cardTitle::before { background: #00BCD4; }
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(6) .la-sp__cardTitle::before { background: #795548; }
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(7) .la-sp__cardTitle::before { background: #4CAF50; }
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(8) .la-sp__cardTitle::before { background: #FFC107; }
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(9) .la-sp__cardTitle::before { background: #009688; }
.la-sp__section[aria-label="Program calendar"] .la-sp__cardLink:nth-child(10) .la-sp__cardTitle::before { background: #607D8B; }

/* 响应式调整 */
@media (max-width: 1200px) {
  .la-sp__section[aria-label="Program calendar"] .la-sp__grid--cards {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
  }
}

@media (max-width: 768px) {
  .la-sp__section[aria-label="Program calendar"] {
    padding: 40px 0;
  }
  
  .la-sp__section[aria-label="Program calendar"] .la-sp__h2 {
    font-size: 28px;
  }
  
  .la-sp__section[aria-label="Program calendar"] .la-sp__lead {
    font-size: 17px;
    padding: 0 16px;
  }
  
  .la-sp__section[aria-label="Program calendar"] .la-sp__grid--cards {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
  }
  
  .la-sp__section[aria-label="Program calendar"] .la-sp__cardLink {
    padding: 20px;
  }
  
  .la-sp__section[aria-label="Program calendar"] .la-sp__cardTitle {
    font-size: 17px;
  }
}

@media (max-width: 480px) {
  .la-sp__section[aria-label="Program calendar"] {
    padding: 32px 0;
  }
  
  .la-sp__section[aria-label="Program calendar"] .la-sp__h2 {
    font-size: 24px;
  }
  
  .la-sp__section[aria-label="Program calendar"] .la-sp__lead {
    font-size: 16px;
  }
  
  .la-sp__section[aria-label="Program calendar"] .la-sp__grid--cards {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  .la-sp__section[aria-label="Program calendar"] .la-sp__cardLink {
    padding: 18px 16px;
  }
  
  .la-sp__section[aria-label="Program calendar"] .la-sp__cardTitle {
    font-size: 16px;
  }
  
  .la-sp__section[aria-label="Program calendar"] .la-sp__cardText {
    font-size: 13.5px;
    margin-bottom: 12px;
  }
  
  .la-sp__section[aria-label="Program calendar"] .la-sp__cardCta {
    font-size: 12.5px;
    padding-top: 12px;
  }
}
/* =========================
   Program Types Section
   ========================= */

/* Section整体样式 */
.la-sp__section[aria-label="Program types"] {
  padding: 60px 0;
  background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
  position: relative;
  overflow: hidden;
}

/* 背景装饰元素 */
.la-sp__section[aria-label="Program types"]::before {
  content: '';
  position: absolute;
  top: -100px;
  right: -100px;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(139, 195, 74, 0.08) 0%, transparent 70%);
  z-index: 0;
}

.la-sp__section[aria-label="Program types"]::after {
  content: '';
  position: absolute;
  bottom: -150px;
  left: -150px;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(33, 150, 243, 0.05) 0%, transparent 70%);
  z-index: 0;
}

/* 标题区域 */
.la-sp__section[aria-label="Program types"] .la-sp__sectionHead {
  margin-bottom: 48px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.la-sp__section[aria-label="Program types"] .la-sp__h2 {
  color: #1a3a1a;
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 12px;
  text-align: center;
  line-height: 1.2;
  letter-spacing: -0.02em;
  position: relative;
  display: inline-block;
}

/* 主标题装饰线 */
.la-sp__section[aria-label="Program types"] .la-sp__h2::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 4px;
  background: linear-gradient(90deg, #4CAF50, #2196F3);
  border-radius: 2px;
}

.la-sp__section[aria-label="Program types"] .la-sp__lead {
  color: #5a6c55;
  font-size: 18px;
  line-height: 1.7;
  max-width: 720px;
  margin: 20px auto 0 auto;
  text-align: center;
  font-weight: 500;
  position: relative;
  z-index: 1;
}

/* Grid布局 - 2x2网格 */
.la-sp__section[aria-label="Program types"] .la-sp__grid--2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
  margin-top: 0;
  position: relative;
  z-index: 1;
}

/* Panel卡片样式 - 重新设计 */
.la-sp__section[aria-label="Program types"] .la-sp__panel {
  background: #fff;
  border-radius: 16px;
  padding: 32px;
  box-shadow: 
    0 6px 20px rgba(0, 0, 0, 0.06),
    0 1px 4px rgba(0, 0, 0, 0.04);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.1);
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

/* 卡片顶部装饰角 */
.la-sp__section[aria-label="Program types"] .la-sp__panel::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 60px 60px 0;
  border-color: transparent;
  transition: border-color 0.3s ease;
  z-index: 1;
}

/* 卡片标题样式 */
.la-sp__section[aria-label="Program types"] .la-sp__panel .la-sp__h3 {
  color: #1a3a1a;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 20px 0;
  line-height: 1.3;
  position: relative;
  padding-bottom: 12px;
}

/* 标题下划线 */
.la-sp__section[aria-label="Program types"] .la-sp__panel .la-sp__h3::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 3px;
  border-radius: 2px;
  transition: width 0.3s ease;
}

/* 列表样式 */
.la-sp__section[aria-label="Program types"] .la-sp__panel .la-sp__list {
  margin: 0 0 28px 0;
  padding-left: 0;
  list-style: none;
  flex-grow: 1;
}

.la-sp__section[aria-label="Program types"] .la-sp__panel .la-sp__list li {
  color: #5a6c55;
  font-size: 16px;
  line-height: 1.6;
  margin: 12px 0;
  padding-left: 28px;
  position: relative;
}

/* 列表项前的图标 */
.la-sp__section[aria-label="Program types"] .la-sp__panel .la-sp__list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: white;
}

/* Mini Actions按钮容器 */
.la-sp__section[aria-label="Program types"] .la-sp__panel .la-sp__miniActions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: auto;
}

/* 链接按钮样式 */
.la-sp__section[aria-label="Program types"] .la-sp__panel .la-sp__linkBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.2s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.8);
  color: #333;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.la-sp__section[aria-label="Program types"] .la-sp__panel .la-sp__linkBtn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.03);
  transition: width 0.2s ease;
  z-index: -1;
}



/* 悬停效果 */
.la-sp__section[aria-label="Program types"] .la-sp__panel:hover {
  transform: translateY(-4px);
  box-shadow: 
    0 12px 32px rgba(0, 0, 0, 0.1),
    0 4px 16px rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.12);
}

.la-sp__section[aria-label="Program types"] .la-sp__panel:hover .la-sp__h3::after {
  width: 60px;
}

.la-sp__section[aria-label="Program types"] .la-sp__panel .la-sp__linkBtn:hover {
  background: rgba(255, 255, 255, 1);
  border-color: rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.la-sp__section[aria-label="Program types"] .la-sp__panel .la-sp__linkBtn:hover::before {
  width: 100%;
}

.la-sp__section[aria-label="Program types"] .la-sp__panel .la-sp__linkBtn:hover::after {
  transform: translateX(4px);
}

/* 为每个Panel设置不同的颜色主题 */

/* 1. Retail / Supermarket Promotions - 绿色主题 */
.la-sp__section[aria-label="Program types"] .la-sp__panel:nth-child(1)::before {
  border-color: transparent #4CAF50 transparent transparent;
}

.la-sp__section[aria-label="Program types"] .la-sp__panel:nth-child(1) .la-sp__h3::after {
  background: #4CAF50;
}

.la-sp__section[aria-label="Program types"] .la-sp__panel:nth-child(1) .la-sp__list li::before {
  background: #4CAF50;
}

.la-sp__section[aria-label="Program types"] .la-sp__panel:nth-child(1) .la-sp__linkBtn:hover {
  color: #4CAF50;
  border-color: rgba(76, 175, 80, 0.3);
}

/* 2. E-commerce Bouquet Brands - 橙色主题 */
.la-sp__section[aria-label="Program types"] .la-sp__panel:nth-child(2)::before {
  border-color: transparent #FF9800 transparent transparent;
}

.la-sp__section[aria-label="Program types"] .la-sp__panel:nth-child(2) .la-sp__h3::after {
  background: #FF9800;
}

.la-sp__section[aria-label="Program types"] .la-sp__panel:nth-child(2) .la-sp__list li::before {
  background: #FF9800;
}

.la-sp__section[aria-label="Program types"] .la-sp__panel:nth-child(2) .la-sp__linkBtn:hover {
  color: #FF9800;
  border-color: rgba(255, 152, 0, 0.3);
}

/* 3. Wholesaler Holiday Allocation - 蓝色主题 */
.la-sp__section[aria-label="Program types"] .la-sp__panel:nth-child(3)::before {
  border-color: transparent #2196F3 transparent transparent;
}

.la-sp__section[aria-label="Program types"] .la-sp__panel:nth-child(3) .la-sp__h3::after {
  background: #2196F3;
}

.la-sp__section[aria-label="Program types"] .la-sp__panel:nth-child(3) .la-sp__list li::before {
  background: #2196F3;
}

.la-sp__section[aria-label="Program types"] .la-sp__panel:nth-child(3) .la-sp__linkBtn:hover {
  color: #2196F3;
  border-color: rgba(33, 150, 243, 0.3);
}

/* 4. Weddings & Events Seasonal Themes - 紫色主题 */
.la-sp__section[aria-label="Program types"] .la-sp__panel:nth-child(4)::before {
  border-color: transparent #9C27B0 transparent transparent;
}

.la-sp__section[aria-label="Program types"] .la-sp__panel:nth-child(4) .la-sp__h3::after {
  background: #9C27B0;
}

.la-sp__section[aria-label="Program types"] .la-sp__panel:nth-child(4) .la-sp__list li::before {
  background: #9C27B0;
}

.la-sp__section[aria-label="Program types"] .la-sp__panel:nth-child(4) .la-sp__linkBtn:hover {
  color: #9C27B0;
  border-color: rgba(156, 39, 176, 0.3);
}

/* 响应式调整 */
@media (max-width: 1024px) {
  .la-sp__section[aria-label="Program types"] .la-sp__grid--2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}

@media (max-width: 768px) {
  .la-sp__section[aria-label="Program types"] {
    padding: 48px 0;
  }
  
  .la-sp__section[aria-label="Program types"] .la-sp__h2 {
    font-size: 32px;
  }
  
  .la-sp__section[aria-label="Program types"] .la-sp__lead {
    font-size: 17px;
    padding: 0 16px;
  }
  
  .la-sp__section[aria-label="Program types"] .la-sp__grid--2 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  .la-sp__section[aria-label="Program types"] .la-sp__panel {
    padding: 28px 24px;
  }
  
  .la-sp__section[aria-label="Program types"] .la-sp__panel .la-sp__h3 {
    font-size: 20px;
    margin-bottom: 16px;
  }
  
  .la-sp__section[aria-label="Program types"] .la-sp__panel .la-sp__list li {
    font-size: 15.5px;
    margin: 10px 0;
  }
  
  .la-sp__section[aria-label="Program types"] .la-sp__panel .la-sp__linkBtn {
    padding: 9px 14px;
    font-size: 13.5px;
  }
}

@media (max-width: 480px) {
  .la-sp__section[aria-label="Program types"] {
    padding: 40px 0;
  }
  
  .la-sp__section[aria-label="Program types"] .la-sp__h2 {
    font-size: 28px;
  }
  
  .la-sp__section[aria-label="Program types"] .la-sp__lead {
    font-size: 16px;
  }
  
  .la-sp__section[aria-label="Program types"] .la-sp__panel {
    padding: 24px 20px;
  }
  
  .la-sp__section[aria-label="Program types"] .la-sp__panel .la-sp__h3 {
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 14px;
  }
  
  .la-sp__section[aria-label="Program types"] .la-sp__panel .la-sp__list li {
    font-size: 15px;
    padding-left: 24px;
    margin: 8px 0;
  }
  
  .la-sp__section[aria-label="Program types"] .la-sp__panel .la-sp__list li::before {
    width: 18px;
    height: 18px;
    font-size: 11px;
  }
  
  .la-sp__section[aria-label="Program types"] .la-sp__panel .la-sp__miniActions {
    gap: 10px;
  }
  
  .la-sp__section[aria-label="Program types"] .la-sp__panel .la-sp__linkBtn {
    padding: 8px 12px;
    font-size: 13px;
  }
}
/* =========================
   Logistics & Import Docs for Peak Season - 优化紧凑版
   ========================= */

/* Section整体样式 */
.la-sp__section[aria-label="Logistics and documents"] {
  padding: 70px 0;
  background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
  position: relative;
}

/* 简约装饰 */
.la-sp__section[aria-label="Logistics and documents"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #2196F3, #FF9800, #4CAF50);
}

/* 标题区域 */
.la-sp__section[aria-label="Logistics and documents"] .la-sp__sectionHead {
  margin-bottom: 48px;
  text-align: center;
}

.la-sp__section[aria-label="Logistics and documents"] .la-sp__h2 {
  color: #1a3a1a;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 12px;
  text-align: center;
  line-height: 1.2;
  position: relative;
}

.la-sp__section[aria-label="Logistics and documents"] .la-sp__h2::after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #2196F3, #4CAF50);
  margin: 12px auto 0;
  border-radius: 2px;
}

.la-sp__section[aria-label="Logistics and documents"] .la-sp__lead {
  color: #5a6c55;
  font-size: 17px;
  line-height: 1.6;
  max-width: 700px;
  margin: 20px auto 0;
  text-align: center;
  font-weight: 500;
}

/* Grid布局 - 紧凑3列 */
.la-sp__section[aria-label="Logistics and documents"] .la-sp__grid--3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 0;
}

/* Panel样式 - 保留质感但更紧凑 */
.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel {
  background: white;
  border-radius: 16px;
  padding: 28px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* 彩色顶部边框 */
.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel:nth-child(1) {
  border-top: 3px solid #2196F3;
}

.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel:nth-child(2) {
  border-top: 3px solid #FF9800;
}

.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel:nth-child(3) {
  border-top: 3px solid #4CAF50;
}

.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.1);
}

/* Panel标题 */
.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel .la-sp__h3 {
  color: #1a3a1a;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 18px 0;
  line-height: 1.3;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* 彩色图标 */
.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel:nth-child(1) .la-sp__h3::before {
  content: '⏰';
  color: #2196F3;
  font-size: 20px;
}

.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel:nth-child(2) .la-sp__h3::before {
  content: '📋';
  color: #FF9800;
  font-size: 20px;
}

.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel:nth-child(3) .la-sp__h3::before {
  content: '📦';
  color: #4CAF50;
  font-size: 20px;
}

/* 紧凑列表样式 */
.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel .la-sp__list {
  margin: 0 0 24px 0;
  padding-left: 0;
  list-style: none;
  flex-grow: 1;
}

.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel .la-sp__list li {
  color: #555;
  font-size: 15px;
  line-height: 1.5;
  margin: 12px 0;
  padding-left: 24px;
  position: relative;
}

/* 彩色圆点 */
.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel .la-sp__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel:nth-child(1) .la-sp__list li::before {
  background: #2196F3;
}

.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel:nth-child(2) .la-sp__list li::before {
  background: #FF9800;
}

.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel:nth-child(3) .la-sp__list li::before {
  background: #4CAF50;
}

/* 按钮容器 */
.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel .la-sp__miniActions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* 精致按钮 */
.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel .la-sp__linkBtn {
  display: inline-flex;
  align-items: center;
  padding: 10px 16px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.2s ease;
  border: 1px solid;
  background: rgba(255, 255, 255, 0.9);
}

/* 按钮颜色 */
.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel:nth-child(1) .la-sp__linkBtn {
  color: #2196F3;
  border-color: rgba(33, 150, 243, 0.2);
  background: rgba(33, 150, 243, 0.08);
}

.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel:nth-child(2) .la-sp__linkBtn {
  color: #FF9800;
  border-color: rgba(255, 152, 0, 0.2);
  background: rgba(255, 152, 0, 0.08);
}

.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel:nth-child(3) .la-sp__linkBtn {
  color: #4CAF50;
  border-color: rgba(76, 175, 80, 0.2);
  background: rgba(76, 175, 80, 0.08);
}

.la-sp__section[aria-label="Logistics and documents"] .la-sp__panel .la-sp__linkBtn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}


/* 响应式设计 */
@media (max-width: 1024px) {
  .la-sp__section[aria-label="Logistics and documents"] .la-sp__grid--3 {
    gap: 20px;
  }
  
  .la-sp__section[aria-label="Logistics and documents"] .la-sp__panel {
    padding: 24px;
  }
}

@media (max-width: 768px) {
  .la-sp__section[aria-label="Logistics and documents"] {
    padding: 56px 0;
  }
  
  .la-sp__section[aria-label="Logistics and documents"] .la-sp__h2 {
    font-size: 30px;
  }
  
  .la-sp__section[aria-label="Logistics and documents"] .la-sp__lead {
    font-size: 16px;
  }
  
  .la-sp__section[aria-label="Logistics and documents"] .la-sp__grid--3 {
    grid-template-columns: 1fr;
    gap: 20px;
    max-width: 520px;
    margin: 0 auto;
  }
  
  .la-sp__section[aria-label="Logistics and documents"] .la-sp__panel {
    padding: 24px;
  }
  
  .la-sp__section[aria-label="Logistics and documents"] .la-sp__panel .la-sp__h3 {
    font-size: 19px;
  }
  
  .la-sp__section[aria-label="Logistics and documents"] .la-sp__panel .la-sp__list li {
    font-size: 14.5px;
    margin: 10px 0;
  }
}

@media (max-width: 480px) {
  .la-sp__section[aria-label="Logistics and documents"] {
    padding: 48px 0;
  }
  
  .la-sp__section[aria-label="Logistics and documents"] .la-sp__h2 {
    font-size: 26px;
  }
  
  .la-sp__section[aria-label="Logistics and documents"] .la-sp__panel .la-sp__miniActions {
    flex-direction: column;
  }
  
  .la-sp__section[aria-label="Logistics and documents"] .la-sp__panel .la-sp__linkBtn {
    width: 100%;
    justify-content: space-between;
  }
}
/* =========================
   Allocation & Pre-booking
   ========================= */

/* Section整体样式 */
.la-sp__section[aria-label="Allocation and pre-booking"] {
  padding: 70px 0;
  background: linear-gradient(180deg, #ffffff 0%, #f9fbf8 100%);
  position: relative;
}

/* 简约顶部装饰 */
.la-sp__section[aria-label="Allocation and pre-booking"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #8BC34A, #4CAF50, #2E7D32);
}

/* 标题区域 */
.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__sectionHead {
  margin-bottom: 48px;
  text-align: center;
}

.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__h2 {
  color: #1a3a1a;
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 12px;
  text-align: center;
  line-height: 1.2;
}

.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__h2::after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: #4CAF50;
  margin: 12px auto 0;
  border-radius: 2px;
}

.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__lead {
  color: #5a6c55;
  font-size: 17px;
  line-height: 1.6;
  max-width: 700px;
  margin: 20px auto 0;
  text-align: center;
  font-weight: 500;
}

/* Grid布局 - 3列 */
.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__grid--3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 0;
}

/* Panel样式 */
.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__panel {
  background: white;
  border-radius: 16px;
  padding: 28px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* 彩色顶部边框 */
.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__panel:nth-child(1) {
  border-top: 3px solid #FF9800;
}

.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__panel:nth-child(2) {
  border-top: 3px solid #2196F3;
}

.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__panel:nth-child(3) {
  border-top: 3px solid #4CAF50;
}

.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__panel:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.1);
}

/* Panel标题 */
.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__panel .la-sp__h3 {
  color: #1a3a1a;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 18px 0;
  line-height: 1.3;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* 彩色图标 */
.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__panel:nth-child(1) .la-sp__h3::before {
  content: '📅';
  color: #FF9800;
  font-size: 20px;
}

.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__panel:nth-child(2) .la-sp__h3::before {
  content: '🗓️';
  color: #2196F3;
  font-size: 20px;
}

.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__panel:nth-child(3) .la-sp__h3::before {
  content: '🚚';
  color: #4CAF50;
  font-size: 20px;
}

/* 列表样式 */
.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__panel .la-sp__list {
  margin: 0 0 20px 0;
  padding-left: 0;
  list-style: none;
  flex-grow: 1;
}

.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__panel .la-sp__list li {
  color: #555;
  font-size: 15px;
  line-height: 1.5;
  margin: 12px 0;
  padding-left: 24px;
  position: relative;
}

/* 彩色圆点 */
.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__panel .la-sp__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__panel:nth-child(1) .la-sp__list li::before {
  background: #FF9800;
}

.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__panel:nth-child(2) .la-sp__list li::before {
  background: #2196F3;
}

.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__panel:nth-child(3) .la-sp__list li::before {
  background: #4CAF50;
}

/* 强调文本 */
.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__panel .la-sp__list li strong {
  color: #1a3a1a;
  font-weight: 600;
}

/* 按钮容器 */
.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__panel .la-sp__miniActions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* 按钮样式 */
.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__panel .la-sp__linkBtn {
  display: inline-flex;
  align-items: center;
  padding: 10px 16px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.2s ease;
  border: 1px solid rgba(76, 175, 80, 0.2);
  background: rgba(76, 175, 80, 0.08);
  color: #2E7D32;
}

.la-sp__section[aria-label="Allocation and pre-booking"] .la-sp__panel .la-sp__linkBtn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  background: rgba(76, 175, 80, 0.15);
}/* End custom CSS */