| 1 |
:root{--fct-card-bg: #ffffff;--fct-card-border-color: var(--fct-border-color, #d6dae1);--fct-card-primary-text-color: var(--fct-primary-text-color, #2F3448);--fct-card-text-color: var(--fct-secondary-text-color, #565865);--fct-card-btn-bg-color: var(--fct-btn-bg-color, #253241);--fct-card-btn-text-color: var(--fct-btn-text-color, #ffffff);--fct-heading-color: var(--fct-primary-text-color, #2F3448)}.fct-product-card{position:relative;display:grid;height:100%;grid-template-columns:repeat(1,minmax(0,1fr));border-radius:8px;border-width:1px;border-style:solid;border-color:var(--fct-card-border-color);background-color:var(--fct-card-bg);padding:4px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}@container product-grid (min-width: 540px){.group.list .fct-product-card{grid-template-columns:repeat(5,minmax(0,1fr))}}.fct-product-card *{box-sizing:border-box}.fct-product-card del{opacity:.5}.fct-product-card h1,.fct-product-card h2,.fct-product-card h3,.fct-product-card h4,.fct-product-card h5,.fct-product-card h6{margin-top:0;margin-bottom:4px;padding-left:12px;padding-right:12px;padding-top:12px;font-size:16px;font-weight:500;color:var(--fct-card-primary-text-color)}.fct-product-card h1 a,.fct-product-card h2 a,.fct-product-card h3 a,.fct-product-card h4 a,.fct-product-card h5 a,.fct-product-card h6 a{color:var(--fct-card-primary-text-color);-webkit-text-decoration-line:none;text-decoration-line:none}.fct-product-card h1 a:hover,.fct-product-card h2 a:hover,.fct-product-card h3 a:hover,.fct-product-card h4 a:hover,.fct-product-card h5 a:hover,.fct-product-card h6 a:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.fct-product-card h1 a:focus,.fct-product-card h2 a:focus,.fct-product-card h3 a:focus,.fct-product-card h4 a:focus,.fct-product-card h5 a:focus,.fct-product-card h6 a:focus{-webkit-text-decoration-line:underline;text-decoration-line:underline}.fct-product-card .fct-product-card-image-wrap,.fct-product-card .fct-dynamic-product-image{position:relative;margin-left:-4px;margin-right:-4px;margin-top:-4px;aspect-ratio:1 / 1}.fct-product-card .fct-dynamic-product-image .fct-product-card-image-wrap{margin-left:-0px;margin-right:-0px;margin-top:-0px}.fct-product-card h5.dynamic,.fct-product-card .fct-dynamic-product-title{margin:0!important}.fct-product-card img{aspect-ratio:1 / 1;height:100%;width:100%;border-top-left-radius:7px;border-top-right-radius:7px;-o-object-fit:cover;object-fit:cover}.group.list .fct-product-card img{display:block;height:100%}@container product-grid (min-width: 390px){.group.list .fct-product-card img{aspect-ratio:1 / 1}}.fct-product-card img:hover{opacity:.9}.fct-product-card .fct-product-card-title{overflow-wrap:anywhere}.fct-product-card .fct-product-sku{padding-left:12px;padding-right:12px;padding-bottom:4px;font-size:14px}.fct-product-card .fct-product-sku .fct-product-sku__label{font-weight:600;color:var(--fct-card-primary-text-color)}.fct-product-card .fct-product-sku .fct-product-sku__value{font-weight:400;color:var(--fct-card-text-color)}.fct-product-card .fct-product-card-prices{padding-left:12px;padding-right:12px;padding-bottom:12px;font-size:16px;color:var(--fct-card-primary-text-color)}.fct-product-card .fct-product-card-prices+p{margin-top:auto!important}.fct-product-card button{background:linear-gradient(180deg,#ffffff29,#fff0),var(--fct-card-btn-bg-color);box-shadow:inset 0 .5px .5px .5px #ffffff1a;margin-top:auto;min-height:40px;width:100%;cursor:pointer;border-radius:8px;border-width:0px;padding:12px;text-align:center;font-size:14px;line-height:1;color:var(--fct-card-btn-text-color)}.fct-product-card button:hover{background-color:var(--fct-card-btn-bg-color);color:var(--fct-card-btn-text-color)}.fct-product-card button:focus{color:var(--fct-card-btn-text-color)}@container product-grid (min-width: 390px){.group.list .fct-product-card button{max-width:178px;transition-property:none}}.fct-product-card button .fluent-cart-loader{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:none;height:100%;width:100%;align-items:center;justify-content:center;border-radius:8px;transition-duration:.3s;background:linear-gradient(180deg,#ffffff29,#fff0),var(--fct-card-btn-bg-color)}.fct-product-card button .fluent-cart-loader svg{margin-right:8px;height:20px;width:20px}@keyframes spin{to{transform:rotate(360deg)}}.fct-product-card button .fluent-cart-loader svg{animation:spin 1s linear infinite;fill:#0171db;--tw-text-opacity: 1;color:rgb(214 218 225 / var(--tw-text-opacity, 1))}.fct-product-card button.out-of-stock{cursor:not-allowed;border-width:1px;border-style:solid;border-color:var(--fct-card-border-color);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));font-weight:500;--tw-text-opacity: 1;color:rgb(157 159 172 / var(--tw-text-opacity, 1));--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.fct-product-card .fct-product-card-content{display:grid}.fct-product-card p:not(.fct-product-card-excerpt){margin:0}.fct-product-card .fct-product-card-excerpt,.fct-product-card p.dynamic{margin-bottom:8px;display:none;padding-left:12px;padding-right:12px;font-size:14px}.fct-product-view-button{background:linear-gradient(180deg,#ffffff29,#fff0),var(--fct-card-btn-bg-color);box-shadow:inset 0 .5px .5px .5px #ffffff1a;margin-top:auto;display:flex;min-height:40px;cursor:pointer;align-items:center;justify-content:center;border-radius:8px;border-width:0px;padding:12px;text-align:center;font-size:14px;line-height:1;color:var(--fct-card-btn-text-color)}.fct-product-view-button:hover{background-color:var(--fct-card-btn-bg-color);color:var(--fct-card-btn-text-color)}@container product-grid (min-width: 390px){.group.list .fct-product-view-button{max-width:178px;transition-property:none}}.fct-product-view-button.group.loading .fluent-cart-loader{opacity:1}.fct-product-view-button.out-of-stock{cursor:not-allowed;border-width:1px;border-style:solid;border-color:var(--fct-card-border-color);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));font-weight:500;--tw-text-opacity: 1;color:rgb(157 159 172 / var(--tw-text-opacity, 1));--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.fct-product-list-container .fct-product-list-heading{margin-bottom:30px;font-size:26px;font-weight:700;color:var(--fct-heading-color)}.fct-product-list{display:grid;gap:24px;--fct-product-list-columns: 4;grid-template-columns:repeat(var(--fct-product-list-columns),1fr)}.fct-product-list .fct-product-card a{-webkit-text-decoration-line:none;text-decoration-line:none}@container product-grid (min-width: 540px){.group.list .fct-single-product-card{grid-template-areas:"head body" "head footer"}}@media (max-width: 990px){.fct-product-list{--fct-product-list-columns: 3 !important}}@media (max-width: 768px){.fct-product-list{--fct-product-list-columns: 2 !important}}@media (max-width: 575px){.fct-product-list{--fct-product-list-columns: 1 !important}} |
