PLATE CHARGERS

/*============================================================== Calaisio Artisan Trust V4 ==============================================================*/ #calaisio-trust-template--22549973401839__calaisio_artisan_trust_v3_3AdXGq{ background:; padding-top:px; padding-bottom:px; } /*-------------------------------------------------------------- Header --------------------------------------------------------------*/ .calaisio-trust__eyebrow{ text-align:center; text-transform:uppercase; letter-spacing:.18em; font-size:.78rem; color:#8d7d69; margin-bottom:18px; } .calaisio-trust__heading{ text-align:center; font-size:clamp(2rem,4vw,3.2rem); line-height:1.1; font-weight:500; margin:0; } .calaisio-trust__description{ max-width:760px; margin:24px auto 70px; text-align:center; color:#666; line-height:1.9; font-size:1.05rem; } /*-------------------------------------------------------------- Slider Wrapper --------------------------------------------------------------*/ .calaisio-trust__slider{ position:relative; overflow:hidden; } /*-------------------------------------------------------------- Desktop Grid --------------------------------------------------------------*/ .calaisio-trust__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:0; } /*-------------------------------------------------------------- Cards --------------------------------------------------------------*/ .calaisio-trust__card{ text-align:center; padding:20px 28px; text-decoration:none; color:inherit; position:relative; transition: transform .35s ease, box-shadow .35s ease, background .35s ease; } /*-------------------------------------------------------------- Icon --------------------------------------------------------------*/ .calaisio-trust__icon{ width:88px; height:88px; margin:0 auto 24px; display:flex; align-items:center; justify-content:center; transition:.35s ease; } .calaisio-trust__img{ width:px; height:auto; transition:.35s ease; } /*-------------------------------------------------------------- Typography --------------------------------------------------------------*/ .calaisio-trust__title{ font-size:14px; text-transform:uppercase; letter-spacing:.14em; margin:0 0 14px; color:#222; } .calaisio-trust__text{ color:#666; font-size:14px; line-height:1.8; } /*-------------------------------------------------------------- Hover --------------------------------------------------------------*/ .calaisio-trust__card:hover{ transform:translateY(-6px); background:#fff; box-shadow:0 20px 45px rgba(0,0,0,.07); } .calaisio-trust__card:hover .calaisio-trust__icon{ transform:translateY(-6px); } .calaisio-trust__card:hover .calaisio-trust__img{ transform:scale(1.06); } .calaisio-trust__card:hover .calaisio-trust__title{ color:; } /*-------------------------------------------------------------- Featured --------------------------------------------------------------*/ .calaisio-trust__card.is-featured{ background:#fbfaf8; } .calaisio-trust__card.is-featured .calaisio-trust__icon{ border:2px solid ; } .calaisio-trust__card.is-featured .calaisio-trust__title{ color:; } /*-------------------------------------------------------------- Tablet --------------------------------------------------------------*/ @media screen and (max-width:990px){ .calaisio-trust__grid{ grid-template-columns:repeat(3,1fr); } } /*============================================================== MOBILE SWIPE CAROUSEL ==============================================================*/ @media screen and (max-width:749px){ .calaisio-trust__slider{ overflow:hidden; } .calaisio-trust__grid{ display:grid; grid-auto-flow:column; grid-auto-columns:82%; gap:18px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding-inline:20px; } .calaisio-trust__grid::-webkit-scrollbar{ display:none; } .calaisio-trust__card{ scroll-snap-align:start; border:none; padding:28px 22px; box-shadow:none; } .calaisio-trust__icon{ width:72px; height:72px; margin-bottom:18px; } .calaisio-trust__title{ font-size:12px; } .calaisio-trust__text{ font-size:13px; line-height:1.6; } .calaisio-trust__description{ margin-bottom:40px; font-size:1rem; } } /*-------------------------------------------------------------- Reveal --------------------------------------------------------------*/ .reveal{ opacity:0; transform:translateY(40px); transition: opacity .8s ease, transform .8s ease; } .reveal.is-visible{ opacity:1; transform:translateY(0); } /*-------------------------------------------------------------- Card Delay --------------------------------------------------------------*/ .calaisio-trust__card:nth-child(1){transition-delay:.05s;} .calaisio-trust__card:nth-child(2){transition-delay:.10s;} .calaisio-trust__card:nth-child(3){transition-delay:.15s;} .calaisio-trust__card:nth-child(4){transition-delay:.20s;} .calaisio-trust__card:nth-child(5){transition-delay:.25s;} .calaisio-trust__card:nth-child(6){transition-delay:.30s;} .calaisio-trust__card:nth-child(7){transition-delay:.35s;} .calaisio-trust__card:nth-child(8){transition-delay:.40s;} @media (prefers-reduced-motion:reduce){ .reveal{ opacity:1; transform:none; transition:none; } } /*-------------------------------------------------------------- Custom CSS --------------------------------------------------------------*/ document.addEventListener('DOMContentLoaded', () => { const section = document.querySelector( '#calaisio-trust-template--22549973401839__calaisio_artisan_trust_v3_3AdXGq' ); if (!section) return; /*------------------------------------ Reveal Animation ------------------------------------*/ const prefersReducedMotion = window.matchMedia( '(prefers-reduced-motion: reduce)' ).matches; if (prefersReducedMotion) { section.querySelectorAll('.reveal').forEach(el => { el.classList.add('is-visible'); }); return; } const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (!entry.isIntersecting) return; entry.target.classList.add('is-visible'); observer.unobserve(entry.target); }); }, { threshold:0.15, rootMargin:'0px 0px -60px 0px' }); section.querySelectorAll('.reveal').forEach(el => { observer.observe(el); }); });