.ecore-use-case{background:var(--section-bg, #FFFFFF);padding:40px 0}@media(min-width:769px){.ecore-use-case{padding:56px 0}}.ecore-use-case__header{text-align:center;margin-bottom:28px;max-width:720px;margin-left:auto;margin-right:auto}@media(min-width:769px){.ecore-use-case__header{margin-bottom:40px}}.ecore-use-case__heading{font-size:24px;line-height:1.2;font-weight:600;color:#000f1c;margin:0 0 8px;letter-spacing:-.01em}@media(min-width:769px){.ecore-use-case__heading{font-size:32px}}.ecore-use-case__subheading{font-size:14px;line-height:1.5;color:#555;margin:0}@media(min-width:769px){.ecore-use-case__subheading{font-size:15px}}.ecore-use-case__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;padding:0;margin:0}@media(min-width:600px){.ecore-use-case__grid{gap:16px}}@media(min-width:769px){.ecore-use-case__grid{grid-template-columns:repeat(3,1fr);gap:18px}}@media(min-width:1024px){.ecore-use-case__grid{grid-template-columns:repeat(5,1fr);gap:20px}}.ecore-use-case__cell{margin:0;padding:0}.ecore-use-case__tile{display:block;position:relative;overflow:hidden;border-radius:8px;text-decoration:none;color:#fff;background:#000f1c;aspect-ratio:4 / 3;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 1px 3px #000f1c14;container-type:inline-size}@media(min-width:769px){.ecore-use-case__tile{aspect-ratio:2 / 1}}.ecore-use-case__tile:hover,.ecore-use-case__tile:focus-visible{transform:translateY(-3px);box-shadow:0 8px 22px #000f1c33;outline:none}.ecore-use-case__tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000f1c99;transition:opacity .4s ease;pointer-events:none}.ecore-use-case__tile:hover:before,.ecore-use-case__tile:focus-visible:before{opacity:0}.ecore-use-case__tile--placeholder:before{background:#000f1c66}.ecore-use-case__tile:after{content:"";position:absolute;top:0;left:0;right:0;height:38px;z-index:2;background:linear-gradient(to bottom,#000f1cd9 0% 70%,#000f1c00);opacity:0;transition:opacity .3s ease;pointer-events:none}.ecore-use-case__tile:hover:after,.ecore-use-case__tile:focus-visible:after{opacity:1}.ecore-use-case__tile:focus-visible{outline:3px solid #006BCC;outline-offset:2px}.ecore-use-case__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ecore-use-case__image{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.ecore-use-case__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#006bcc,#003e75);background-size:cover}.ecore-use-case__tile[data-vertical=use-case-school] .ecore-use-case__placeholder{background:linear-gradient(135deg,#006bcc,#054b8e)}.ecore-use-case__tile[data-vertical=use-case-police-and-fire] .ecore-use-case__placeholder{background:linear-gradient(135deg,#c4302b,#6a1816)}.ecore-use-case__tile[data-vertical=use-case-apartment-gym] .ecore-use-case__placeholder{background:linear-gradient(135deg,#2b8f6f,#155640)}.ecore-use-case__tile[data-vertical=use-case-hotel] .ecore-use-case__placeholder{background:linear-gradient(135deg,#8a6f3a,#4f3e1e)}.ecore-use-case__tile[data-vertical=use-case-rehab] .ecore-use-case__placeholder{background:linear-gradient(135deg,#1f7a8c,#0d3e48)}.ecore-use-case__tile[data-vertical=use-case-corporate] .ecore-use-case__placeholder{background:linear-gradient(135deg,#555f73,#2a3142)}.ecore-use-case__tile[data-vertical=use-case-senior-living] .ecore-use-case__placeholder{background:linear-gradient(135deg,#7e6b9c,#443758)}.ecore-use-case__tile[data-vertical=use-case-commercial-gym] .ecore-use-case__placeholder{background:linear-gradient(135deg,#1a1a1a,#404040)}.ecore-use-case__tile[data-vertical=use-case-yoga-pilates] .ecore-use-case__placeholder{background:linear-gradient(135deg,#b87f5d,#6b432a)}.ecore-use-case__tile[data-vertical=use-case-multi-purpose] .ecore-use-case__placeholder{background:linear-gradient(135deg,#875a9c,#4a2d56)}.ecore-use-case__tile[data-vertical=use-case-home-gym] .ecore-use-case__placeholder{background:linear-gradient(135deg,#475c4a,#233028)}.ecore-use-case__tile[data-vertical=use-case-outdoor] .ecore-use-case__placeholder{background:linear-gradient(135deg,#5e7a3a,#2f4019)}.ecore-use-case__tile[data-vertical=use-case-wet-area] .ecore-use-case__placeholder{background:linear-gradient(135deg,#3a7a8c,#1d3e48)}.ecore-use-case__tile[data-vertical=use-case-cleats] .ecore-use-case__placeholder{background:linear-gradient(135deg,#4a5a8a,#232d4a)}.ecore-use-case__tile[data-vertical=use-case-sports-court] .ecore-use-case__placeholder{background:linear-gradient(135deg,#c45a1f,#6a2f10)}.ecore-use-case__content{position:absolute;z-index:3;left:0;right:0;top:50%;transform:translateY(-50%);box-sizing:border-box;padding:4px 14px;color:#fff;text-align:center;transition:top .4s cubic-bezier(.22,.8,.28,1),transform .4s cubic-bezier(.22,.8,.28,1);pointer-events:none}.ecore-use-case__tile:hover .ecore-use-case__content,.ecore-use-case__tile:focus-visible .ecore-use-case__content{top:0;transform:translateY(0)}.ecore-use-case__label{display:block;font-size:clamp(14px,7cqw,22px);font-weight:700;line-height:1.2;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.55);word-break:keep-all;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual}.ecore-use-case__sub{display:block;font-size:13px;font-weight:500;line-height:1.3;margin-top:4px;opacity:.92;text-shadow:0 1px 4px rgba(0,0,0,.5);word-break:keep-all;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;max-height:80px;overflow:hidden;transition:opacity .28s ease,max-height .45s cubic-bezier(.22,.8,.28,1),margin-top .45s cubic-bezier(.22,.8,.28,1)}.ecore-use-case__tile:hover .ecore-use-case__sub,.ecore-use-case__tile:focus-visible .ecore-use-case__sub{opacity:0;max-height:0;margin-top:0}@media(min-width:769px){.ecore-use-case__sub{font-size:14px}}@media(min-width:1024px){.ecore-use-case__sub{font-size:15px}}@media(hover:hover){.ecore-use-case__tile{will-change:transform}.ecore-use-case__tile:before,.ecore-use-case__tile:after{will-change:opacity}.ecore-use-case__content{will-change:transform}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/custom-ecore-use-case-tiles.css.map */