/* The copy and shoe occupy separate grid cells at every breakpoint. */
.home-catalog-head.catalog-head{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;
  min-height:360px;isolation:isolate;box-sizing:border-box;
  margin-top:24px;margin-bottom:28px;border:1px solid #dfe2e5;border-radius:24px;
  background:radial-gradient(ellipse at 80% 25%,#fff 0%,#edf0f2 48%,#e6e9ec 100%);
  box-shadow:0 8px 28px #202a3506;overflow:hidden;
}
.home-catalog-head .catalog-hero-copy{min-width:0;padding:42px 12px 36px 44px;z-index:2}
.home-catalog-head .section-number{display:inline-flex;align-items:center;gap:9px;margin:0 0 22px;color:#606971;font-size:10px;letter-spacing:.16em;line-height:1.4}
.home-catalog-head .section-number::before{content:"";width:20px;height:1px;background:#89929a}
.home-catalog-head .catalog-hero-copy :is(h1,h2),html[lang="ro"] .home-catalog-head .catalog-hero-copy :is(h1,h2){
  margin:0;max-width:100%;font-size:clamp(32px,3.7vw,52px);line-height:1.04;letter-spacing:-.065em;
  color:#1c2024;white-space:normal;overflow-wrap:normal;text-wrap:balance;
}
.home-catalog-head .catalog-hero-copy :is(h1,h2) span{color:#7b848c}
.home-catalog-head .catalog-hero-copy p{margin:18px 0 24px;max-width:32ch;color:#616971;font-size:14px;line-height:1.6}
.home-catalog-head .home-catalog-cta{
  display:inline-flex;align-items:center;justify-content:space-between;gap:24px;max-width:100%;
  min-height:48px;margin:0 0 25px;padding:13px 18px;border:1px solid #1c2024;border-radius:12px;
  background:#1c2024;color:#fff;font-size:13px;line-height:1.4;box-shadow:0 4px 10px #1c202412;
  transition:background .2s,box-shadow .2s;
}
.home-catalog-head .home-catalog-cta:hover{background:#343b42;box-shadow:0 5px 16px #1c202425}
.home-catalog-head .home-catalog-cta:focus-visible{outline:3px solid #6c7d8d;outline-offset:4px}
.home-catalog-head .home-catalog-cta>span{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;font-size:20px;font-weight:500}
.home-catalog-head .catalog-small-label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:9px;line-height:1.6;letter-spacing:.12em;color:#727b83}
.home-catalog-head .catalog-cross{display:inline-flex;padding:0;color:#6b747d}
.home-catalog-head .catalog-hero-visual{
  position:relative;inset:auto;width:auto;min-width:0;min-height:320px;height:100%;
  display:grid;place-items:center;padding:30px 24px;box-sizing:border-box;opacity:1;overflow:visible;
}
.home-catalog-head .catalog-hero-circle{
  inset:50% auto auto 50%;width:clamp(200px,24vw,330px);height:auto;aspect-ratio:1;
  transform:translate(-50%,-50%);border:1px solid #d1d7dc;
  background:linear-gradient(145deg,#f8fafb80,#dce1e560);box-shadow:inset 0 0 0 35px #ffffff45;
}
.home-catalog-head .catalog-hero-visual::after{content:"";position:absolute;left:12%;right:12%;bottom:17%;height:15px;background:#26323c22;filter:blur(12px);border-radius:50%;z-index:0}
.home-catalog-head .catalog-hero-visual img{
  position:relative;inset:auto;width:100%;height:auto;max-width:100%;max-height:290px;z-index:1;
  object-fit:contain;filter:drop-shadow(0 12px 9px #23313e18);animation:ct-banner-drift 7s ease-in-out infinite;
}
.home-catalog-head .catalog-hero-visual>span{display:none}
.home-catalog-head.bottom-catalog-banner{background:radial-gradient(ellipse at 75% 20%,#fff 0%,#f5f7f8 50%,#e9edf0 100%);margin-top:28px;margin-bottom:44px}
@keyframes ct-banner-drift{0%,100%{transform:translateY(2px) rotate(-3deg)}50%{transform:translateY(-7px) rotate(-1deg)}}
@media(max-width:900px) and (min-width:601px){
  .home-catalog-head.catalog-head{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
  .home-catalog-head .catalog-hero-copy{padding:32px 0 30px 28px}
  .home-catalog-head .catalog-hero-visual{padding:20px 14px;min-height:300px}
}
@media(max-width:600px){
  .home-catalog-head.catalog-head{grid-template-columns:minmax(0,1fr);min-height:0;margin-top:14px;margin-bottom:18px;border-radius:20px}
  .home-catalog-head .catalog-hero-copy{padding:26px 24px 0}
  .home-catalog-head .section-number{margin-bottom:15px;font-size:9px}
  .home-catalog-head .catalog-hero-copy :is(h1,h2),html[lang="ro"] .home-catalog-head .catalog-hero-copy :is(h1,h2){font-size:clamp(30px,8.5vw,42px);max-width:100%;line-height:1.06}
  .home-catalog-head .catalog-hero-copy p{font-size:13px;margin:13px 0 18px}
  .home-catalog-head .home-catalog-cta{width:100%;font-size:12px;min-height:46px;margin-bottom:17px;padding:11px 15px}
  .home-catalog-head .catalog-small-label{gap:10px;font-size:8px;letter-spacing:.1em}
  .home-catalog-head .catalog-hero-visual{height:180px;min-height:180px;padding:12px 18px 22px}
  .home-catalog-head .catalog-hero-visual img{max-height:145px;width:100%;max-width:350px}
  .home-catalog-head .catalog-hero-circle{width:180px;box-shadow:inset 0 0 0 23px #ffffff45}
  .home-catalog-head .catalog-hero-visual::after{bottom:14%;left:18%;right:18%;height:9px}
  .home-catalog-head.bottom-catalog-banner{margin-top:18px;margin-bottom:28px}
}
@media(prefers-reduced-motion:reduce){.home-catalog-head .catalog-hero-visual img{animation:none;transform:rotate(-2deg)}.home-catalog-head .home-catalog-cta{transition:none}}