.clx-front-grid{--clx-deep-blue: #1d2c5e;--clx-brand-blue: #2b3b94;--clx-heritage-red: #bc2320;--clx-logo-yellow: #ffcb05;--clx-collector-cream: #fff9e6;--clx-light-blue: #f3f6ff;--clx-white: #ffffff;--clx-ink: #11152e;--clx-border: #d7deee;--clx-muted: #5e6882;padding-top:var(--clx-front-grid-padding-top-mobile, 33px);padding-bottom:var(--clx-front-grid-padding-bottom-mobile, 39px)}.clx-front-grid .clx-front-grid__inner{width:100%;max-width:1360px;margin:0 auto;padding:0 24px}.clx-front-grid .clx-front-grid__header{max-width:760px;margin-bottom:22px}.clx-front-grid .clx-front-grid__title{margin:0;color:var(--clx-deep-blue);font-size:clamp(2.6rem,3vw,3.8rem);font-weight:700;line-height:1.15}.clx-front-grid .clx-front-grid__description{max-width:720px;margin:10px 0 0;color:var(--clx-muted);font-size:1.55rem;line-height:1.55}.clx-front-grid .clx-front-grid__panel{padding:20px;overflow:hidden;background:var(--clx-light-blue);border:1px solid var(--clx-border);border-radius:24px}.clx-front-grid .clx-product-rail__slider{display:block}.clx-front-grid .clx-front-grid__products{display:flex;gap:20px;width:100%;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;list-style:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.clx-front-grid .clx-front-grid__products::-webkit-scrollbar{display:none}.clx-front-grid .clx-front-grid__item{display:flex;min-width:0;flex:0 0 82%;scroll-snap-align:start;scroll-snap-stop:normal}.clx-front-grid .card-wrapper{width:100%;height:100%;overflow:hidden;background:var(--clx-white);border:1px solid var(--clx-border);border-radius:18px;box-shadow:0 4px 14px #1d2c5e0f;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.clx-front-grid .card-wrapper:hover{transform:translateY(-3px);border-color:#2b3b947a;box-shadow:0 10px 24px #1d2c5e1c}.clx-front-grid .card-wrapper:focus-within{outline:2px solid var(--clx-brand-blue);outline-offset:2px}.clx-front-grid .card{display:flex;width:100%;height:100%;flex-direction:column;background:var(--clx-white)}.clx-front-grid .card__inner{overflow:hidden;background:var(--clx-white);border-radius:0;border-bottom:1px solid rgba(215,222,238,.8)}.clx-front-grid .card__media,.clx-front-grid .card__media .media{background:var(--clx-white)}.clx-front-grid .card__media img{padding:12px;object-fit:contain!important}.clx-front-grid .card>.card__content{display:flex;flex:1;flex-direction:column;background:var(--clx-white)}.clx-front-grid .card>.card__content>.card__information{display:flex;flex:1;flex-direction:column;padding:14px 16px 17px}.clx-front-grid .card__heading{min-height:calc(1.35em * 3);margin:0;color:var(--clx-deep-blue);font-size:1.5rem;font-weight:700;line-height:1.35}.clx-front-grid .card__heading a{display:-webkit-box;overflow:hidden;color:var(--clx-deep-blue);text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:3}.clx-front-grid .card-information{margin-top:auto;padding-top:12px}.clx-front-grid .price{color:var(--clx-deep-blue);font-size:1.8rem;font-weight:700}.clx-front-grid .quick-add{margin:0;padding:0 16px 17px}.clx-front-grid .quick-add__submit{width:100%;min-height:46px;padding:10px 14px;color:#fff;background:var(--clx-brand-blue);border:1px solid var(--clx-brand-blue);border-radius:999px;box-shadow:none;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.2}.clx-front-grid .quick-add__submit:hover{color:#fff;background:var(--clx-deep-blue)}.clx-front-grid .clx-product-rail__controls{display:none;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(43,59,148,.14)}.clx-front-grid .clx-product-rail__control{display:inline-flex;min-width:176px;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:9px 16px;color:var(--clx-deep-blue);background:var(--clx-white);border:1px solid rgba(43,59,148,.58);border-radius:999px;box-shadow:0 3px 10px #1d2c5e12;cursor:pointer;font-family:Poppins,sans-serif;font-size:1.35rem;font-weight:700;line-height:1.2;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.clx-front-grid .clx-product-rail__control-icon{display:inline-grid;width:30px;height:30px;flex:0 0 30px;place-items:center;color:var(--clx-deep-blue);background:var(--clx-collector-cream);border-radius:999px;font-size:1.7rem;font-weight:700;line-height:1;transition:background .15s ease,color .15s ease}.clx-front-grid .clx-product-rail__control:not([disabled]):hover{color:var(--clx-white);background:var(--clx-brand-blue);border-color:var(--clx-brand-blue);box-shadow:0 6px 16px #1d2c5e21}.clx-front-grid .clx-product-rail__control:not([disabled]):hover .clx-product-rail__control-icon{color:var(--clx-deep-blue);background:var(--clx-logo-yellow)}.clx-front-grid .clx-product-rail__control:focus-visible{outline:2px solid var(--clx-brand-blue);outline-offset:2px}.clx-front-grid .clx-product-rail__control[disabled]{opacity:.38;box-shadow:none;cursor:default}.clx-front-grid .clx-product-rail__status{display:inline-flex;min-width:62px;min-height:34px;align-items:center;justify-content:center;padding:6px 12px;color:var(--clx-deep-blue);background:var(--clx-collector-cream);border:1px solid rgba(43,59,148,.2);border-radius:999px;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:700;line-height:1}.clx-front-grid .clx-front-grid__footer{margin-top:24px;text-align:center}.clx-front-grid .clx-front-grid__view-all{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;min-height:44px;padding:10px 18px;color:var(--clx-deep-blue)!important;background:var(--clx-white)!important;border:1px solid var(--clx-deep-blue)!important;border-radius:999px;box-shadow:none!important;opacity:1!important;text-decoration:none;font-size:1.4rem;font-weight:700;line-height:1.2}.clx-front-grid .clx-front-grid__view-all:hover{color:var(--clx-white)!important;background:var(--clx-deep-blue)!important}.clx-front-grid .clx-front-grid__empty{margin:0;padding:40px 20px;color:var(--clx-deep-blue);background:var(--clx-white);border:1px solid var(--clx-border);border-radius:16px;text-align:center}@media screen and (min-width:750px){.clx-front-grid{padding-top:var(--clx-front-grid-padding-top-desktop, 44px);padding-bottom:var(--clx-front-grid-padding-bottom-desktop, 52px)}.clx-front-grid .clx-front-grid__item{flex-basis:42%}}@media screen and (min-width:990px){.clx-front-grid .clx-product-rail__controls{display:flex}.clx-front-grid--cols-2 .clx-front-grid__item{flex-basis:calc((100% - 20px)/2)}.clx-front-grid--cols-3 .clx-front-grid__item{flex-basis:calc((100% - 40px) / 3)}.clx-front-grid--cols-4 .clx-front-grid__item{flex-basis:calc((100% - 60px)/4)}}@media screen and (max-width:749px){.clx-front-grid .clx-front-grid__inner{padding:0 14px}.clx-front-grid .clx-front-grid__header{margin-bottom:18px}.clx-front-grid .clx-front-grid__panel{padding:10px;border-radius:16px}.clx-front-grid .clx-front-grid__products{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - 10px)/2);gap:10px;scroll-padding-left:0;scroll-snap-type:x mandatory}.clx-front-grid .clx-front-grid__item{width:auto;min-width:0;flex:none;scroll-snap-align:none;scroll-snap-stop:normal}.clx-front-grid .clx-front-grid__item:nth-child(4n+1){scroll-snap-align:start;scroll-snap-stop:always}.clx-front-grid .card-wrapper{border-radius:14px;box-shadow:0 3px 10px #1d2c5e0f}.clx-front-grid .card-wrapper:hover{transform:none;box-shadow:0 3px 10px #1d2c5e0f}.clx-front-grid .card__media img{padding:8px}.clx-front-grid .card>.card__content>.card__information{padding:10px 10px 12px}.clx-front-grid .card__heading{min-height:5.28em;font-size:1.32rem;line-height:1.32}.clx-front-grid .card__heading a{-webkit-line-clamp:4}.clx-front-grid .price{font-size:1.6rem}.clx-front-grid .quick-add{padding:0 10px 12px}.clx-front-grid .quick-add__submit{min-height:44px;padding:9px 8px;font-size:1.22rem}}@media(prefers-reduced-motion:reduce){.clx-front-grid .clx-front-grid__products{scroll-behavior:auto}.clx-front-grid .card-wrapper,.clx-front-grid .clx-product-rail__control,.clx-front-grid .clx-product-rail__control-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/clx-frontpage-product-rail.css.map */
