html:root:root:root:root:root:root body #MainContent[data-template=index] .ck-home-category{margin:0;padding:42px 0 50px;background:#fff;color:#20211e;scroll-margin-top:128px}html:root:root:root:root:root:root body #MainContent[data-template=index] .ck-home-category__inner{box-sizing:border-box;width:calc(100% - 96px);max-width:1120px;margin-inline:auto}html:root:root:root:root:root:root body #MainContent[data-template=index] .ck-home-category__header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}html:root:root:root:root:root:root body #MainContent[data-template=index] .ck-home-category__header h2{margin:0!important;font:400 28px/1.15 Bebas Neue,Arial Narrow,sans-serif!important;letter-spacing:.025em!important;text-transform:uppercase!important;text-align:left!important;color:inherit!important}html:root:root:root:root:root:root body #MainContent[data-template=index] .ck-home-category__header>a{display:inline-flex;flex-shrink:0;align-items:center;gap:9px;min-height:44px;font:400 12px/1.4 var(--font-body--family);color:#55574f;text-decoration:none;text-underline-offset:4px}html:root:root:root:root:root:root body #MainContent[data-template=index] .ck-home-category__header>a:hover{text-decoration:underline}html:root:root:root:root:root:root body #MainContent[data-template=index] .ck-home-category__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:30px 20px}html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card{display:flex;flex-direction:column;width:100%;min-width:0}html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__visual{flex-shrink:0;aspect-ratio:4 / 5;border:0!important;border-radius:8px!important;box-shadow:none!important;background:#ededeb}html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__image{height:100%!important;aspect-ratio:4 / 5!important;border-radius:inherit!important}html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__colours{box-sizing:border-box;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:max-content;max-width:calc(100% - 16px);bottom:8px!important;gap:0!important;padding:2px!important;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-inline:2px;border:1px solid #ffffffb8!important;border-radius:11px!important;background:linear-gradient(140deg,#ffffffb8,#ffffff52 55%,#ffffff82)!important;-webkit-backdrop-filter:blur(18px) saturate(1.35);backdrop-filter:blur(18px) saturate(1.35);box-shadow:inset 0 1px #ffffffe0,inset 0 -1px #ffffff50,0 3px 12px #17211e0a!important}html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__colours::-webkit-scrollbar{display:none}html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__colours>a{box-sizing:border-box;display:grid;place-items:center;flex:0 0 40px;width:40px;min-width:40px;height:40px;min-height:40px;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;scroll-snap-align:start;transition:background-color .16s ease}html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__colours>a>span{box-sizing:border-box;display:block;width:18px;height:18px;border:1px solid #20252033;border-radius:4px!important;box-shadow:inset 0 1px #ffffff30,0 1px 2px #10181012;outline-offset:3px}html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__colours>a.is-current{background:#ffffff57!important;box-shadow:inset 0 1px #ffffff9c!important}html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__colours>a.is-current>span{outline:1px solid #363d35}html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__colours>a:focus-visible{outline:2px solid #34694a;outline-offset:-2px}html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__line{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;height:auto;min-height:0;padding:11px 0 0!important;gap:3px 10px!important;align-items:start!important}html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__line>:is(a,strong){font:400 13px/1.4 var(--font-body--family)!important;letter-spacing:0!important;text-transform:none!important;color:#242520}html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__line>a{grid-column:1;grid-row:1;min-height:2.8em;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important;overflow-wrap:anywhere}html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__line>strong{grid-column:2;grid-row:1;white-space:nowrap}html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__colour{display:block!important;grid-column:1 / -1;grid-row:2;max-width:100%;min-height:1.4em;font:400 11px/1.4 var(--font-body--family);color:#74766e}html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__colour:empty{visibility:hidden}html:root:root:root:root:root:root body #MainContent[data-template=index] .ck-home-category a:focus-visible{outline:2px solid #34694a;outline-offset:4px}@media(hover:hover){html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__colours>a:hover{background:#ffffffa3!important}}@media(prefers-reduced-motion:reduce){html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__colours>a{transition:none}}@media(prefers-reduced-transparency:reduce){html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__colours{background:#f8f8f7!important;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(max-width:749px){html:root:root:root:root:root:root body #MainContent[data-template=index] .ck-home-category{padding:26px 0 32px;scroll-margin-top:112px}html:root:root:root:root:root:root body #MainContent[data-template=index] .ck-home-category__inner{width:calc(100% - 32px)}html:root:root:root:root:root:root body #MainContent[data-template=index] .ck-home-category__header{gap:14px;margin-bottom:14px}html:root:root:root:root:root:root body #MainContent[data-template=index] .ck-home-category__header h2{font-size:24px!important}html:root:root:root:root:root:root body #MainContent[data-template=index] .ck-home-category__header>a{font-size:11px;gap:5px}html:root:root:root:root:root:root body #MainContent[data-template=index] .ck-home-category__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__colours>a{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px}html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__line{padding-top:9px!important;gap:3px 7px!important}html:root:root:root:root:root:root body #MainContent[data-template=index] :is(.ck-home-category,.ck-compact-products--home) .ck-compact-card__line>:is(a,strong){font-size:12px!important}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/ck-home-category.css.map */