/* Frutilu CREW sekcija — Elementor widget */
.fcw{
  --fcw-poster-bg:#f6a300;
  --fcw-poster-ink:#201e1d;
  --fcw-title-alt:#fff;
  --fcw-list-bg:#fff;
  --fcw-ink:#201e1d;
  --fcw-muted:#5a5754;
  --fcw-rule:#201e1d;
  --fcw-accent:#ec3013;
  --fcw-accent-dark:#c4280f;
  --fcw-font:"Archivo",system-ui,sans-serif;
  display:grid;
  grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  font-family:var(--fcw-font);
  color:var(--fcw-ink);
  line-height:1.4;
  text-wrap:pretty;
}
.fcw *{box-sizing:border-box}

/* — plakat — */
.fcw__poster{
  background:var(--fcw-poster-bg);
  color:var(--fcw-poster-ink);
  padding:56px 48px;
  display:flex;flex-direction:column;justify-content:space-between;gap:32px;
  min-height:560px;
}
.fcw__kicker{font-size:13px;line-height:14px;letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums}
.fcw__title{
  margin:0;font-family:var(--fcw-font);
  font-stretch:62%;font-weight:800;font-size:clamp(64px,9vw,104px);line-height:.85;
  letter-spacing:-.01em;text-transform:uppercase;color:var(--fcw-poster-ink);
}
.fcw__title span{display:block}
.fcw__title-alt{color:var(--fcw-title-alt)}
.fcw__lead{margin:24px 0 0;font-size:16px;line-height:24px;max-width:34ch;color:inherit}

/* — gumbi (napis flush levo) — */
.fcw__btn{
  display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;
  height:48px;padding:0 20px;font:600 16px/1 var(--fcw-font);
  text-decoration:none;border:2px solid transparent;border-radius:0;cursor:pointer;
  transition:background .15s,color .15s;
}
.fcw__btn--ghost{color:var(--fcw-poster-ink);border-color:var(--fcw-poster-ink);align-self:flex-start;background:transparent}
.fcw__btn--ghost:hover{background:color-mix(in srgb,var(--fcw-poster-ink) 10%,transparent)}
.fcw__btn--solid{background:var(--fcw-accent);color:#fff;height:40px;font-size:14px;padding:0 16px;border-color:var(--fcw-accent)}
.fcw__btn--solid:hover{background:var(--fcw-accent-dark);border-color:var(--fcw-accent-dark);color:#fff}
.fcw__btn:focus-visible{outline:2px solid var(--fcw-accent);outline-offset:2px}

/* — seznam — */
.fcw__list{background:var(--fcw-list-bg);padding:40px 48px;display:flex;flex-direction:column}
.fcw__item{
  display:grid;grid-template-columns:40px 140px minmax(0,1fr) auto;gap:24px;align-items:center;
  padding:24px 0;border-top:2px solid var(--fcw-rule);
}
.fcw__item:first-child{border-top:0}
.fcw__rule{height:2px;background:var(--fcw-rule)}
.fcw__num{
  position:relative;padding-left:18px;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;
}
.fcw__num::before{content:"";position:absolute;left:0;top:50%;margin-top:-5px;width:10px;height:10px;background:var(--fcw-poster-bg)}
.fcw__photo{display:block;aspect-ratio:1/1;background:#fff;overflow:hidden}
.fcw__photo img{display:block;width:100%;height:100%;object-fit:cover}
.fcw__photo--gray img{filter:grayscale(1)}
.fcw__photo-empty{display:block;width:100%;height:100%;background:#eae9e9}
.fcw__info{display:flex;flex-direction:column;gap:8px}
.fcw__name{margin:0;font-family:var(--fcw-font);font-size:22px;line-height:26px;letter-spacing:-.01em;font-weight:800;color:var(--fcw-ink)}
.fcw__meta{margin:0;font-size:14px;line-height:20px;color:var(--fcw-muted)}
.fcw__swatches{display:flex;gap:5px;flex-wrap:wrap}
.fcw__swatch{width:12px;height:12px;display:block;border:1px solid rgba(0,0,0,.25)}
.fcw__cta{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.fcw__price{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}

/* — odzivnost — */
@media (max-width:1024px){
  .fcw{grid-template-columns:1fr}
  .fcw__poster{min-height:0;padding:48px 32px}
  .fcw__list{padding:8px 32px 32px}
}
@media (max-width:640px){
  .fcw__poster{padding:40px 20px}
  .fcw__list{padding:0 20px 24px}
  .fcw__item{grid-template-columns:32px minmax(0,1fr);grid-template-areas:"num photo" "info info" "cta cta";gap:16px;align-items:start}
  .fcw__num{grid-area:num}
  .fcw__photo{grid-area:photo;max-width:200px}
  .fcw__info{grid-area:info}
  .fcw__cta{grid-area:cta;flex-direction:row;align-items:center;justify-content:space-between}
  .fcw__btn--solid{width:auto}
}