.edp-tiles-grid{
  --edp-cols-desktop:4;
  --edp-cols-tablet:2;
  --edp-cols-mobile:1;
  --edp-min-height:310px;
  display:grid;
  grid-template-columns:repeat(var(--edp-cols-desktop),minmax(0,1fr));
  gap:18px;
  width:100%;
}

.edp-tile-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:var(--edp-min-height);
  padding:28px 26px;
  text-decoration:none !important;
  color:inherit;
  overflow:hidden;
  border:1px solid rgba(36,85,109,.055);
  background:var(--wp--preset--color--warm-cream,#FFFBF6);
  box-shadow:0 18px 52px color-mix(in srgb,var(--wp--preset--color--deep-blue,#24556D) 8%,transparent);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

a.edp-tile-card:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 48px rgba(36,85,109,.11);
  border-color:rgba(36,85,109,.10);
}

.edp-tile-icon{
  position:relative;
  z-index:2;
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  margin:0 0 24px;
  background:var(--wp--preset--color--warm-section,#F7F0E7);
  color:var(--wp--preset--color--primary-blue,#2E6F92);
  border-radius:16px 19px 15px 18px;
}

.edp-tile-icon svg{
  width:26px;
  height:26px;
  display:block;
  max-width:26px;
  max-height:26px;
}

.edp-icon-center .edp-tile-icon{
  margin-left:auto;
  margin-right:auto;
}

.edp-tile-title{
  position:relative;
  z-index:2;
  margin:0 0 12px !important;
  color:var(--wp--preset--color--deep-blue,#24556D) !important;
  font-size:24px !important;
  line-height:1.18 !important;
  font-weight:760 !important;
  letter-spacing:-.018em;
}

.edp-tile-description{
  position:relative;
  z-index:2;
  margin:0 0 20px !important;
  color:var(--wp--preset--color--body-text,#435563) !important;
  font-size:15px !important;
  line-height:1.62 !important;
}

.edp-tile-cta{
  position:relative;
  z-index:2;
  margin-top:auto;
  color:var(--wp--preset--color--body-text,#435563);
  font-size:14px;
  line-height:1.3;
  font-weight:800;
}

/* Klasyczny wariant */
.edp-style-classic .edp-tile-card{
  border-radius:22px;
}

/* Kamienie light */
.edp-style-stone-light .shape-1{border-radius:26px 38px 28px 34px / 32px 26px 36px 30px}
.edp-style-stone-light .shape-2{border-radius:38px 28px 34px 26px / 27px 36px 30px 34px}
.edp-style-stone-light .shape-3{border-radius:30px 40px 26px 36px / 35px 28px 38px 27px}
.edp-style-stone-light .shape-4{border-radius:36px 28px 40px 26px / 28px 38px 26px 36px}
.edp-style-stone-light .shape-5{border-radius:28px 36px 30px 40px / 38px 27px 34px 29px}
.edp-style-stone-light .shape-6{border-radius:40px 30px 36px 28px / 29px 35px 27px 38px}
.edp-style-stone-light .shape-7{border-radius:34px 26px 38px 30px / 30px 39px 28px 35px}
.edp-style-stone-light .shape-8{border-radius:27px 39px 31px 35px / 36px 29px 40px 27px}

/* Mocniej organiczny, nadal użytkowy */
.edp-style-stone .shape-1{border-radius:14% 20% 16% 21% / 17% 14% 22% 16%}
.edp-style-stone .shape-2{border-radius:21% 15% 19% 14% / 15% 21% 16% 20%}
.edp-style-stone .shape-3{border-radius:16% 22% 14% 20% / 21% 15% 22% 15%}
.edp-style-stone .shape-4{border-radius:20% 14% 22% 15% / 15% 22% 14% 21%}
.edp-style-stone .shape-5{border-radius:15% 20% 16% 23% / 22% 14% 19% 16%}
.edp-style-stone .shape-6{border-radius:23% 16% 20% 15% / 16% 20% 15% 22%}
.edp-style-stone .shape-7{border-radius:19% 14% 21% 16% / 17% 23% 15% 20%}
.edp-style-stone .shape-8{border-radius:15% 22% 17% 20% / 21% 16% 23% 15%}

/* Per-kafelek override: klasyczny */
.edp-tile-card.classic{border-radius:22px !important}

/* Subtelne tony z palety EduPoint */
.edp-tile-card.tone-cream{background:#FFFBF6}
.edp-tile-card.tone-warm{background:#FBF7F1}
.edp-tile-card.tone-sand{background:#F8F3EA}
.edp-tile-card.tone-mist{background:#FAFBFA}
.edp-tile-card.tone-sage{background:#F7FAF7}
.edp-tile-card.tone-rose{background:#FCF7F5}

/* dyskretne detale, bez robienia szumu */
.edp-style-stone-light .edp-tile-card::after,
.edp-style-stone .edp-tile-card::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:1;
  opacity:.8;
}

.edp-style-stone-light .shape-1::after,
.edp-style-stone .shape-1::after{
  width:72px;height:72px;right:-30px;top:-30px;
  border-radius:50%;
  background:rgba(232,132,96,.045);
}

.edp-style-stone-light .shape-2::after,
.edp-style-stone .shape-2::after{
  width:4px;height:34px;right:18px;top:22px;
  border-radius:8px;
  background:rgba(46,111,146,.065);
}

.edp-style-stone-light .shape-3::after,
.edp-style-stone .shape-3::after{
  width:64px;height:64px;right:-32px;bottom:-26px;
  border-radius:50%;
  border:1px solid rgba(100,140,120,.085);
}

.edp-style-stone-light .shape-4::after,
.edp-style-stone .shape-4::after{
  width:7px;height:7px;right:20px;top:20px;
  border-radius:50%;
  background:rgba(210,160,96,.12);
  box-shadow:10px 5px 0 rgba(210,160,96,.07);
}

@media (max-width:991.98px){
  .edp-tiles-grid{
    grid-template-columns:repeat(var(--edp-cols-tablet),minmax(0,1fr));
  }
  .edp-tile-title{
    font-size:23px !important;
  }
}

@media (max-width:767.98px){
  .edp-tile-title{
    font-size:22px !important;
  }
}

@media (max-width:575.98px){
  .edp-tiles-grid{
    grid-template-columns:repeat(var(--edp-cols-mobile),minmax(0,1fr));
    gap:14px;
  }

  .edp-tile-card{
    min-height:0;
    padding:24px 20px 22px;
  }

  .edp-tile-icon{
    width:46px;
    height:46px;
    margin-bottom:18px;
  }

  .edp-tile-icon svg{
    width:23px;
    height:23px;
  }

  .edp-tile-title{
    font-size:21px !important;
  }

  .edp-tile-description{
    font-size:14px !important;
    line-height:1.58 !important;
  }

  .edp-tile-cta{
    margin-top:18px;
    font-size:13px;
  }

  /* na telefonie kształty są spokojniejsze */
  .edp-style-stone .shape-1,
  .edp-style-stone-light .shape-1{border-radius:26px 36px 28px 33px / 31px 26px 35px 29px}
  .edp-style-stone .shape-2,
  .edp-style-stone-light .shape-2{border-radius:36px 27px 33px 27px / 27px 35px 29px 34px}
  .edp-style-stone .shape-3,
  .edp-style-stone-light .shape-3{border-radius:29px 38px 26px 34px / 34px 28px 37px 27px}
  .edp-style-stone .shape-4,
  .edp-style-stone-light .shape-4{border-radius:35px 28px 38px 26px / 28px 37px 26px 35px}
  .edp-style-stone .shape-5,
  .edp-style-stone-light .shape-5{border-radius:27px 35px 29px 39px / 37px 27px 33px 28px}
  .edp-style-stone .shape-6,
  .edp-style-stone-light .shape-6{border-radius:39px 29px 35px 27px / 28px 34px 27px 37px}
  .edp-style-stone .shape-7,
  .edp-style-stone-light .shape-7{border-radius:33px 26px 37px 29px / 29px 38px 27px 34px}
  .edp-style-stone .shape-8,
  .edp-style-stone-light .shape-8{border-radius:27px 38px 30px 34px / 35px 28px 39px 26px}
}

@media (prefers-reduced-motion:reduce){
  .edp-tile-card{transition:none}
  a.edp-tile-card:hover{transform:none}
}