.elementor-5108 .elementor-element.elementor-element-e85d7b5{--display:flex;--min-height:600px;--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;}.elementor-5108 .elementor-element.elementor-element-e85d7b5:not(.elementor-motion-effects-element-type-background), .elementor-5108 .elementor-element.elementor-element-e85d7b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://freshflowerwholesale.com/wp-content/uploads/2026/03/ChatGPT-Image-2026年3月6日-15_27_37.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5108 .elementor-element.elementor-element-761c1c6{--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:1025px){.elementor-5108 .elementor-element.elementor-element-e85d7b5:not(.elementor-motion-effects-element-type-background), .elementor-5108 .elementor-element.elementor-element-e85d7b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-acb95cd *//* ===== HERO ONLY (Unified .la-sg-hero) ===== */
.la-sg-hero{ padding: 64px 0; }

.la-sg-hero__container{
  width: min(1100px, 92%);
  margin: 0 auto;
}

.la-sg-hero__hero{
  background: rgba(0,0,0,.72);
  border-radius: 18px;
  padding: 46px 28px;
  text-align: center;
  color: #fff;
}

.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;
}

.la-sg-hero__subtitle{
  margin: 0 auto 22px;
  max-width: 820px;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255,255,255,.88);
}
.la-sg-hero__subtitle strong{ color:#fff; }

.la-sg-hero__actions{
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 6px;
}

.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);
}

.la-sg-hero__btn/* End custom CSS */
/* Start custom CSS for wp-widget-custom_html, class: .elementor-element-fdcbc0f *//* =========================
   Base Reset
========================= */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
background:#ffffff;
color:#1a2b23;
line-height:1.8;
font-size:16.5px;
-webkit-font-smoothing:antialiased;
}

/* =========================
   Layout
========================= */

.container{
max-width:1120px;
margin:auto;
padding:0 26px;
}

.content{
padding:95px 0;
}

/* =========================
   Typography
========================= */

h1,h2,h3{
color:#123a2a;
font-weight:700;
}

h1{
font-size:44px;
letter-spacing:0.3px;
}

h2{
font-size:30px;
margin-top:75px;
margin-bottom:22px;
position:relative;
}

h2::after{
content:"";
display:block;
width:64px;
height:3px;
background:#c6a85a;
margin-top:12px;
border-radius:2px;
}

h3{
font-size:20px;
margin-top:38px;
margin-bottom:14px;
}

p{
margin-bottom:20px;
color:#444;
}

/* =========================
   Lists
========================= */

ul{
margin:20px 0 32px 22px;
}

li{
margin-bottom:10px;
}

/* =========================
   Hero Section
========================= */

.hero{
background:
linear-gradient(135deg,rgba(0,0,0,0.65),rgba(0,0,0,0.4)),
url('matthiola-banner.jpg') center/cover no-repeat;
color:#fff;
text-align:center;
padding:160px 20px;
}

.hero h1{
margin-bottom:18px;
}

.hero p{
font-size:20px;
opacity:0.95;
margin-bottom:34px;
}

/* =========================
   Button (Premium Style)
========================= */

.btn{
display:inline-block;
background:#123a2a;
color:#fff;
padding:15px 40px;
text-decoration:none;
border-radius:8px;
font-weight:600;
transition:all 0.35s ease;
box-shadow:0 6px 18px rgba(0,0,0,0.15);
}

.btn:hover{
background:#0d2a1f;
transform:translateY(-4px);
box-shadow:0 10px 26px rgba(0,0,0,0.22);
}

/* =========================
   Table Styling (Modern)
========================= */

table{
width:100%;
border-collapse:collapse;
margin-top:35px;
font-size:15px;
background:#fff;
border-radius:10px;
overflow:hidden;
box-shadow:0 6px 20px rgba(0,0,0,0.05);
}

td{
padding:14px 16px;
border-bottom:1px solid #eee;
}

tr:last-child td{
border-bottom:none;
}

tr:nth-child(even){
background:#fafafa;
}

/* =========================
   Section Spacing
========================= */

section{
margin-bottom:100px;
}

/* =========================
   Footer
========================= */

footer{
background:#0e1411;
color:#bdbdbd;
text-align:center;
padding:38px 20px;
font-size:14px;
margin-top:110px;
}

/* =========================
   Responsive
========================= */

@media(max-width:768px){

.hero{
padding:120px 20px;
}

.hero h1{
font-size:28px;
}

.hero p{
font-size:16px;
}

h1{
font-size:30px;
}

h2{
font-size:22px;
}

.content{
padding:65px 0;
}

}/* End custom CSS */