/* KITSPAN Core Pages v5 — unified B2B visual system for Products / Padel / Sports. */
.core-v5{--core-navy:#0b2d5b;--core-ink:#0d203a;--core-teal:#08cbb1;--core-mist:#f3f8fa;--core-line:rgba(11,45,91,.10);--core-shadow:0 18px 50px rgba(7,29,56,.10)}
.core-v5 .core-hero-v5{background:linear-gradient(135deg,#f8fbfc 0%,#eef7f8 58%,#e9f3f5 100%);padding:64px 0 72px;border-bottom:1px solid var(--core-line);overflow:hidden}
.core-v5 .core-hero-grid-v5{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(470px,.98fr);gap:58px;align-items:center}
.core-v5 .core-hero-copy-v5{max-width:650px;padding:18px 0}
.core-v5 .core-hero-copy-v5 .eyebrow{color:#008f7c;margin-bottom:15px}
.core-v5 .core-hero-title-v5{font-size:clamp(46px,4.5vw,70px);line-height:.99;letter-spacing:-.045em;color:var(--core-navy);font-weight:850;margin:0 0 22px;text-wrap:balance}
.core-v5 .core-hero-copy-v5>p{font-size:18px;line-height:1.68;color:#506174;margin:0;max-width:620px}
.core-v5 .core-actions-v5{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}
.core-v5 .core-actions-v5 .btn{min-height:49px}
.core-v5 .btn.core-secondary-v5{background:#fff;border:1px solid rgba(11,45,91,.22);color:var(--core-navy)}
.core-v5 .btn.core-secondary-v5:hover{border-color:var(--core-navy);transform:translateY(-1px)}
.core-v5 .core-chips-v5{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}
.core-v5 .core-chips-v5 span{font-size:10px;letter-spacing:.10em;text-transform:uppercase;font-weight:850;color:#395066;background:rgba(255,255,255,.78);border:1px solid var(--core-line);border-radius:999px;padding:7px 10px}

.core-v5 .core-mosaic-v5{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:245px 190px;gap:11px;min-height:446px}
.core-v5 .core-mosaic-v5 figure{margin:0;position:relative;overflow:hidden;border-radius:20px;background:#0b2d5b;box-shadow:0 15px 40px rgba(7,29,56,.12)}
.core-v5 .core-mosaic-v5 figure:after{content:"";position:absolute;inset:44% 0 0;background:linear-gradient(transparent,rgba(5,19,34,.7));pointer-events:none}
.core-v5 .core-mosaic-v5 img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04);transition:transform .45s ease}
.core-v5 .core-mosaic-v5 figure:hover img{transform:scale(1.035)}
.core-v5 .core-mosaic-v5 figcaption{position:absolute;z-index:2;left:16px;bottom:14px;color:#fff;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.core-v5 .core-mosaic-v5 .m1{grid-column:1/8;grid-row:1/3}
.core-v5 .core-mosaic-v5 .m2{grid-column:8/13;grid-row:1}
.core-v5 .core-mosaic-v5 .m3{grid-column:8/11;grid-row:2}
.core-v5 .core-mosaic-v5 .m4{grid-column:11/13;grid-row:2}

/* Padel uses one restrained visual card instead of a dominant half-page photo. */
.core-v5 .core-single-visual-v5{position:relative;max-width:530px;justify-self:end;width:100%;padding:18px 18px 46px;background:rgba(255,255,255,.74);border:1px solid var(--core-line);border-radius:24px;box-shadow:var(--core-shadow)}
.core-v5 .core-single-visual-v5 .image-wrap{height:420px;border-radius:18px;overflow:hidden;background:#0b2d5b}
.core-v5 .core-single-visual-v5 img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.03)}
.core-v5 .core-single-visual-v5 .visual-note{position:absolute;left:30px;right:30px;bottom:15px;display:flex;justify-content:space-between;gap:16px;align-items:center;color:#42566c;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.core-v5 .core-single-visual-v5 .visual-note strong{color:#008f7c}

.core-v5 .core-section-head-v5{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.68fr);gap:46px;align-items:end;margin-bottom:34px}
.core-v5 .core-section-head-v5 .lead{margin:0;justify-self:end}
.core-v5 .core-section-head-v5 .h2{max-width:760px}

.core-v5 .core-card-grid-v5{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.core-v5 .core-card-v5{background:#fff;border:1px solid var(--core-line);border-radius:20px;overflow:hidden;box-shadow:0 8px 26px rgba(7,29,56,.05);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.core-v5 .core-card-v5:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(7,29,56,.11);border-color:rgba(8,203,177,.3)}
.core-v5 .core-card-v5 .visual{height:218px;overflow:hidden;position:relative;background:#e8f0f2}
.core-v5 .core-card-v5 .visual:after{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(transparent,rgba(5,19,34,.48))}
.core-v5 .core-card-v5 .visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04);transition:transform .42s ease}
.core-v5 .core-card-v5:hover .visual img{transform:scale(1.035)}
.core-v5 .core-card-v5 .tag{position:absolute;z-index:2;left:17px;bottom:14px;color:#fff;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.core-v5 .core-card-v5 .body{padding:23px 23px 25px;display:flex;flex-direction:column;min-height:238px}
.core-v5 .core-card-v5 .body .h3{font-size:24px;margin-bottom:10px}
.core-v5 .core-card-v5 .body p{color:#58687a;margin:0 0 20px}
.core-v5 .core-card-v5 .body .btn{margin-top:auto;align-self:flex-start}

.core-v5 .core-four-v5{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.core-v5 .core-info-card-v5{background:#fff;border:1px solid var(--core-line);border-radius:18px;padding:28px 24px;min-height:220px;position:relative;overflow:hidden}
.core-v5 .core-info-card-v5:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--core-navy),var(--core-teal))}
.core-v5 .core-info-card-v5 .num{font-size:11px;letter-spacing:.14em;font-weight:900;color:#008f7c;margin-bottom:20px;text-transform:uppercase}
.core-v5 .core-info-card-v5 h3{font-size:23px;line-height:1.1;margin:0 0 11px;color:var(--core-ink)}
.core-v5 .core-info-card-v5 p{font-size:14px;color:#5b697a;margin:0}
.core-v5 .core-info-card-v5 a{display:inline-block;margin-top:18px;font-size:12px;font-weight:850;color:var(--core-navy)}
.core-v5 .core-info-card-v5 a:hover{color:#008f7c}

.core-v5 .core-dark-v5{background:#071d38;color:#fff;padding:76px 0}
.core-v5 .core-dark-v5 .eyebrow{color:#83e9dc}
.core-v5 .core-dark-v5 .h2{color:#fff}
.core-v5 .core-dark-v5 .lead{color:#bdcbd4}
.core-v5 .core-dark-v5 .core-info-card-v5{background:#0a294d;border-color:rgba(255,255,255,.11)}
.core-v5 .core-dark-v5 .core-info-card-v5 h3{color:#fff}
.core-v5 .core-dark-v5 .core-info-card-v5 p{color:#bdcbd4}
.core-v5 .core-dark-v5 .core-info-card-v5 a{color:#fff}

.core-v5 .core-product-mix-v5{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.core-v5 .core-product-item-v5{background:#fff;border:1px solid var(--core-line);border-radius:16px;padding:24px;min-height:165px}
.core-v5 .core-product-item-v5 .small{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#008f7c;font-weight:900;margin-bottom:16px}
.core-v5 .core-product-item-v5 h3{font-size:21px;margin:0 0 9px}
.core-v5 .core-product-item-v5 p{font-size:14px;color:#5b697a;margin:0}

.core-v5 .core-cta-v5{padding:78px 0}
.core-v5 .core-cta-box-v5{background:linear-gradient(90deg,rgba(4,21,37,.96),rgba(4,21,37,.78)),var(--cta-bg) center/cover;border-radius:24px;padding:56px 58px;display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:end;color:#fff;box-shadow:0 18px 50px rgba(7,29,56,.14)}
.core-v5 .core-cta-box-v5 .h2{color:#fff;margin-bottom:12px}
.core-v5 .core-cta-box-v5 p{color:#dfe8ed;max-width:690px;margin:0}
.core-v5 .core-cta-box-v5 .cta-right{text-align:right}

@media(max-width:1050px){
  .core-v5 .core-hero-grid-v5{grid-template-columns:1fr;gap:36px}
  .core-v5 .core-hero-copy-v5{max-width:780px}
  .core-v5 .core-mosaic-v5{max-width:850px;width:100%}
  .core-v5 .core-single-visual-v5{justify-self:start;max-width:700px}
  .core-v5 .core-card-grid-v5{grid-template-columns:repeat(2,1fr)}
  .core-v5 .core-four-v5{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .core-v5 .core-hero-v5{padding:40px 0 50px}
  .core-v5 .core-hero-title-v5{font-size:48px}
  .core-v5 .core-section-head-v5{grid-template-columns:1fr;gap:12px}
  .core-v5 .core-section-head-v5 .lead{justify-self:start}
  .core-v5 .core-mosaic-v5{grid-template-columns:1fr 1fr;grid-template-rows:250px 160px 160px;min-height:0}
  .core-v5 .core-mosaic-v5 .m1{grid-column:1/3;grid-row:1}.core-v5 .core-mosaic-v5 .m2{grid-column:1/3;grid-row:2}.core-v5 .core-mosaic-v5 .m3{grid-column:1;grid-row:3}.core-v5 .core-mosaic-v5 .m4{grid-column:2;grid-row:3}
  .core-v5 .core-single-visual-v5 .image-wrap{height:360px}
  .core-v5 .core-card-grid-v5,.core-v5 .core-product-mix-v5{grid-template-columns:1fr}
  .core-v5 .core-card-v5 .visual{height:245px}
  .core-v5 .core-cta-box-v5{grid-template-columns:1fr;padding:42px 30px}.core-v5 .core-cta-box-v5 .cta-right{text-align:left}
}
@media(max-width:540px){
  .core-v5 .core-hero-title-v5{font-size:42px}
  .core-v5 .core-four-v5{grid-template-columns:1fr}
  .core-v5 .core-mosaic-v5{grid-template-rows:225px 145px 145px;gap:8px}
  .core-v5 .core-mosaic-v5 figure{border-radius:15px}
  .core-v5 .core-single-visual-v5{padding:12px 12px 43px;border-radius:18px}.core-v5 .core-single-visual-v5 .image-wrap{height:300px;border-radius:13px}.core-v5 .core-single-visual-v5 .visual-note{left:20px;right:20px}
}
