.elementor-675 .elementor-element.elementor-element-6ba36b4{--display:flex;--min-height:750px;--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;--justify-content:center;--overlay-opacity:0.8;--padding-top:250px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-675 .elementor-element.elementor-element-6ba36b4:not(.elementor-motion-effects-element-type-background), .elementor-675 .elementor-element.elementor-element-6ba36b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hartasuma.cloudix-staging.com/wp-content/uploads/2026/08/hartasuma-garden-station-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-675 .elementor-element.elementor-element-6ba36b4::before, .elementor-675 .elementor-element.elementor-element-6ba36b4 > .elementor-background-video-container::before, .elementor-675 .elementor-element.elementor-element-6ba36b4 > .e-con-inner > .elementor-background-video-container::before, .elementor-675 .elementor-element.elementor-element-6ba36b4 > .elementor-background-slideshow::before, .elementor-675 .elementor-element.elementor-element-6ba36b4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-675 .elementor-element.elementor-element-6ba36b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(270deg, #00000000 30%, #010D1A 100%);}.elementor-675 .elementor-element.elementor-element-cef9d93{--display:flex;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-675 .elementor-element.elementor-element-7223638{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-675 .elementor-element.elementor-element-7223638 a{color:var( --e-global-color-99a3224 );}.elementor-675 .elementor-element.elementor-element-7223638 a:hover{color:#E0E0E0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-675 .elementor-element.elementor-element-33c2f65{text-align:start;}.elementor-675 .elementor-element.elementor-element-33c2f65 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:400;line-height:1.3em;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-675 .elementor-element.elementor-element-40f5224{text-align:start;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:300;color:#FFFFFF;}.elementor-675 .elementor-element.elementor-element-34c4c5b{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:stretch;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-675 .elementor-element.elementor-element-4f86cef .elementor-button{background-color:var( --e-global-color-2f54c67 );font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;text-transform:capitalize;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-2f54c67 );border-radius:50px 50px 50px 50px;padding:15px 30px 15px 30px;}.elementor-675 .elementor-element.elementor-element-4f86cef .elementor-button:hover, .elementor-675 .elementor-element.elementor-element-4f86cef .elementor-button:focus{background-color:#FFFFFF00;border-color:#FFFFFF;}.elementor-675 .elementor-element.elementor-element-4f86cef{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-675 .elementor-element.elementor-element-21e0e38{--display:flex;--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;--align-items:stretch;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-675 .elementor-element.elementor-element-36e6af2{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-675 .elementor-element.elementor-element-d10e32e{--divider-border-style:solid;--divider-color:var( --e-global-color-b408a0f );--divider-border-width:3px;}.elementor-675 .elementor-element.elementor-element-d10e32e .elementor-divider-separator{width:5%;margin:0 auto;margin-center:0;}.elementor-675 .elementor-element.elementor-element-d10e32e .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-675 .elementor-element.elementor-element-2731598{text-align:center;}.elementor-675 .elementor-element.elementor-element-2731598 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:35px;font-weight:500;line-height:1.3em;color:var( --e-global-color-primary );}.elementor-675 .elementor-element.elementor-element-ce5b498{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:300;color:var( --e-global-color-text );}.elementor-675 .elementor-element.elementor-element-ce5b498.elementor-element{--align-self:center;}.elementor-675 .elementor-element.elementor-element-1dfe0eb{--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;}.elementor-675 .elementor-element.elementor-element-6582999{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-675 .elementor-element.elementor-element-34c4c5b{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-675 .elementor-element.elementor-element-6ba36b4{--content-width:80vw;}.elementor-675 .elementor-element.elementor-element-cef9d93{--width:45%;}.elementor-675 .elementor-element.elementor-element-34c4c5b{--width:90%;}.elementor-675 .elementor-element.elementor-element-21e0e38{--content-width:90vw;}}@media(max-width:767px){.elementor-675 .elementor-element.elementor-element-6ba36b4{--min-height:500px;--overlay-opacity:0.6;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-675 .elementor-element.elementor-element-33c2f65{text-align:center;}.elementor-675 .elementor-element.elementor-element-33c2f65 .elementor-heading-title{font-size:25px;}.elementor-675 .elementor-element.elementor-element-40f5224{text-align:justify;font-size:12px;}.elementor-675 .elementor-element.elementor-element-34c4c5b{--e-con-grid-template-columns:repeat(1, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-675 .elementor-element.elementor-element-4f86cef .elementor-button{font-size:10px;}.elementor-675 .elementor-element.elementor-element-21e0e38{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-675 .elementor-element.elementor-element-d10e32e .elementor-divider-separator{width:9%;}.elementor-675 .elementor-element.elementor-element-d10e32e .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-675 .elementor-element.elementor-element-2731598 .elementor-heading-title{font-size:20px;line-height:1.2em;}.elementor-675 .elementor-element.elementor-element-ce5b498{width:100%;max-width:100%;padding:0px 0px 0px 0px;font-size:12px;}}/* Start custom CSS for shortcode, class: .elementor-element-95e8c8e *//* ============================================================
   HARTASUMA — Filter + Search (full stylesheet)
   ============================================================ */

.hs-fw{ position:relative; }

/* ===== FILTER BAR: category · search · Filter · Reset (one row) ===== */
.hs-bar{ display:flex; flex-wrap:nowrap; align-items:center; gap:12px; margin-bottom:34px; }

.hs-tax{
  flex:0 0 auto; width:auto; min-width:200px; height:52px; padding:0 42px 0 18px;
  border:1px solid #e3e3e3; border-radius:8px; font-size:16px; color:#333; background:#fff;
  cursor:pointer; outline:none; appearance:none; -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%23333' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 16px center;
}
.hs-search{
  flex:1 1 auto; min-width:0; height:52px; padding:0 18px;
  border:1px solid #e3e3e3; border-radius:8px; font-size:16px; color:#333; background:#fff; outline:none;
}
.hs-search:focus,.hs-tax:focus{ border-color:#12275b; }

.hs-btn{
  flex:0 0 auto; height:52px; padding:0 30px; border:none; border-radius:8px;
  font-size:16px; font-weight:600; cursor:pointer; transition:opacity .2s; white-space:nowrap;
}
.hs-btn--filter{ background:#12275b; color:#fff; }   /* accent — swap to your brand colour */
.hs-btn--reset{ background:#f0f0f0; color:black; }
.hs-btn:hover{ opacity:.88; }

/* ===== GRID ===== */
.hs-grid{ display:grid; grid-template-columns:repeat(var(--hs-cols,4),1fr); gap:26px; }
@media (max-width:1200px){ .hs-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:860px){ .hs-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .hs-grid{ grid-template-columns:1fr; } }

/* ===== CARD ===== */
.hs-card{
  display:flex; flex-direction:column; background:#fff; border:1px solid #ececec;
  border-radius:14px; overflow:hidden; text-decoration:none;
  box-shadow:0 4px 18px rgba(0,0,0,.05); transition:transform .2s ease, box-shadow .2s ease;
}
.hs-card:hover{ transform:translateY(-4px); box-shadow:0 12px 30px rgba(0,0,0,.10); }

.hs-card__img{ aspect-ratio:4/3; overflow:hidden; background:#f2f2f2; }
.hs-card__img img{ width:100%; height:100%; object-fit:cover; display:block; }

.hs-card__body{ padding:22px 24px 8px; flex:1 0 auto; }
.hs-card__title{ margin:0; font-size:15px; font-weight:500; line-height:1.4; color:#1a1a1a; }
.hs-card__excerpt{
  margin:0; font-size:15px; line-height:1.65; color:#666;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.hs-card__meta{
  margin-top:auto; padding:16px 24px; border-top:1px solid #eee; font-size:14px; color:#9a9a9a;
}

.hs-btn:hover{ background:#000; color:#fff; opacity:1; }



/* ===== STATES ===== */
.hs-empty{ grid-column:1/-1; text-align:center; padding:50px 20px; color:#777; font-size:16px; }
.hs-fw.is-loading .hs-grid{ opacity:.4; pointer-events:none; transition:opacity .2s; }
.hs-spinner{ display:none; }
.hs-fw.is-loading .hs-spinner{
  display:block; position:absolute; top:130px; left:50%; transform:translateX(-50%);
  width:42px; height:42px; border:4px solid #e3e3e3; border-top-color:#12275b;
  border-radius:50%; animation:hs-spin .8s linear infinite; z-index:5;
}
@keyframes hs-spin{ to{ transform:translateX(-50%) rotate(360deg); } }

/* ===== MOBILE: bar stacks full-width ===== */
@media (max-width:768px){
  .hs-bar{ flex-wrap:wrap; }
  .hs-tax,.hs-search{ flex:1 1 100%; width:100%; min-width:0; }
  .hs-btn{ flex:1 1 auto; }
}

/* ===== CARD: title + category badge row ===== */
.hs-card__head{
  display:flex; align-items:center; justify-content:space-between;
  gap:10px; margin-bottom:12px;
}
.hs-card__cat{
  flex:0 0 auto; font-size:12px; font-weight:600; color:#12275b;
  background:#eef1f8; padding:4px 12px; border-radius:999px; white-space:nowrap;
}/* End custom CSS */