/* Koinamedic Local CSS
   Replaces the Tailwind CDN utilities used by the supplied pages.
   No external CSS/JS framework is required.
*/

/* Make all cards equal height */
.grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-4 {
    align-items: stretch;
}

.grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-4 > div {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 520px;
}

/* Description area */
.grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-4 > div p {
    min-height: 120px;
}

/* Button */
.grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-4 > div a {
    margin-top: auto;
    width: 100%;
}












/* =========================================================
   MOBILE NAVIGATION
   ========================================================= */

.mobile-nav {
    display: none;
}


/* MOBILE ONLY */

@media (max-width: 1023px) {

    .mobile-nav {
        display: block;
        position: relative;
        z-index: 999999;
    }


    /* HAMBURGER */

    .mobile-menu-button {
        width: 44px;
        height: 44px;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        gap: 5px;

        padding: 0;
        margin: 0;

        background: #f1f5f9;
        border: 1px solid #e2e8f0;
        border-radius: 12px;

        cursor: pointer;
    }


    .mobile-menu-button span {
        width: 20px;
        height: 2px;

        background: #0f172a;
        border-radius: 10px;

        display: block;
    }


    /* MENU PANEL */

    .mobile-menu-panel {
        display: none;

        position: fixed;

        top: 105px;
        left: 15px;
        right: 15px;

        background: #ffffff;

        border: 1px solid #e2e8f0;
        border-radius: 18px;

        padding: 10px;

        box-shadow: 0 20px 50px rgba(15, 23, 42, 0.18);

        max-height: calc(100vh - 120px);

        overflow-y: auto;

        z-index: 999999;
    }


    /* OPEN */

    .mobile-nav.mobile-open .mobile-menu-panel {
        display: block;
    }


    /* LINKS */

    .mobile-menu-panel > a {
        display: block;

        padding: 13px 15px;

        color: #334155;

        font-size: 14px;
        font-weight: 700;

        text-decoration: none;

        border-radius: 10px;
    }


    .mobile-menu-panel > a:hover {
        background: #f1f5f9;
        color: #00549a;
    }


    /* PRODUCT */

    .mobile-menu-panel details {
        margin: 2px 0;
    }


    .mobile-menu-panel summary {
        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 13px 15px;

        color: #334155;

        font-size: 14px;
        font-weight: 700;

        cursor: pointer;

        border-radius: 10px;

        list-style: none;
    }


    .mobile-menu-panel summary::-webkit-details-marker {
        display: none;
    }


    .mobile-menu-panel summary:hover {
        background: #f1f5f9;
        color: #00549a;
    }


    /* PRODUCT SUBMENU */

    .mobile-product-links {
        margin-left: 12px;

        padding-left: 10px;

        border-left: 2px solid #e2e8f0;
    }


    .mobile-product-links a {
        display: block;

        padding: 10px 12px;

        color: #64748b;

        font-size: 12px;
        font-weight: 600;

        text-decoration: none;

        border-radius: 8px;
    }


    .mobile-product-links a:hover {
        background: #f1f7fc;
        color: #00549a;
    }

}


/* DESKTOP */

@media (min-width: 1024px) {

    .mobile-nav {
        display: none !important;
    }

}
























/* =========================================
   PRODUCT IMAGE - FIXED ALIGNMENT
   ========================================= */

.delivery-card-image {
    width: 100% !important;
   
    margin: 16px auto 18px !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
}

.delivery-card-image img {
    width: 100% !important;
    height: 100% !important;

    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    border: none !important;
    box-shadow: none !important;
}




/* Product Dropdown */
.product-dropdown {
  position: relative;
}

.product-link {
  padding: 0.5rem 0.875rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #334155;
  text-decoration: none;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: all 0.2s ease;
}

.product-link:hover {
  color: #0369a1;
  background: #e2e8f0;
}

.dropdown-arrow {
  font-size: 13px;
  transition: transform 0.2s ease;
}

.product-dropdown:hover .dropdown-arrow {
  transform: rotate(180deg);
}

/* Dropdown Menu */
.product-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 230px;
  padding-top: 8px;
  display: none;
  z-index: 9999;
}

/* Keep dropdown visible on hover */
.product-dropdown:hover .product-menu {
  display: block;
}

.product-menu::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);
  z-index: -1;
}

.product-menu a {
  display: block;
  padding: 12px 16px;
  font-size: 12px;
  font-weight: 700;
  color: #334155;
  text-decoration: none;
  transition: all 0.2s ease;
}

.product-menu a:first-child {
  margin-top: 8px;
  border-radius: 12px 12px 0 0;
}

.product-menu a:last-child {
  border-radius: 0 0 12px 12px;
}

.product-menu a:hover {
  color: #0369a1;
  background: #eff6ff;
}


.sitemap-intro {
    text-align: center;
    max-width: 760px;
    margin: 55px auto 35px;
}

.sitemap-intro .eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #006bc8;
}

.sitemap-intro h1 {
    margin: 0 0 14px;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 700;
    color: #000000;
}

.sitemap-intro p {
    margin: 0 auto;
    max-width: 680px;
    font-size: 16px;
    line-height: 1.7;
    color: #000000;
}




 {
        box-sizing: border-box;
    }

    body {
        margin: 0;
        background: #f8fafc;
        font-family: Arial, Helvetica, sans-serif;
        color: #006bc8;
    }

    .sitemap-box {
        width: 100%;
        max-width: 1100px;
        margin: 40px auto;
        background: #ffffff;
        border: 1px solid #dbe3ec;
        border-radius: 18px;
        padding: 30px 28px 80px;
    }

    .sitemap-box h2 {
        margin: 0 0 22px;
        font-size: 22px;
        line-height: 1.3;
        font-weight: 700;
        color: #000000;
    }

    .sitemap-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .sitemap-list li {
        border-bottom: 1px solid #e5eaf0;
    }

    .sitemap-list li:last-child {
        border-bottom: none;
    }

    .sitemap-list a {
        display: block;
        padding: 14px 0;
        color: #334155;
        text-decoration: none;
        font-size: 16px;
        font-weight: 600;
        transition: color 0.2s ease;
    }

    .sitemap-list a:hover {
        color: #006bc8;
    }

    @media (max-width: 600px) {
        .sitemap-box {
            margin: 20px 15px;
            padding: 25px 20px 60px;
        }

        .sitemap-box h2 {
            font-size: 20px;
        }

        .sitemap-list a {
            font-size: 15px;
        }
    }

:root{
  --medblue-50:#f0f7ff;--medblue-100:#e0effe;--medblue-200:#b9ddfd;--medblue-300:#7cc2fb;
  --medblue-400:#36a3f7;--medblue-500:#0c87eb;--medblue-600:#006bc8;--medblue-700:#004889;
  --medblue-800:#003a6e;--medblue-900:#06305a;--medblue-950:#031e3b;
  --medcyan-300:#4dd4ff;--medcyan-400:#00a3e0;--medcyan-500:#0ea5e9;--medcyan-600:#0284c7;--medcyan-700:#0369a1;
  --brandred:#e5242d;
}
*{box-sizing:border-box}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:inherit}
img,svg{display:block}
button,input,textarea,select{font:inherit}
svg{width:1em;height:1em}
::selection{background:var(--medblue-100);color:var(--medblue-900)}
/* layout */
.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.top-3\.5{top:.875rem}.top-4{top:1rem}
.bottom-5{bottom:1.25rem}.bottom-6{bottom:1.5rem}.left-3\.5{left:.875rem}.left-4{left:1rem}.left-5{left:1.25rem}.left-6{left:1.5rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.inset-0{inset:0}.z-40{z-index:40}
.mx-auto{margin-left:auto;margin-right:auto}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}
.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-auto{margin-top:auto}
.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}
.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.block{display:block}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:1}.shrink-0{flex-shrink:0}
.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.text-center{text-align:center}.text-left{text-align:left}
.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}
.space-x-1>:not([hidden])~:not([hidden]){margin-left:.25rem}.space-x-2>:not([hidden])~:not([hidden]){margin-left:.5rem}.space-x-3>:not([hidden])~:not([hidden]){margin-left:.75rem}.space-x-4>:not([hidden])~:not([hidden]){margin-left:1rem}
.space-y-1>:not([hidden])~:not([hidden]){margin-top:.25rem}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.space-y-5>:not([hidden])~:not([hidden]){margin-top:1.25rem}.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}
.w-full{width:100%}.w-auto{width:auto}.w-14{width:3.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-8{width:2rem}
.h-full{height:100%}.h-20{height:5rem}.h-14{height:3.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-8{height:2rem}.h-72{height:18rem}.h-\[470px\]{height:470px}
.min-h-screen{min-height:100vh}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}
.object-cover{object-fit:cover}.object-top{object-position:top}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}
.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}
.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}
.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-14{padding-top:3.5rem}.pb-8{padding-bottom:2rem}.pb-10{padding-bottom:2.5rem}
.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-collapse{border-collapse:collapse}
.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}
.border-slate-100{border-color:#f1f5f9}.border-slate-200{border-color:#e2e8f0}.border-slate-200\/90{border-color:rgba(226,232,240,.9)}.border-slate-300{border-color:#cbd5e1}.border-white{border-color:#fff}.border-white\/20{border-color:rgba(255,255,255,.2)}
.border-medblue-100{border-color:var(--medblue-100)}.border-medblue-200{border-color:var(--medblue-200)}.border-medblue-200\/80{border-color:rgba(185,221,253,.8)}.border-medblue-900{border-color:var(--medblue-900)}.border-medblue-900\/60{border-color:rgba(6,48,90,.6)}
.border-emerald-200{border-color:#a7f3d0}.border-emerald-300{border-color:#6ee7b7}
.bg-white{background:#fff}.bg-white\/95{background:rgba(255,255,255,.95)}.bg-slate-50{background:#f8fafc}.bg-slate-100{background:#f1f5f9}.bg-slate-100\/80{background:rgba(241,245,249,.8)}
.bg-medblue-50{background:var(--medblue-50)}.bg-medblue-100{background:var(--medblue-100)}.bg-medblue-100\/80{background:rgba(224,239,254,.8)}.bg-medblue-600{background:var(--medblue-600)}.bg-medblue-700{background:var(--medblue-700)}.bg-medblue-950{background:var(--medblue-950)}
.bg-purple-100{background:#f3e8ff}.bg-emerald-50{background:#ecfdf5}.bg-emerald-100{background:#d1fae5}.bg-emerald-100\/80{background:rgba(209,250,229,.8)}.bg-emerald-500{background:#10b981}.bg-indigo-100{background:#e0e7ff}.bg-rose-100{background:#ffe4e6}.bg-brandred\/10{background:rgba(229,36,45,.1)}
.text-white{color:#fff}.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-slate-800{color:#1e293b}.text-slate-900{color:#0f172a}
.text-medblue-600{color:var(--medblue-600)}.text-medblue-700{color:var(--medblue-700)}.text-medblue-800{color:var(--medblue-800)}.text-medblue-900{color:var(--medblue-900)}.text-medblue-950{color:var(--medblue-950)}
.text-medcyan-300{color:var(--medcyan-300)}.text-medcyan-400{color:var(--medcyan-400)}.text-medcyan-800{color:#155e75}.text-brandred{color:var(--brandred)}
.text-emerald-600{color:#059669}.text-emerald-700{color:#047857}.text-emerald-800{color:#065f46}.text-indigo-800{color:#3730a3}.text-purple-700{color:#7e22ce}.text-purple-800{color:#6b21a8}.text-rose-600{color:#e11d48}
.font-sans{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.font-serif{font-family:ui-serif,Georgia,Cambria,"Times New Roman",serif}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}
.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}
.uppercase{text-transform:uppercase}.italic{font-style:italic}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}
.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.leading-\[1\.12\]{line-height:1.12}
.shadow-xs{box-shadow:0 1px 2px rgba(15,23,42,.05)}.shadow-sm{box-shadow:0 1px 3px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.06)}.shadow-md{box-shadow:0 4px 6px -1px rgba(15,23,42,.1),0 2px 4px -2px rgba(15,23,42,.1)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(15,23,42,.1),0 8px 10px -6px rgba(15,23,42,.1)}
.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.transition{transition:all .15s ease}.transition-all{transition:all .3s ease}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.divide-y>:not([hidden])~:not([hidden]){border-top:1px solid #f1f5f9}.divide-slate-100{border-color:#f1f5f9}
.animate-pulse{animation:km-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes km-pulse{50%{opacity:.5}}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.from-medblue-50{--tw-gradient-from:var(--medblue-50);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(240,247,255,0))}
.from-medblue-950\/95{--tw-gradient-from:rgba(3,30,59,.95);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(3,30,59,0))}
.from-slate-100{--tw-gradient-from:#f1f5f9;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(241,245,249,0))}
.from-slate-950\/80{--tw-gradient-from:rgba(2,6,23,.8);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(2,6,23,0))}
.via-white{--tw-gradient-stops:var(--tw-gradient-from),#fff,var(--tw-gradient-to,rgba(255,255,255,0))}
.via-medblue-950\/30{--tw-gradient-stops:var(--tw-gradient-from),rgba(3,30,59,.3),var(--tw-gradient-to,rgba(3,30,59,0))}
.via-slate-950\/20{--tw-gradient-stops:var(--tw-gradient-from),rgba(2,6,23,.2),var(--tw-gradient-to,rgba(2,6,23,0))}
.to-sky-50{--tw-gradient-to:#f0f9ff}.to-sky-100{--tw-gradient-to:#e0f2fe}.to-transparent{--tw-gradient-to:transparent}
.hover\:text-white:hover{color:#fff}.hover\:text-medblue-700:hover{color:var(--medblue-700)}.hover\:text-medblue-800:hover{color:var(--medblue-800)}.hover\:bg-medblue-800:hover{background:var(--medblue-800)}.hover\:bg-slate-200\/60:hover{background:rgba(226,232,240,.6)}.hover\:bg-slate-50:hover{background:#f8fafc}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgba(15,23,42,.1),0 2px 4px -2px rgba(15,23,42,.1)}.hover\:underline:hover{text-decoration:underline}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--medblue-500)}.focus\:ring-medblue-500:focus{--tw-ring-color:var(--medblue-500);box-shadow:0 0 0 2px var(--medblue-500)}.focus\:ring-medblue-600:focus{--tw-ring-color:var(--medblue-600);box-shadow:0 0 0 2px var(--medblue-600)}
.selection\:bg-medblue-100::selection{background:var(--medblue-100)}.selection\:text-medblue-900::selection{color:var(--medblue-900)}
/* site-specific */
.product-item{min-width:0}
svg{flex:none}
input::placeholder{color:#94a3b8}
@media (min-width:640px){
  .sm\:flex-row{flex-direction:row}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}
  .sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}
  .sm\:h-80{height:20rem}
}
@media (min-width:768px){
  .md\:flex-row{flex-direction:row}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:mt-0{margin-top:0}.md\:w-80{width:20rem}
}
@media (min-width:1024px){
  .lg\:flex{display:flex}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
  .lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}
  .lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-\[54px\]{font-size:54px}
}
/* improve narrow/mobile behavior */
@media (max-width:639px){
  .max-w-7xl,.max-w-3xl,.max-w-2xl{width:100%}
}