/*
 * bizpr_0002_01.css
 * bzp 사이트 Standard / Premium 요금제 상세페이지 스타일 - 2026 하반기 랜딩 리뉴얼
 * 원안(bizplay_스탠다드프리미엄_상세페이지.html)의 인라인 <style> 중 본문/섹션5(도입 문의) 규칙만 옮겼다.
 * (원안 헤더/푸터/퀵네비 규칙은 공용 inc_bzp_main_header/footer 가 가지므로 제외)
 * 사용처: SPTL_PT/web/sp/bizpr/bizpr_0002_01_view.jsp (이 화면 전용, 02/03 과 공유하지 않는다)
 * @History : 20261002, 박소현 - 랜딩 리뉴얼 원안 반영(인라인 CSS 외부 분리)
 *            20261002, 박소현 - 헤더: 스크롤 0 에서도 .scrolled 와 동일(흰 배경+하단 구분 그림자) 유지
 */

/* ===== 헤더 (이 화면 한정 보정) ===== */
/* 20261002, 박소현 - 스크롤 0(.scrolled 없음)에서도 스크롤 상태 헤더(공용 .site-header.scrolled 값과 동일) 유지. 공용 헤더 파일은 수정하지 않음 */
.site-header.hdr-onlight:not(.scrolled){background:#ffffff;box-shadow:0 2px 8px rgba(8,18,60,.08)}

/* Poppins 600/700 (배지/번호). 원안은 base64 내장이었으나 정적 폰트 파일 사용
 * 20261002, 박소현 - 700 굵기 파일 누락으로 주요기능 번호(01.~04.)가 600 으로 fallback 되어 얇게 보이던 문제 수정(Poppins-700.woff2 추가) */
@font-face{ font-family:'Poppins'; font-style:normal; font-weight:600; font-display:swap; src:url("/font/Poppins-600.woff2") format("woff2"); }
@font-face{ font-family:'Poppins'; font-style:normal; font-weight:700; font-display:swap; src:url("/font/Poppins-700.woff2") format("woff2"); }

/* ===== 화면 기본 (원안 body/a/* 전역 규칙을 .bp01 스코프로 한정) ===== */
.bp01{ background:#fff; -webkit-font-smoothing:antialiased; }
:where(.bp01), :where(.bp01) *, :where(.bp01) *::before, :where(.bp01) *::after{ box-sizing:border-box; }
:where(.bp01) a{ text-decoration:none; }

/* ===== 본문 반응형 (원안) ===== */
/* ===== 모바일 반응형 (본문 섹션) — 헤더·푸터·플로팅바는 각자 규칙 유지 ===== */
@keyframes mrowPulse{0%,100%{box-shadow:0 0 0 0 rgba(26,50,216,0)}50%{box-shadow:0 0 14px 4px rgba(26,50,216,.22),0 8px 26px rgba(26,50,216,.16)}}
img.mrow{border-radius:12px;transition:box-shadow .2s ease-out,transform .2s ease-out}
img.mrow:hover{box-shadow:0 0 12px 3px rgba(26,50,216,.20);transform:translateY(-1px)}
img.mrow.pulse{animation:mrowPulse 1.15s ease-in-out 4}
img.mrow.picked{box-shadow:0 0 16px 5px rgba(26,50,216,.26),0 6px 18px rgba(26,50,216,.14)}
.rail{font-size:15px;font-weight:700;color:#566075;letter-spacing:-.01em;line-height:1.45;padding-left:13px;border-left:3px solid #1A32D8;align-self:start;position:sticky;top:104px}
.railgrid{display:grid;grid-template-columns:150px minmax(0,1fr);gap:40px;align-items:start}
.railgrid > *{ min-width:0; }
@media (max-width:900px){ .railgrid{ grid-template-columns:minmax(0,1fr) !important; gap:18px !important; } .rail{ position:static; display:inline-block; } }
@media (min-width:1200px){ .app-desc{ white-space:nowrap; } }

/* 단말 화면 속 메뉴 행: 클릭 가능함을 알리는 hover 반응 */
.mrow { cursor:pointer; border-radius:8px; box-shadow:0 2px 10px rgba(35,53,120,0.06); transition:transform .2s ease-out, box-shadow .2s ease-out; }
.mrow:hover { transform:translateY(-5px); box-shadow:0 12px 26px rgba(26,50,216,0.18); }
.quad-cell:nth-child(1){ padding:0 22px 26px 0; border-right:1px solid #F0F0F3; }
.quad-cell:nth-child(2){ padding:0 0 26px 22px; }
.quad-cell:nth-child(3){ padding:26px 22px 0 0; border-right:1px solid #F0F0F3; border-top:1px solid #F0F0F3; }
.quad-cell:nth-child(4){ padding:26px 0 0 22px; border-top:1px solid #F0F0F3; }
@media (max-width:600px){
  .quad-cell{ padding:0 !important; border:0 !important; }
  .quad-cell + .quad-cell{ padding-top:26px !important; border-top:1px solid #F0F0F3 !important; }
}
@media (max-width:1023px){
  section .device-row{ grid-template-columns:1fr !important; gap:40px !important; justify-items:start !important; }
  section .menu-quad{ grid-template-columns:1fr 1fr !important; }
}
@media (max-width:1023px){
  section .cmp-grid{ grid-template-columns:repeat(4,1fr) !important; }
  section .cmp-grid > div{ grid-column:auto !important; }
  section .cmp-monitor{ display:none !important; }
}
@media (max-width:600px){
  section .menu-quad{ grid-template-columns:1fr !important; }
  section .cmp-grid{ grid-template-columns:repeat(2,1fr) !important; }
  section .basics-grid{ grid-template-columns:1fr !important; }
  section .logo-pair{ grid-template-columns:1fr !important; }
  section .cmp-table{ min-width:720px; }
  section .mmenu-grid{ grid-template-columns:1fr !important; }
  section .plan-cards{ grid-template-columns:1fr !important; }
}
@media (max-width:880px){
  section > div{ max-width:100% !important; }
  section div[style^="order:1"], section div[style^="order:2"], section div[style^="order: 1"], section div[style^="order: 2"]{ order:0 !important; }
  section img{ max-height:none !important; }
}

@media (max-width:767px){
  section h3 br, section h1 br, section h2 br{ display:none; }
  section .plan-box{ padding:24px 18px 20px !important; border-radius:18px !important; }
  section .plan-cards, section .plan-table-wrap{ display:none !important; }
  section .plan-mobile{ display:block !important; }
  section [style*="font-size:28px"], section [style*="font-size: 28px"]{ font-size:22px !important; line-height:1.5 !important; }
  section [style*="font-size:36px"], section [style*="font-size: 36px"]{ font-size:30px !important; }
  .rail{ margin-bottom:20px; }
}
@media (max-width:767px){
  section{ padding-top:64px !important; padding-bottom:64px !important; padding-left:18px !important; padding-right:18px !important; }
  section:first-of-type{ padding-top:100px !important; padding-bottom:44px !important; }
  section [style*="font-size:30px"], section [style*="font-size: 30px"]{ font-size:23px !important; line-height:1.5 !important; }
  section [style*="font-size:38px"], section [style*="font-size: 38px"]{ font-size:26px !important; }
  section [style*="font-size:26px"], section [style*="font-size: 26px"]{ font-size:21px !important; }
  section [style*="font-size:19px"], section [style*="font-size: 19px"]{ font-size:17px !important; }
  section [style*="font-size:17px"], section [style*="font-size: 17px"]{ font-size:15px !important; }
  section [style*="font-size:16px;line-height:1.65"], section [style*="font-size: 16px; line-height: 1.65"]{ font-size:14.5px !important; }
  section [style*="font-size:15px;line-height:1.65"], section [style*="font-size: 15px; line-height: 1.65"]{ font-size:14px !important; }
  section [style*="gap:104px"], section [style*="gap: 104px"]{ gap:52px !important; }
  section [style*="margin-bottom:68px"], section [style*="margin-bottom: 68px"]{ margin-bottom:38px !important; }
  section [style*="margin-bottom:49px"], section [style*="margin-bottom: 49px"]{ margin-bottom:32px !important; }
  section a.bp01-paid{ padding:24px 20px !important; }
}

/* ===== 자세히 보기 토글 / 부가기능 카드 (원안 인라인 style·style-hover 를 클래스로 이관) ===== */
.bp01-ftog-ico{ transition:transform .25s ease-out; }
.bp01-paid{ display:flex; flex-direction:column; height:100%; background:#fff; border:1px solid #E2E5E9; border-radius:16px; padding:20px 20px; cursor:pointer; transition:all .18s; }
.bp01-paid:not(.plan-card-off):hover{ border-color:#433EDD; box-shadow:0 12px 30px rgba(67,62,221,0.12); transform:translateY(-3px); }
.bp01-paid.plan-card-off{ cursor:default; }

/* ===== 원안 style-hover 이관 ===== */
.bp01-hv-1:hover{ transform:translateY(-4px) !important; }
.bp01-hv-2:hover{ opacity:.75 !important; }
.bp01-hv-3:hover{ transform:translateY(-4px) !important; box-shadow:0 14px 32px rgba(35,24,21,0.08) !important; }
.bp01-hv-4:hover{ transform:translateY(-4px) !important; box-shadow:0 12px 26px rgba(35,24,21,0.08) !important; }

/* ===== 섹션5 : 도입 문의 (원안) ===== */
.s5-section, .s5-section *, .s5-section *::before, .s5-section *::after { box-sizing:border-box; }
  .s5-section * { margin:0; padding:0; }
  .s5-section {
    
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
    position:relative;
    width:100%;
    height:680px;
    margin:0 auto;
    padding:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:#f0f0f3;   /* 그라데이션 → 단색 (브랜드 토큰 --bg-light 값) */
    overflow:hidden;
  }
  .s5-cta-wrap { position:relative; max-width:1184px; width:100%; margin:0 auto; padding:0 32px; }
  .s5-cta-head { text-align:center; margin-bottom:60px; }
  .s5-cta-eyebrow {
    display:inline-block;
    font-size:13px; font-weight:700; letter-spacing:.16em;
    color:#3467ff; text-transform:uppercase; margin-bottom:14px;
  }
  /* ===== 통합 헤드라인 스펙 (섹션2·3·5 공통): 32px / 700 / -.025em / 1.45 / #14224d ===== */
  .s5-cta-title {
    font-size:32px; font-weight:700; letter-spacing:-.025em;
    color:#14224d; line-height:1.45;
  }
  /* 첫 강조구: 단색 강조 (섹션2·3·5 공통 #2A55EE) */
  .s5-cta-title .s5-hl { color:#2A55EE; }
  .s5-cta-sub {
    margin-top:14px; font-size:16px; font-weight:400; letter-spacing:-.02em;
    color:#4a5878; line-height:1.6;
  }
  .s5-cta-grid {
    display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px;
  }
  .s5-ccard {
    position:relative;
    display:flex; align-items:flex-start; justify-content:space-between; gap:16px;
    padding:52px 28px;
    border-radius:16px;
    background:#ffffff;
    /* 두께는 평상시/hover 동일(1px) — hover 시 색만 바뀌므로 레이아웃 흔들림 없음 — hover 시 색만 바뀌므로 레이아웃 흔들림 없음 */
    border:1px solid #e7ecf6;
    box-shadow:0 2px 4px rgba(20,34,77,.03), 0 12px 28px rgba(20,34,77,.05);
    text-decoration:none; color:inherit;
    /* 카드 hover 통일 스펙: .3s / cubic-bezier(.2,.7,.2,1) — transform 이동 없음 */
    transition:box-shadow .3s cubic-bezier(.2,.7,.2,1), border-color .3s cubic-bezier(.2,.7,.2,1);
  }
  .s5-ccard-text { flex:1; min-width:0; display:flex; flex-direction:column; }
  .s5-ccard:hover {
    /* 통일: 카드 이동(translateY)·배경색 변화 없음 — 그림자 강화만 */
    box-shadow:0 4px 6px rgba(20,34,77,.04), 0 22px 42px rgba(52,103,255,.16);
  }
  /* 블루 테두리 강조는 흰 배경 카드 2개만 (primary 파란 카드는 제외) */
  .s5-ccard:not(.s5-is-primary):hover { border-color:#6A88F5; }   /* #c5d0ff(1.52:1) → #6A88F5(3.25:1) */
  .s5-ccard-ico {
    flex:none;
    position:absolute; top:42px; right:28px;
    width:50px; height:50px; border-radius:14px;
    display:flex; align-items:center; justify-content:center;
    background:linear-gradient(140deg,#2cd3e6,#2f6dff);
    box-shadow:0 6px 16px rgba(52,103,255,.26);
  }
  .s5-ccard-ico svg { width:25px; height:25px; }
  .s5-ccard-ico svg path, .s5-ccard-ico svg rect, .s5-ccard-ico svg circle { stroke:#ffffff; }
  .s5-ccard-title {
    font-size:27px; font-weight:700; letter-spacing:-.035em; color:#14224d;
  }
  .s5-ccard-desc {
    margin-top:8px;
    font-size:14.5px; font-weight:400; letter-spacing:-.01em;
    color:#566075; line-height:1.5;
    transition:color .3s cubic-bezier(.2,.7,.2,1);
  }
  /* 통일: hover 시 설명문 색상만 진하게 (#566075 → #21222b) */
  .s5-ccard:hover .s5-ccard-desc{ color:#21222b; }
  .s5-cta-phone {
    margin-top:60px;
    display:flex; align-items:center; justify-content:center; gap:16px;
    flex-wrap:wrap;
  }
  .s5-cta-phone-ico {
    width:46px; height:46px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:#3355E6;   /* 단색 — 섹션4 초대기업 패널(.s4-panel--blue) 중간 스톱 톤 */
    box-shadow:0 6px 16px rgba(52,103,255,.28);
  }
  .s5-cta-phone-ico svg { width:23px; height:23px; }
  .s5-cta-phone-ico svg path { stroke:#ffffff; }
  .s5-cta-phone-label {
    font-size:17px; font-weight:600; letter-spacing:-.02em; color:#46506a;
  }
  .s5-cta-phone-num {
    font-size:42px; font-weight:800; letter-spacing:-.02em;
    color:#333333;
    font-variant-numeric:tabular-nums;
    text-decoration:none; line-height:1;
  }
  .s5-ccard-arrow {
    margin-top:auto; padding-top:18px;
    display:inline-flex; align-items:center; gap:6px;      /* 통일: 기본 6px */
    font-size:15px; font-weight:600; color:#6b7794;                        /* 통일: 15px */
    transition:color .25s, gap .25s;
  }
  .s5-ccard-arrow svg { width:17px; height:17px; transition:transform .25s; }
  .s5-ccard:hover .s5-ccard-arrow { color:#1a32d8; gap:9px; }              /* 통일: 6px → 9px */
  .s5-ccard:hover .s5-ccard-arrow svg { transform:translateX(3px); }       /* 통일: 3px */
  /* hover 시 텍스트에만 밑줄 (화살표 svg 제외) — 색상 전환으로 부드럽게 */
  .s5-more-txt{
    text-decoration:underline; text-decoration-color:transparent;
    text-decoration-thickness:1px; text-underline-offset:3px;
    transition:text-decoration-color .25s ease;
  }
  .s5-ccard:hover .s5-more-txt{ text-decoration-color:#1a32d8; }
  .s5-ccard.s5-is-primary {
    background:#3355E6;   /* 단색 — 섹션4 초대기업 패널(.s4-panel--blue) 중간 스톱 톤 */
    border:none;
    box-shadow:0 12px 30px rgba(52,103,255,.34);
  }
  .s5-ccard.s5-is-primary:hover {
    /* y×1.8 blur×1.5 alpha×1.25 (파란빛 그림자 색상 유지) */
    box-shadow:0 22px 45px rgba(52,103,255,.43);
  }
  .s5-ccard.s5-is-primary .s5-ccard-ico {
    background:rgba(255,255,255,.18);
    box-shadow:none;
  }
  .s5-ccard.s5-is-primary .s5-ccard-title { color:#ffffff; text-shadow:0 1px 2px rgba(10,30,120,.22); }
  .s5-ccard.s5-is-primary .s5-ccard-desc { color:rgba(255,255,255,.92); text-shadow:0 1px 2px rgba(10,30,120,.18); }
  /* primary 카드는 파란 배경이므로 다크 컬러 대신 흰색 불투명도만 100%로 (.92 → 1) */
  .s5-ccard.s5-is-primary:hover .s5-ccard-desc { color:#ffffff; }
  .s5-ccard.s5-is-primary .s5-ccard-arrow { color:rgba(255,255,255,.95); }
  .s5-ccard.s5-is-primary:hover .s5-ccard-arrow { color:#ffffff; }
  /* primary 카드는 흰 텍스트이므로 밑줄도 흰색 (파란 배경 위 #1a32d8 밑줄은 보이지 않음) */
  .s5-ccard.s5-is-primary:hover .s5-more-txt { text-decoration-color:#ffffff; }
  @media (max-width:1350px) {
    .s5-section { height:auto; padding:72px 0; }
  }
  @media (max-width:920px) {
    .s5-cta-grid { grid-template-columns:1fr; }
  }
  @media (max-width:520px) {
    .s5-section { padding:48px 0 52px; }
    .s5-cta-title { font-size:24px; }
    .s5-cta-phone-num { font-size:34px; }
  }
  /* 카드 텍스트·여백·아이콘을 섹션2 카드 기준으로 축소 (헤딩 18 / 본문 13 / padding 18) */
  @media (max-width:767px) {
    .s5-ccard { padding:18px; }
    .s5-ccard-ico { top:18px; right:18px; width:36px; height:36px; border-radius:10px; }
    .s5-ccard-ico svg { width:18px; height:18px; }
    .s5-ccard-title { font-size:18px; }
    .s5-ccard-desc { font-size:13px; margin-top:6px; line-height:1.5; }
    .s5-ccard-arrow { padding-top:10px; font-size:13px; }
    /* 제목~첫 카드 간격 축소 */
    .s5-cta-head { margin-bottom:28px; }
    /* 3번째 카드~전화상담 간격 축소 + 전화상담·번호 한 줄 배치 (번호 축소) */
    .s5-cta-phone { margin-top:30px; gap:10px; }
    .s5-cta-phone-ico { width:36px; height:36px; }
    .s5-cta-phone-ico svg { width:18px; height:18px; }
    .s5-cta-phone-label { font-size:15px; }
    .s5-cta-phone-num { font-size:20px; font-weight:700; }
  }

  /* ===== 데스크탑(≥1240px) 섹션 높이 685px 통일 (섹션2·3·5 공통) =====
     섹션5는 원래 height 고정형(680px) + flex 세로중앙 정렬 → 685px 로만 변경.
     콘텐츠 417.1px 로 여유 충분(잘림 없음).
     ≤1350px 의 height:auto 규칙보다 뒤에 두어 1240~1350 구간도 685px 로 통일.
     ≤1239px 태블릿/모바일 규칙은 그대로 유지됨. */
  @media (min-width:1240px){
    .s5-section{ height:685px; padding-top:0; padding-bottom:0; }
  }

/* ===== 반응형 보정 (원안) ===== */
@media (max-width:767px){
  .fl-out{ display:none !important; }
  .fl-in{ display:block !important; font-size:15px !important; }
  section div.rcpt-row{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:16px 4px !important; padding:20px 10px 18px !important; }
  section div.rcpt-row > div > div{ white-space:normal !important; font-size:11.5px !important; }
  section div.rcpt-row img{ width:34px !important; height:34px !important; }
  section div.logo-wrap{ margin:0 14px !important; padding:20px 0 22px !important; gap:20px !important; }
  section div.logo-pair{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; gap:14px !important; }
  section div.glb-grid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:8px 6px !important; padding:0 !important; }
  section div.glb-grid > div{ height:24px !important; }
  section div.glb-grid img{ max-height:20px !important; }
  section div.lg-chip{ height:24px !important; padding:0 10px !important; font-size:12px !important; margin-bottom:10px !important; }
  section div.erp-ways{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:1px !important; }
  section div.erp-ways > div{ padding:12px 4px !important; font-size:12px !important; letter-spacing:-0.03em !important; }
  section div.pm-tabs{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:4px !important; }
  section div.pm-tabs button{ font-size:12.5px !important; padding:10px 2px !important; }
}

@media (max-width:359px){
  section .pm-tabs .tab-full{ display:none !important; }
  section .pm-tabs .tab-short{ display:inline !important; }
}

@media (max-width:767px){
  section div.cmp-grid{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:6px !important; }
  section div.cmp-grid > div{ padding:12px 4px 10px !important; border-radius:10px !important; }
  section div.cmp-grid img{ width:30px !important; height:30px !important; margin-bottom:6px !important; }
  section div.cmp-grid > div > div{ font-size:11px !important; line-height:1.35 !important; letter-spacing:-0.03em; }
  section div.paid-row{ display:flex !important; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; gap:14px !important; margin:0 -18px !important; padding:4px calc((100% - min(312px, 78%)) / 2) 14px !important; max-width:none !important; scrollbar-width:none; }
  section div.paid-row::-webkit-scrollbar{ display:none; }
  section div.paid-row{ width:auto !important; min-width:0 !important; }
  section div[data-reveal], section div[data-reveal] > div{ min-width:0; }
  section div.paid-row > a[data-set]{ display:flex !important; }
  section div.paid-row > a{ flex:0 0 min(312px, 78%); scroll-snap-align:center; height:auto !important; }
}

.paid-row > a[data-set="0"], .paid-row > a[data-set="2"]{ display:none !important; }

/* 태블릿(768~1023px): 전역 1열 규칙 대신 PC 배열을 축소해 유지 */
@media (min-width:768px) and (max-width:1023px){
  section div.rcpt-row{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:18px 8px !important; }
  section div.logo-pair{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; gap:24px 32px !important; }
  section div.glb-grid{ grid-template-columns:repeat(3,minmax(0,max-content)) !important; }
  section div.erp-ways{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:1px !important; }
  section div.cmp-grid{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:10px !important; }
  section div.plan-cards{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:14px !important; }
  section div.paid-row{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:16px !important; }
}

/* ===== 반응형 열 수 정리표 (PC ≥1024 / 태블릿 768~1023 / 모바일 ≤767) ===== */
@media (max-width:880px){
  section div.basic-row{ grid-template-columns:minmax(0,1fr) !important; gap:28px !important; }
}
@media (max-width:767px){
  section div.law-pair{ grid-template-columns:minmax(0,1fr) !important; gap:16px !important; }
}
@media (min-width:768px) and (max-width:1023px){
  section div.rcpt-row{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
  section div.paid-row{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (min-width:600px) and (max-width:879px){
  section div.cmp-grid{ grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:10px !important; }
}
@media (min-width:880px){
  section div.cmp-grid{ grid-template-columns:repeat(7,minmax(0,1fr)) !important; }
}
@media (min-width:768px){
  section div.logo-pair{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; }
  section div.plan-cards{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
section div.glb-grid{ grid-template-columns:repeat(3,minmax(0,max-content)) !important; }
@media (max-width:767px){ section div.glb-grid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; } }
section div.erp-ways{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
section div.pm-tabs{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; }