/* Gạch Nhập Khẩu Thạch Lâm (gach) — trang chủ y hệt mockup (xanh lá #056839 màu gốc -> #0B6B3A, nền đá #F2F2F0, chân trang than #22272B), cỡ đo theo mockup x1.674 (10-03) */
:root { --gl-g: #0B6B3A; --gl-g-d: #08552E; --gl-g2: #6CC04A; --gl-ink: #1D2321; --gl-text: #4A504D; --gl-muted: #6B716E; --gl-line: #DADAD6; --gl-stone: #F2F2F0; --gl-dark: #22272B; }
body, p, li, a, input, select, textarea, button, h1, h2, h3, h4, td, th, summary, label, .nav > li > a { font-family: "Be Vietnam Pro", sans-serif !important; }
h1 a, h2 a, h3 a, h4 a { font-family: inherit !important; }
html { background-color: var(--gl-dark); } body { background: #fff; }
/* ---------- header ---------- */
#header .header-main { background: #fff !important; height: 86px; border-bottom: 3px solid var(--gl-g); box-shadow: none; }
#header .header-main .header-inner { height: 83px; }
#header #logo { width: 330px !important; margin: 0 !important; top: 0 !important; }
#header #logo a { position: relative; top: 0 !important; margin: 0 !important; display: block !important; height: 62px; padding-left: 76px; background: url(icons/logo.png) left center / auto 60px no-repeat; font-size: 0 !important; line-height: 0; text-transform: none !important; white-space: nowrap; }
#header #logo a::before { content: "GẠCH NHẬP KHẨU"; display: block; padding-top: 0; color: var(--gl-g); font-size: 17px; font-weight: 500; line-height: 20px; letter-spacing: .01em; }
#header #logo a::after { content: "THẠCH LÂM"; display: block; color: var(--gl-g); font-size: 41px; font-weight: 800; line-height: 42px; letter-spacing: -.01em; }
@media (min-width: 850px) { #header .header-main .flex-left { flex: 1 1 auto; justify-content: center; } #header .header-main .flex-left .header-nav { justify-content: center; } }
#header .header-inner .header-nav { display: flex !important; }
#header .header-nav-main { flex-wrap: nowrap !important; } #header .header-nav-main > li { margin: 0 15px !important; white-space: nowrap; border: 0 !important; }
#header .flex-right .header-nav-main > li { margin: 0 !important; }
#header .header-nav-main > li > a, #header .nav-right > li > a { font-size: 16px !important; font-weight: 400 !important; color: #2A302D !important; text-transform: none !important; letter-spacing: 0 !important; padding: 0 !important; line-height: 40px !important; height: auto !important; background: transparent !important; box-shadow: none !important; border: 0 !important; flex-wrap: nowrap !important; position: relative; }
#header .header-nav-main > li > a:hover { color: var(--gl-g) !important; }
#header .header-nav-main > li > a::before, #header .header-nav-main > li > a::after { display: none !important; }
#header .header-button-1 .button { background: var(--gl-g) !important; color: #fff !important; border: 0 !important; border-radius: 4px !important; text-transform: none !important; letter-spacing: 0 !important; font-size: 16px !important; font-weight: 600 !important; height: 52px; line-height: 52px; min-height: 52px; padding: 0 24px !important; margin: 0 !important; box-shadow: 0 3px 8px rgba(11,107,58,.25); }
#header .header-button-1 .button span { font-size: inherit !important; }
#header .header-button-1 .button:hover { background: var(--gl-g-d) !important; }
.home .page-title, .home .header-danh-muc { display: none !important; }
/* ---------- chung ---------- */
.gl-sec p:not([class]), .gl-footer p:not([class]) { display: contents; }
.gl-sec p, .gl-footer p { margin-bottom: 0; }
.gl-sec .col, .gl-footer .col { padding-bottom: 0 !important; }
.gl-sec ul, .gl-footer ul { margin: 0; padding: 0; list-style: none; } .gl-sec li, .gl-footer li { margin: 0 !important; }
.gl-h2 { color: var(--gl-g) !important; font-size: 36px !important; font-weight: 800 !important; line-height: 44px !important; margin: 0 !important; letter-spacing: -.015em; }
.gl-sub { color: var(--gl-text); font-size: 17px; line-height: 24px; margin-top: 4px; }
.gl-eyebrow { color: var(--gl-g); font-size: 14px; font-weight: 700; line-height: 18px; text-transform: uppercase; letter-spacing: .02em; margin-bottom: 8px; }
.gl-mi { display: inline-block; flex: 0 0 auto; width: 22px; height: 22px; background: var(--gl-g); -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; }
.gl-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; border: 0; border-radius: 4px; font-size: 17px; font-weight: 700; padding: 0 30px; min-height: 52px; line-height: 1.2; text-decoration: none !important; cursor: pointer; margin: 0; text-transform: none; letter-spacing: 0; white-space: nowrap; transition: background .2s; }
.gl-btn i, .gl-more i, .gl-sp-b i, .gl-tile-b i { font-style: normal; display: inline-block; transition: transform .2s; }
.gl-btn:hover i, .gl-more:hover i, .gl-sp:hover i, .gl-tile:hover i { transform: translateX(3px); }
.gl-btn-g { background: var(--gl-g); color: #fff !important; } .gl-btn-g:hover { background: var(--gl-g-d); }
.gl-btn-w { background: #fff; color: var(--gl-g) !important; } .gl-btn-w:hover { background: #EAF4EE; }
.gl-more { color: var(--gl-ink) !important; font-size: 17px; font-weight: 500; white-space: nowrap; text-decoration: none !important; } .gl-more i { margin-left: 8px; color: var(--gl-g); }
.gl-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.gl-sec img[src=""] { visibility: hidden; }
/* ---------- hero ---------- */
.section.gl-hero { min-height: 527px; padding: 0 !important; align-items: flex-start !important; }
.gl-hero-in { position: relative; height: 527px; }
.gl-hcards { position: absolute; left: 8px; top: 231px; width: 328px; }
.gl-hc { display: none; background: #fff; border-radius: 6px; padding: 26px 24px 25px; box-shadow: 0 10px 30px rgba(0,0,0,.16); }
.gl-hc.on { display: block; }
.gl-hc-t { color: var(--gl-g) !important; font-size: 25.5px !important; font-weight: 800 !important; line-height: 32px !important; margin: 0 0 10px !important; letter-spacing: -.01em; }
.gl-hc-r { display: grid; grid-template-columns: 96px minmax(0, 1fr); font-size: 16.5px; line-height: 31px; color: var(--gl-ink); border-bottom: 1px solid #ECECEA; }
.gl-hc-r span { color: #555; } .gl-hc-r b { font-weight: 400; }
.gl-hc .gl-btn { margin-top: 23px; width: 259px; padding: 0 20px; }
.gl-hnav { position: absolute; right: 8px; bottom: 23px; display: flex; align-items: center; gap: 12px; }
.gl-dots { display: flex; gap: 9px; margin-right: 18px; } .gl-dots i { width: 13px; height: 13px; border-radius: 50%; background: rgba(255,255,255,.85); cursor: pointer; } .gl-dots i.on { background: var(--gl-g); }
.gl-hnav button { width: 33px; height: 33px; min-height: 0; margin: 0; padding: 0; border-radius: 50%; background: #fff; border: 0; color: #222; font-size: 22px; line-height: 31px; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
/* ---------- bộ lọc ---------- */
.section.gl-filter-sec { padding: 0 !important; }
.gl-filter { display: flex; align-items: center; height: 92px; white-space: nowrap; }
.gl-fg { display: flex; align-items: center; gap: 10px; }
.gl-fg + .gl-fg { margin-left: 24px; padding-left: 24px; border-left: 1.5px solid #D5D5D2; height: 38px; }
.gl-fg b { color: var(--gl-ink); font-size: 17px; font-weight: 700; margin-right: 6px; white-space: nowrap; }
.gl-fg a { display: inline-flex; align-items: center; height: 38px; padding: 0 13px; border: 1.5px solid #D2D2CF; border-radius: 5px; color: #2A302D !important; font-size: 15.5px; white-space: nowrap; text-decoration: none !important; transition: all .2s; }
.gl-fg a:hover { background: var(--gl-g); border-color: var(--gl-g); color: #fff !important; }
/* ---------- thư viện mẫu ---------- */
.section.gl-lib-sec { padding: 32px 0 36px !important; }
.gl-lib { display: grid; grid-template-columns: 433px minmax(0, 1fr); gap: 18px; margin-top: 24px; height: 452px; }
.gl-lib-r { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 18px; }
.gl-tile { display: flex; flex-direction: column; background: #fff; text-decoration: none !important; min-height: 0; box-shadow: 0 1px 3px rgba(0,0,0,.05); }
.gl-tile-img { flex: 1 1 auto; min-height: 0; overflow: hidden; background: #E4E3DF; position: relative; }
.gl-tile-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; } .gl-tile:hover .gl-tile-img img { transform: scale(1.03); }
.gl-tile-b { position: relative; flex: 0 0 auto; padding: 9px 50px 10px 18px; }
.gl-tile-b b { display: block; color: var(--gl-ink); font-size: 17.5px; font-weight: 700; line-height: 22px; }
.gl-tile-b small { display: block; color: #555; font-size: 14.5px; line-height: 20px; }
.gl-tile-b i { position: absolute; right: 22px; top: 50%; margin-top: -11px; color: var(--gl-g); font-size: 18px; line-height: 22px; }
/* ---------- không gian ---------- */
.section.gl-space-sec { padding: 33px 0 36px !important; }
.gl-spaces { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px; margin-top: 18px; }
.gl-sp { display: block; text-decoration: none !important; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.gl-sp-img { display: block; height: 221px; overflow: hidden; background: #E4E3DF; }
.gl-sp-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; } .gl-sp:hover img { transform: scale(1.04); }
.gl-sp-b { display: flex; align-items: center; justify-content: space-between; height: 51px; padding: 0 22px; background: var(--gl-g); color: #fff; font-size: 17.5px; font-weight: 700; }
.gl-sp-b i { font-size: 18px; }
/* ---------- nguồn gốc ---------- */
.section.gl-origin-sec { padding: 28px 0 36px !important; }
.gl-origins { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 18px; }
.gl-og { padding: 0 20px 0 6px; } .gl-og + .gl-og { border-left: 1.5px solid #D0D0CC; padding-left: 70px; }
.gl-og:nth-child(3) { padding-left: 70px; }
.gl-og h3 { color: var(--gl-g) !important; font-size: 30px !important; font-weight: 800 !important; line-height: 38px !important; margin: 0 0 8px !important; }
.gl-og div { color: var(--gl-text); font-size: 17px; line-height: 27px; }
/* ---------- vì sao ---------- */
.section.gl-why-sec { padding: 30px 0 42px !important; }
.gl-whys { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 18px; }
.gl-wy { text-align: center; padding: 0 14px; } .gl-wy + .gl-wy { border-left: 1px solid #E0E0DC; }
.gl-wy img { width: 66px; height: 66px; object-fit: contain; display: block; margin: 0 auto 18px; }
.gl-wy h3 { color: var(--gl-g) !important; font-size: 22px !important; font-weight: 700 !important; line-height: 28px !important; margin: 0 0 8px !important; }
.gl-wy div { color: var(--gl-text); font-size: 16.5px; line-height: 27px; }
/* ---------- catalogue ---------- */
.section.gl-cat-sec { padding: 0 !important; overflow: visible !important; }
.gl-cat { display: flex; align-items: center; height: 209px; position: relative; }
.gl-cat-book { width: 520px; flex: 0 0 auto; align-self: stretch; position: relative; }
.gl-cat-book img { position: absolute; left: 40px; bottom: 4px; width: 360px; height: auto; max-height: 270px; object-fit: contain; filter: drop-shadow(0 18px 24px rgba(0,0,0,.28)); }
.gl-cat-b { flex: 1 1 auto; min-width: 0; padding-left: 60px; }
.gl-cat-h { color: #fff !important; font-size: 40px !important; font-weight: 700 !important; line-height: 44px !important; margin: 0 0 6px !important; }
.gl-cat-d { color: rgba(255,255,255,.95); font-size: 21px; line-height: 30px; }
.gl-cat-d2 { color: rgba(255,255,255,.95); font-size: 19px; line-height: 28px; margin-top: 8px; }
.gl-cat .gl-btn-w { min-width: 245px; min-height: 58px; font-size: 18px; flex: 0 0 auto; }
/* ---------- showroom ---------- */
.section.gl-show-sec { padding: 13px 0 12px !important; }
.gl-show { display: grid; grid-template-columns: 820px minmax(0, 1fr); gap: 60px; align-items: center; }
.gl-show-img { height: 308px; overflow: hidden; background: #E4E3DF; }
.gl-show-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gl-show-h { color: var(--gl-g) !important; font-size: 30px !important; font-weight: 800 !important; line-height: 38px !important; margin: 0 0 14px !important; letter-spacing: -.01em; }
.gl-show-l li { display: flex; align-items: flex-start; gap: 16px; color: var(--gl-ink); font-size: 17px; line-height: 26px; margin-bottom: 11px !important; }
.gl-show-l li a { color: var(--gl-ink) !important; }
.gl-show-l .gl-mi { margin-top: 2px; }
.gl-show-b .gl-btn { margin-top: 10px; min-width: 314px; min-height: 57px; }
/* ---------- footer ---------- */
#footer .section.gl-footer, .section.gl-footer { padding: 32px 0 0 !important; background: var(--gl-dark) !important; }
#footer .absolute-footer, #footer > .section:not(.gl-footer), #footer .footer-widgets { display: none !important; }
.gl-ft { display: grid; grid-template-columns: 352fr 290fr 290fr 389fr; }
.gl-ft > div { min-width: 0; }
.gl-ft > div + div { border-left: 1.5px solid #4E7A3E; padding-left: 64px; } .gl-ft > .gl-ft-ct { padding-left: 32px; }
.gl-footer a.gl-ft-logo { display: inline-flex; align-items: center; gap: 14px; text-decoration: none !important; }
.gl-ft-logo img { width: 62px; height: auto; }
.gl-ft-logo span { color: #fff; font-size: 31px; font-weight: 800; line-height: 34px; text-transform: uppercase; letter-spacing: -.01em; }
.gl-ft-logo small { display: block; font-size: 15px; font-weight: 500; line-height: 20px; }
.gl-ft-slogan { color: rgba(255,255,255,.9); font-size: 17.5px; line-height: 27px; margin-top: 20px; }
.gl-ft-col h4 { color: var(--gl-g2) !important; font-size: 19px !important; font-weight: 700 !important; line-height: 24px !important; margin: 0 0 10px !important; }
.gl-ft-col li { line-height: 31px !important; }
.gl-ft-col li a, .gl-ft-col li span { color: rgba(255,255,255,.9) !important; font-size: 16.5px; }
.gl-ft-col li a:hover { color: #fff !important; text-decoration: underline; }
.gl-ft-ct li { display: flex; align-items: flex-start; gap: 22px; }
.gl-ft-ct li a, .gl-ft-ct li span { line-height: 26px; padding-top: 4px; overflow-wrap: anywhere; }
.gl-ft-ct .gl-mi { background: var(--gl-g2); margin-top: 6px; }
.gl-ft-bot { border-top: 1.5px solid #4E7A3E; margin-top: 26px; padding: 16px 0 22px; font-size: 15.5px; color: rgba(255,255,255,.8); }
@media (min-width: 1200px) { .gl-ft-ct li a[href^="mailto"] { white-space: nowrap; overflow-wrap: normal; } .gl-wy div, .gl-og div { white-space: nowrap; } }
/* ---------- mobile ---------- */
@media (max-width: 849px) {
  #header .header-main { height: 68px; } #header .header-main .header-inner { height: 65px; }
  #header #logo { width: auto !important; }
  #header #logo a { height: 44px; padding-left: 54px; background-size: auto 42px; }
  #header #logo a::before { font-size: 11.5px; line-height: 14px; padding-top: 2px; text-align: left; }
  #header #logo a::after { font-size: 27px; line-height: 30px; text-align: left; }
  .gl-h2 { font-size: 27px !important; line-height: 34px !important; }
  .gl-head { flex-wrap: wrap; align-items: flex-end; row-gap: 8px; }
  .section.gl-hero { padding-top: 250px !important; min-height: 0; background-color: var(--gl-stone) !important; }
  .gl-hero .section-bg { top: 0 !important; bottom: auto !important; height: 250px !important; }
  .gl-hero .section-bg img.bg { object-position: 62% 50% !important; }
  .gl-hero-in { height: auto; padding: 18px 0 22px; }
  .gl-hcards { position: static; width: auto; }
  .gl-hc { box-shadow: 0 4px 16px rgba(0,0,0,.08); padding: 20px 18px; }
  .gl-hc .gl-btn { width: 100%; }
  .gl-hnav { position: static; justify-content: center; margin-top: 14px; } .gl-dots i { background: #C9C9C5; }
  .gl-filter { height: auto; flex-wrap: wrap; gap: 14px; padding: 20px 0; }
  .gl-fg { flex-wrap: wrap; gap: 8px; width: 100%; } .gl-fg + .gl-fg { margin-left: 0; padding-left: 0; border-left: 0; height: auto; }
  .gl-fg b { width: 64px; font-size: 15px; } .gl-fg a { height: 34px; padding: 0 11px; font-size: 14px; }
  .section.gl-lib-sec { padding: 30px 0 32px !important; }
  .gl-lib { grid-template-columns: minmax(0, 1fr); height: auto; margin-top: 18px; gap: 12px; }
  .gl-tile-big .gl-tile-img { height: 240px; flex: 0 0 auto; }
  .gl-lib-r { gap: 12px; } .gl-lib-r .gl-tile-img { height: 130px; flex: 0 0 auto; }
  .gl-tile-b { padding: 8px 34px 9px 12px; } .gl-tile-b b { font-size: 15.5px; } .gl-tile-b small { font-size: 13px; } .gl-tile-b i { right: 12px; }
  .section.gl-space-sec, .section.gl-origin-sec, .section.gl-why-sec { padding: 30px 0 32px !important; }
  .gl-spaces { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .gl-sp-img { height: 130px; } .gl-sp-b { height: 44px; padding: 0 12px; font-size: 14.5px; }
  .gl-origins { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 0; }
  .gl-og, .gl-og + .gl-og, .gl-og:nth-child(3) { padding: 0 12px; } .gl-og:nth-child(3) { border-left: 0; }
  .gl-og h3 { font-size: 23px !important; line-height: 30px !important; } .gl-og div { font-size: 15px; line-height: 23px; } .gl-og div br { display: none; }
  .gl-whys { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 0; } .gl-wy:nth-child(3) { border-left: 0; }
  .gl-wy img { width: 50px; height: 50px; margin-bottom: 12px; } .gl-wy h3 { font-size: 17px !important; line-height: 23px !important; } .gl-wy div { font-size: 14.5px; line-height: 22px; } .gl-wy div br { display: none; }
  .gl-cat { flex-direction: column; align-items: flex-start; height: auto; padding: 26px 0 30px; gap: 16px; }
  .gl-cat-book { width: 100%; height: 170px; } .gl-cat-book img { left: 50%; transform: translateX(-50%); bottom: 0; width: 240px; }
  .gl-cat-b { padding-left: 0; } .gl-cat-h { font-size: 27px !important; line-height: 34px !important; } .gl-cat-d { font-size: 17px; line-height: 25px; } .gl-cat-d2 { font-size: 15.5px; line-height: 23px; }
  .gl-cat .gl-btn-w { width: 100%; }
  .section.gl-show-sec { padding: 0 0 30px !important; }
  .gl-show { grid-template-columns: minmax(0, 1fr); gap: 22px; } .gl-show-img { height: 220px; margin: 0 -15px; }
  .gl-show-h { font-size: 25px !important; line-height: 32px !important; }
  .gl-show-b .gl-btn { width: 100%; min-width: 0; }
  #footer .section.gl-footer, .section.gl-footer { padding-top: 32px !important; }
  .gl-ft { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 18px; }
  .gl-ft > div + div, .gl-ft > .gl-ft-ct { border-left: 0; padding-left: 0; }
  .gl-ft-brand, .gl-ft-ct { grid-column: 1 / -1; }
  .gl-ft-col li { line-height: 22px !important; padding: 5px 0; } .gl-ft-col li a { font-size: 15px; }
  .gl-ft-ct li { gap: 14px; }
}
@media (max-width: 849px) { #header .mobile-nav a.icon, #header .mobile-nav .button.round { background: transparent !important; border: 0 !important; box-shadow: none !important; } #header .mobile-nav i, #header .mobile-nav [class^="icon-"] { color: var(--gl-g) !important; font-size: 24px; } #header .mobile-nav .header-button-1 { display: none !important; } }
/* _midwidth: header Flatsome ở 850-1399px (laptop nhỏ/tablet ngang) — menu dựng theo mockup 1440 tràn phải; dùng chung mọi site */
@media (min-width: 850px) and (max-width: 1399px) {
  #header .header-nav-main > li, #header .header-bottom-nav > li { margin-left: 6px !important; margin-right: 6px !important; }
  #header .header-nav-main > li > a, #header .header-bottom-nav > li > a { font-size: 14px !important; }
  #header .header-search-form { max-width: 300px !important; width: 300px !important; margin-left: 20px !important; }
}
@media (min-width: 850px) and (max-width: 1199px) {
  #logo { width: auto !important; max-width: 210px !important; } #logo a { font-size: 21px !important; }
  #header .header-main .flex-right .header-button-1, #header .header-main .flex-right li.html, #header .header-search-form, #top-bar .flex-right { display: none !important; }
  #header .header-nav-main > li, #header .header-bottom-nav > li { margin-left: 3px !important; margin-right: 3px !important; }
  #header .header-nav-main > li > a, #header .header-bottom-nav > li > a { font-size: 13px !important; }
  #header .flex-col { min-width: 0; } #header .header-inner, #header .header-bottom .container { overflow: hidden; }
}
.col-inner a[href^="mailto"], .col-inner a[href^="tel"] { overflow-wrap: anywhere; }
/* mid-fix: logo chữ ::before/::after (font-size 0) — _midwidth đặt 21px (LESSONS 265); lưới cố định px thu lại */
@media (min-width: 850px) and (max-width: 1199px) { #header #logo { max-width: 220px !important; } #header #logo a { font-size: 0 !important; padding-left: 56px; background-size: auto 46px; height: 48px; } #header #logo a::before { font-size: 12px; line-height: 15px; } #header #logo a::after { font-size: 27px; line-height: 30px; } }
@media (min-width: 1200px) and (max-width: 1399px) { #header #logo { width: 260px !important; } #header #logo a { padding-left: 64px; background-size: auto 52px; } #header #logo a::before { font-size: 14px; } #header #logo a::after { font-size: 32px; line-height: 36px; } #header .header-nav-main > li { margin: 0 9px !important; } }
@media (min-width: 850px) and (max-width: 1379px) {
  .gl-filter { flex-wrap: wrap; height: auto; padding: 18px 0; row-gap: 12px; } .gl-fg + .gl-fg { margin-left: 18px; padding-left: 18px; } .gl-fg a { padding: 0 10px; font-size: 14.5px; }
  .gl-lib { grid-template-columns: minmax(0, 33fr) minmax(0, 67fr); }
  .gl-og + .gl-og, .gl-og:nth-child(3) { padding-left: 24px; } .gl-og h3 { font-size: 24px !important; }
  .gl-cat-book { width: 300px; } .gl-cat-book img { left: 0; width: 280px; } .gl-cat-b { padding-left: 24px; } .gl-cat-h { font-size: 28px !important; line-height: 34px !important; }
  .gl-show { grid-template-columns: minmax(0, 58fr) minmax(0, 42fr); gap: 30px; }
  .gl-ft > div + div { padding-left: 24px; }
}
/* /mid-fix */