@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Montserrat:wght@400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap');

:root{font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;min-width:320px;background:#fff;color:var(--ink);font:400 16px/1.6 var(--body)}
button,input,select,textarea{font:inherit}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{cursor:pointer}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.brand-novigado{--ink:#150f32;--accent:#00aeef;--accent-2:#262262;--light:#f3f8fc;--muted:#536178;--body:'Roboto',Arial,sans-serif;--heading:'Montserrat',Arial,sans-serif}
.brand-konfido{--ink:#201c1d;--accent:#c72b31;--accent-2:#75171c;--light:#fbf6f4;--muted:#645b5b;--body:'Montserrat',Arial,sans-serif;--heading:'Fraunces',Georgia,serif}
.wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.eyebrow{margin:0 0 18px;color:var(--accent);font:800 12px/1.3 'Montserrat',sans-serif;letter-spacing:.18em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--heading);letter-spacing:-.045em;line-height:1.14}
h1{font-size:clamp(42px,5vw,74px);font-weight:700}
h2{font-size:clamp(30px,3.7vw,48px);font-weight:700}
h3{font-size:clamp(21px,2vw,27px);font-weight:700}
.lead{font-size:clamp(18px,1.55vw,21px);line-height:1.65}
.muted{color:var(--muted)}
.site-header{position:relative;z-index:10;background:#fff;border-bottom:1px solid rgba(18,21,45,.08)}
.brand-novigado .site-header{border-top:4px solid var(--accent)}
.brand-konfido .site-header{border-top:4px solid var(--accent)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:92px}
.wordmark{display:flex;align-items:center;flex:none}
.wordmark img{width:auto;max-width:245px;max-height:54px;object-fit:contain}
.brand-konfido .wordmark img{max-width:210px}
.nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700;letter-spacing:.01em}
.nav a:not(.nav-cta){transition:color .18s}
.nav a:hover{color:var(--accent)}
.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:5px;min-height:48px;padding:12px 21px;font-size:13px;font-weight:800;letter-spacing:.02em;transition:transform .18s,box-shadow .18s,background .18s}
.nav-cta:hover,.button:hover{transform:translateY(-2px)}
.nav-cta,.button-primary{background:var(--accent);color:#fff}
.brand-novigado .nav-cta,.brand-novigado .button-primary{color:var(--ink)}
.button-outline{border-color:currentColor;background:transparent;color:inherit}
.button-outline:hover{background:rgba(255,255,255,.1)}
.button-on-light{color:var(--ink)}
.button-on-light:hover{background:var(--light)}
.skip-link{position:absolute;left:12px;top:-100px;z-index:100;background:#fff;color:#111;padding:9px 13px}
.skip-link:focus{top:10px}
.menu-toggle{display:none;appearance:none;background:none;border:0;font-size:28px;color:var(--ink)}
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero .wrap{position:relative;z-index:1}
.hero-content{max-width:735px;padding:116px 0 130px}
.hero h1{margin-bottom:22px}
.hero .lead{max-width:600px;margin-bottom:32px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.brand-novigado .hero{min-height:630px;color:white;background:#090d25 url('/media/novigado-hero.png') center 48%/cover no-repeat}
.brand-novigado .hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,31,.94) 0%,rgba(13,16,49,.73) 42%,rgba(12,21,54,.09) 100%);z-index:0}
.brand-novigado .hero .eyebrow{color:#4cd6ff}
.brand-konfido .hero{min-height:610px;background:radial-gradient(circle at 80% 40%,#5b181a 0,#211b1d 35%,#171517 75%);color:#fff}
.brand-konfido .hero:before{content:'';position:absolute;inset:-180px -170px auto auto;width:780px;height:780px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 85px rgba(255,255,255,.025),0 0 0 210px rgba(255,255,255,.018)}
.brand-konfido .hero-content{max-width:650px}
.brand-konfido .hero .eyebrow{color:#ef7e7c}
.konfido-symbol{position:absolute;z-index:0;right:4%;top:15%;width:min(36vw,460px);opacity:.28;filter:grayscale(1) brightness(0) invert(1)}
.small-note{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.small-note:before{content:'';width:25px;height:1px;background:currentColor}
.stats{position:relative;z-index:2;margin-top:-52px}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;box-shadow:0 22px 55px rgba(14,20,50,.12);border-radius:8px;overflow:hidden}
.stat{padding:25px 33px;border-right:1px solid #e8eaf0}
.stat:last-child{border:0}
.stat strong{display:block;color:var(--accent);font:800 27px/1.1 'Montserrat',sans-serif}
.stat span{display:block;margin-top:8px;font-size:13px;color:var(--muted)}
.section{padding:105px 0}
.section-head{max-width:760px;margin-bottom:44px}
.section-head p:last-child{max-width:660px;color:var(--muted)}
.section-light{background:var(--light)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{min-height:270px;padding:32px;border:1px solid rgba(30,41,62,.1);border-radius:8px;background:#fff;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(20,30,57,.09)}
.card-index{display:block;margin-bottom:28px;color:var(--accent);font:800 13px/1 'Montserrat',sans-serif;letter-spacing:.18em}
.card h3{margin-bottom:14px}
.card p{margin:0;color:var(--muted);font-size:14px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.visual-panel{position:relative;overflow:hidden;min-height:430px;background:var(--ink);border-radius:8px;color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:end}
.brand-novigado .visual-panel{background:linear-gradient(135deg,rgba(11,16,51,.62),rgba(0,80,120,.55)),url('/media/novigado-hero.png') center/cover}
.brand-konfido .visual-panel{background:linear-gradient(135deg,#271b1c,#8e2227)}
.visual-panel .big-mark{position:absolute;right:-65px;top:-100px;font:800 390px/.8 'Montserrat',sans-serif;opacity:.08}
.visual-panel p{max-width:360px;margin:0;font-size:21px;font-weight:600;line-height:1.4}
.brand-panel{min-height:360px;display:flex;flex-direction:column;justify-content:end;color:#fff}
.brand-panel h3{font-size:34px}
.brand-panel p:last-child{color:#e8dfe9}
.brand-novigado .brand-panel{background:linear-gradient(145deg,#150f32,#262262)}
.brand-konfido .brand-panel{background:linear-gradient(145deg,#221b1d,#87232a)}
.feature-list{list-style:none;margin:24px 0 30px;padding:0}
.feature-list li{padding:13px 0;border-bottom:1px solid #dfe5eb;font-size:15px}
.feature-list li:before{content:'↗';color:var(--accent);font-weight:800;margin-right:15px}
.callout{padding:77px 0;background:var(--ink);color:#fff}
.brand-konfido .callout{background:#221a1b}
.callout .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}
.callout h2{max-width:650px;margin:0}
.site-footer{background:#101024;color:#d8e0ee;padding:64px 0 22px}
.brand-konfido .site-footer{background:#181416}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:70px}
.footer-logo{max-width:225px;max-height:62px;object-fit:contain;object-position:left center;margin-bottom:25px}
.brand-konfido .footer-logo{background:#fff;border-radius:4px;padding:8px;max-width:205px}
.site-footer h3{font:700 14px/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:22px}
.site-footer p,.site-footer a{font-size:14px;color:#c4cad8}
.site-footer a:hover{color:#fff}
.footer-links{display:grid;gap:11px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.15);margin-top:55px;padding-top:20px;font-size:12px;color:#aab1c1}
.footer-bottom a{font-size:12px}

/* Registration */
.registration-top{padding:54px 0 36px;background:var(--light)}
.registration-top h1{font-size:clamp(35px,4vw,54px);margin-bottom:12px}
.registration-top p:last-child{max-width:730px;margin:0;color:var(--muted)}
.registration-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:45px;align-items:start;padding:55px 0 105px}
.progress{display:flex;gap:0;align-items:center;margin-bottom:50px}
.progress-item{display:flex;align-items:center;gap:9px;flex:1;color:#8993a6;font-size:13px;font-weight:700;white-space:nowrap}
.progress-item:not(:last-child):after{content:'';height:1px;background:#d6dfe8;flex:1;margin:0 15px}
.progress-item b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8edf4;color:#69768d;font-size:14px}
.progress-item.active{color:var(--ink)}
.progress-item.active b,.progress-item.done b{background:var(--accent);color:#fff}
.step-heading{display:flex;align-items:start;gap:15px;margin-bottom:28px}
.step-heading small{font:800 14px/1.5 'Montserrat',sans-serif;color:var(--accent)}
.step-heading h2{font-size:clamp(25px,3vw,35px);margin:0 0 7px}
.step-heading p{margin:0;color:var(--muted);font-size:15px}
.relation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.relation-card{display:block;position:relative;min-height:154px;padding:22px;border:1px solid #d4deea;border-radius:9px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.relation-card:hover,.relation-card:has(input:checked){border-color:var(--accent);box-shadow:0 7px 24px rgba(25,32,60,.09)}
.relation-card input{position:absolute;top:24px;left:20px;accent-color:var(--accent)}
.relation-card strong{display:block;margin-left:29px;font-size:16px}
.relation-card span{display:block;margin:9px 0 0 29px;color:var(--muted);font-size:13px;line-height:1.45}
.identity-fields{margin-top:37px;padding-top:30px;border-top:1px solid #e3e8ed}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 22px}
.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}
.field.full{grid-column:1/-1}
.field input,.field select{width:100%;min-height:48px;padding:10px 13px;border:1px solid #ccd6e2;border-radius:5px;background:#fff;color:var(--ink);font-size:15px;font-weight:400}
.field input:focus,.field select:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 25%,transparent)}
.entity-options{border:0;padding:0;margin:0}
.entity-options legend{margin-bottom:8px;font-weight:700}
.radio-inline{display:flex;flex-wrap:wrap;gap:24px;font-size:14px;font-weight:400}
.radio-inline input{width:auto;min-height:auto;accent-color:var(--accent)}
.bot-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.required{color:#c72937}
.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:30px}
.form-actions .button{min-width:145px}
.button-quiet{background:#edf1f5;color:var(--ink)}
.notice{padding:14px 16px;border-radius:5px;margin:0 0 23px;font-size:14px}
.notice-error{border:1px solid #eab8bd;background:#fff2f3;color:#8c1824}
.notice-info{border:1px solid #c9deed;background:#eef8ff;color:#194963}
.file-grid{display:grid;gap:14px}
.file-item{padding:16px;border:1px solid #dbe3e9;border-radius:6px}
.file-item .field{gap:4px}
.file-item small{display:block;margin-top:6px;color:var(--muted)}
.privacy-row{display:flex;align-items:flex-start;gap:10px;margin:25px 0 21px;font-size:13px}
.privacy-row input{margin-top:4px;accent-color:var(--accent)}
.privacy-row a{color:var(--accent);text-decoration:underline}
.side-note{position:sticky;top:25px;padding:29px;background:var(--light);border-radius:8px;font-size:13px;color:var(--muted)}
.side-note h3{font-size:19px;color:var(--ink)}
.side-note ul{padding-left:19px}
.side-note li{margin-bottom:12px}
.side-note a{color:var(--accent);font-weight:700}
.success-panel{padding:40px;border:1px solid #c9e4d5;background:#f0faf4;border-radius:8px}
.success-panel strong{font-size:21px;color:#125d39}
.success-panel p{margin:12px 0}
.form-footnote{margin-top:15px;font-size:12px;color:var(--muted)}
@media(max-width:900px){.menu-toggle{display:block}.header-row{min-height:76px}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:15px 24px 25px;box-shadow:0 20px 30px rgba(0,0,0,.1);flex-direction:column;align-items:stretch;gap:16px}.nav.open{display:flex}.two-col{gap:35px}.card-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:30px}.registration-layout{grid-template-columns:1fr}.side-note{position:static}}
@media(max-width:640px){.wrap{width:min(100% - 32px,1200px)}.wordmark img{max-width:185px}.brand-konfido .wordmark img{max-width:170px}.hero-content{padding:83px 0 110px}.brand-novigado .hero{min-height:590px;background-position:60% center}.brand-novigado .hero:before{background:linear-gradient(90deg,rgba(8,11,31,.94),rgba(8,11,31,.52))}.brand-konfido .hero{min-height:570px}.konfido-symbol{right:-60px;top:25%;width:65vw;opacity:.11}.stats{margin-top:-30px}.stats-grid{grid-template-columns:1fr}.stat{padding:17px 23px;border-right:0;border-bottom:1px solid #e8eaf0}.section{padding:73px 0}.card-grid,.two-col,.footer-grid{grid-template-columns:1fr}.card{min-height:0}.visual-panel{min-height:310px}.callout .wrap{display:block}.callout .button{margin-top:27px}.footer-bottom{display:block}.relation-grid{grid-template-columns:1fr}.relation-card{min-height:0}.field-grid{grid-template-columns:1fr}.progress-item{font-size:11px}.progress-item:not(:last-child):after{margin:0 5px}.progress-item b{width:28px;height:28px}.registration-layout{padding:35px 0 75px}.progress{margin-bottom:33px}}

/* NOVIGADO visual identity and editorial sections */
.brand-novigado .wordmark .official-logo{width:68px;height:76px;max-height:none;max-width:none;object-fit:contain}
.brand-novigado .nav{font-size:clamp(14px,1.15vw,16px)}
.brand-novigado .hero-carousel{background:#150f32}
.brand-novigado .hero-carousel:before{display:none}
.hero-slide{display:none;color:#fff;background:linear-gradient(90deg,rgba(21,15,50,.94),rgba(21,15,50,.34)),url('/media/novigado-hero.png') center/cover no-repeat}
.hero-slide.is-active{display:block;animation:hero-fade .45s ease-out}
.hero-slide h2{color:#fff;font-size:clamp(42px,5vw,74px)}
.hero-its{background-image:linear-gradient(90deg,rgba(21,15,50,.94),rgba(21,15,50,.34)),url('https://novigado.global/images/sliders/soluciones-its.png')}
.hero-services{background-image:linear-gradient(90deg,rgba(21,15,50,.94),rgba(21,15,50,.34)),url('https://novigado.global/images/sliders/servicios.png')}
.hero-anniversary{background-image:linear-gradient(90deg,rgba(21,15,50,.94),rgba(21,15,50,.34)),url('https://novigado.global/images/sliders/aniversario-novigado-global.png')}
@keyframes hero-fade{from{opacity:.45}to{opacity:1}}
.hero-dots{position:absolute;z-index:2;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:11px}
.hero-dots button{border:0;border-radius:20px;background:rgba(255,255,255,.55);height:7px;width:22px;padding:0;transition:width .25s,background .25s}
.hero-dots button.is-active{background:#00aeef;width:44px}
.hero-dots button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.partners-demo{background:#f8fbfd;padding:52px 0 58px;overflow:hidden}
.partners-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:26px}
.partners-heading h2{font-size:clamp(23px,2.5vw,35px);max-width:690px}
.partners-heading>p{font-size:13px;color:var(--muted);max-width:290px}
.partners-window{overflow:hidden}
.partners-track{display:flex;gap:16px;width:max-content;animation:partners-move 28s linear infinite}
.partners-track span{display:grid;place-items:center;background:#fff;border:1px solid #dce6ef;width:225px;height:96px;color:#65728b;font:800 14px 'Montserrat',sans-serif;letter-spacing:.08em}
.partners-window:hover .partners-track,.partners-window:focus-within .partners-track{animation-play-state:paused}
@keyframes partners-move{to{transform:translateX(calc(-50% - 8px))}}
.why-section{background:#f7f7f7}
.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(25px,3vw,50px)}
.why-grid>div>img{width:100%;aspect-ratio:1.38;object-fit:cover}
.why-grid h2{margin-bottom:56px}
.why-point{margin-top:32px}
.why-point+.why-point{margin-top:58px}
.why-point:before{content:'';display:block;width:48px;height:4px;background:#00aeef;margin-bottom:18px}
.why-point h3{font-size:19px;margin-bottom:18px}
.why-point p{color:var(--muted);line-height:1.75}
.brand-novigado .footer-logo.official-logo{background:#fff;border-radius:7px;padding:5px;max-width:96px;max-height:108px}
.brand-novigado .registration-top{background:#fff}
.brand-novigado .registration-layout{background:#e9f8fc;border:1px solid #d4eef5;border-radius:18px;padding:clamp(25px,4vw,55px);margin-bottom:24px}
.brand-novigado .side-note{background:#fff}
.registration-return{display:flex;justify-content:flex-end;margin-bottom:75px}
@media(max-width:900px){.partners-heading{align-items:start;flex-direction:column}.why-grid{grid-template-columns:1fr}.why-grid h2{margin-bottom:28px}.why-point+.why-point{margin-top:32px}}
@media(max-width:640px){.brand-novigado .wordmark .official-logo{height:62px;width:55px}.brand-novigado .hero-carousel{min-height:0}.hero-slide .hero-content{min-height:590px}.brand-novigado .registration-layout{padding:25px}}
@media(prefers-reduced-motion:reduce){.partners-track,.hero-slide.is-active{animation:none}}
.access-page{background:#fff;padding:72px 0 100px}
.access-card{max-width:860px;background:#e9f8fc;border:1px solid #d4eef5;border-radius:18px;padding:clamp(26px,5vw,62px)}
.access-card h1{font-size:clamp(38px,4vw,56px);margin-bottom:14px}
.access-card h2{font-size:clamp(22px,2.4vw,29px);margin-top:37px}
.access-choice{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0 35px}
.access-card #access-request{border-top:1px solid #bfdde6;padding-top:30px;margin-bottom:30px}
.access-card #login-panel,.access-card #active-session{border-top:1px solid #bfdde6;padding-top:30px;margin-bottom:30px}
.access-card #access-request h3{margin-bottom:8px}
.access-card #access-request>p{color:var(--muted);max-width:640px}
.access-card .field{gap:7px}
.access-card .field input{background:#fff}
.access-card .form-footnote{margin-bottom:25px}
.brand-konfido .access-card{background:#fbf2ef;border-color:#eedbd5}
.registration-choice{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:20px 0 26px}
.registration-choice strong{width:100%;font:700 15px var(--heading)}
.registration-choice .button{min-height:42px;padding:9px 15px}

/* Public entry to the online store: no product data or prices are rendered here. */
.online-store-hero{overflow:hidden;background:#150f32;color:#fff}
.brand-konfido .online-store-hero{background:#25191c}
.online-store-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:7%;align-items:center;min-height:570px;padding-block:70px}
.online-store-hero h1{max-width:760px;margin-bottom:23px}
.online-store-hero .lead{max-width:680px;color:#d7dce8}
.online-store-hero .hero-actions{margin-top:34px}
.online-store-hero .button-outline:hover{background:rgba(255,255,255,.1)}
.online-store-art{display:flex;flex-direction:column;align-items:flex-start;justify-content:end;min-height:360px;overflow:hidden;padding:35px;background:linear-gradient(120deg,rgba(14,17,52,.3),rgba(0,174,239,.22)),url('/media/novigado-hero.png') center/cover;border:1px solid rgba(255,255,255,.25)}
.brand-konfido .online-store-art{background:radial-gradient(circle at 75% 20%,#9f2932,#411a25 55%,#211418)}
.online-store-art span:first-child{font:800 clamp(70px,11vw,180px)/.8 'Montserrat',sans-serif;letter-spacing:-.09em;text-shadow:0 10px 30px rgba(0,0,0,.2)}
.online-store-art span:last-child{margin-top:35px;font:800 12px 'Montserrat',sans-serif;letter-spacing:.2em}
.online-store-categories{background:#f7fafc}
.brand-konfido .online-store-categories{background:#fbf6f4}
.online-store-products{background:#fff}
.online-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.online-product{border:1px solid #e0e6ed;background:#fff;overflow:hidden}
.online-product-image{display:grid;place-items:center;aspect-ratio:1.3;background:#f3f8fc;overflow:hidden}
.online-product-image img{width:100%;height:100%;object-fit:contain}
.online-product-image span{color:#a4b2c4;font:800 80px 'Montserrat',sans-serif}
.online-product-copy{padding:24px}
.online-product-copy small{color:var(--accent);font:800 11px 'Montserrat',sans-serif;letter-spacing:.16em}
.online-product-copy h3{font-size:20px;margin:10px 0}
.online-product-copy p{color:var(--muted);font-size:14px;line-height:1.55}
.online-price-note{color:var(--ink);display:block;font-size:12px;font-weight:700}
.online-product-pages{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:35px;font-size:14px}
.online-product-pages a{color:var(--ink);font-weight:800}
.online-store-access{padding:75px 0;background:#e9f8fc}
.brand-konfido .online-store-access{background:#f8eeeb}
.online-store-access .wrap{display:flex;align-items:center;justify-content:space-between;gap:45px}
.online-store-access h2{margin-bottom:12px}
.online-store-access p:last-child{max-width:760px;margin:0;color:var(--muted)}
.online-store-access .button{flex:none}
@media(max-width:900px){.online-store-hero-grid{grid-template-columns:1fr}.online-store-art{min-height:260px}.online-store-access .wrap{align-items:flex-start;flex-direction:column}.online-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.online-store-hero-grid{padding-block:65px}.online-store-art{min-height:220px}.online-store-access{padding:60px 0}.online-product-grid{grid-template-columns:1fr}}
