:root{--myoc-navy: #0f172a;--myoc-orange: #ff6b00;--myoc-white: #ffffff;--myoc-soft: #f8fafc;--myoc-border: #e5e7eb;--myoc-muted: #64748b}.myoc-featured-collection{padding-top:var(--myoc-section-padding-top-mobile, 36px);padding-bottom:var(--myoc-section-padding-bottom-mobile, 36px);background:var(--myoc-section-bg, #ffffff)}.myoc-featured-collection__container{width:min(100% - 32px,var(--myoc-container-width, 1280px));margin-inline:auto}.myoc-featured-collection__header{margin-bottom:var(--myoc-header-gap, 28px);text-align:var(--myoc-heading-align, center)}.myoc-featured-collection__heading{margin:0;color:var(--myoc-heading-color, #0f172a);font-size:var(--myoc-heading-size-mobile, 28px);font-weight:var(--myoc-heading-weight, 800);line-height:1.08;letter-spacing:-.035em}.myoc-featured-collection__subheading{max-width:660px;margin:10px auto 0;color:var(--myoc-subheading-color, #64748b);font-size:var(--myoc-subheading-size-mobile, 14px);line-height:1.55}.myoc-product-grid{display:grid;grid-template-columns:repeat(var(--myoc-mobile-columns, 2),minmax(0,1fr));gap:var(--myoc-gap-mobile, 14px)}.myoc-card{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--myoc-card-bg, #ffffff);border:1px solid var(--myoc-card-border, #e5e7eb);border-radius:var(--myoc-card-radius, 16px);box-shadow:0 8px 24px #0f172a0f;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.myoc-card:focus-within{outline:2px solid var(--myoc-focus-color, #2563eb);outline-offset:3px}.myoc-card__media{position:relative;display:block;min-height:var(--myoc-image-height-mobile, 190px);aspect-ratio:var(--myoc-image-ratio, 1 / 1);overflow:hidden;background:var(--myoc-image-bg, #fafafa);text-decoration:none}.myoc-card__image,.myoc-card__placeholder,.myoc-card__placeholder svg{width:100%;height:100%;display:block}.myoc-card__image{object-fit:var(--myoc-image-fit, contain);transition:transform .25s ease,opacity .25s ease}.myoc-card__image--secondary{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.myoc-card__badge{position:absolute;z-index:2;top:var(--myoc-badge-top, 12px);left:var(--myoc-badge-left, 12px);min-height:28px;padding:7px 12px;display:inline-flex;align-items:center;border:0;border-radius:var(--myoc-badge-radius, 8px);background:#ff6b00;color:#fff;font-size:var(--myoc-badge-size, 12px);font-weight:900;line-height:1;letter-spacing:.01em;text-transform:uppercase}.myoc-card__badge--best-seller{background:#ff6b00;color:#fff}.myoc-card__badge--trending{background:#0f172a;color:#fff}.myoc-card__badge--new{background:#ecfdf5;color:#15803d}.myoc-card__badge--soldout{background:#475569;color:#fff}.myoc-card__badge+.myoc-card__badge--soldout{top:calc(var(--myoc-badge-top, 12px) + 38px)}.myoc-card__content{flex:1;display:flex;flex-direction:column;gap:var(--myoc-card-content-gap, 10px);padding:var(--myoc-card-padding-mobile, 16px)}.myoc-card__rating{display:flex;align-items:center;gap:5px;min-height:18px;line-height:1}.myoc-card__rating-star{color:#ffa41c;font-size:18px;font-weight:800}.myoc-card__rating-value{color:#2b2b2b;font-size:15px;font-weight:800}.myoc-card__rating-count{color:#5b5b5b;font-size:15px;font-weight:500}.myoc-card__title{min-height:calc(var(--myoc-title-size-mobile, 15px) * 1.35 * 2);color:var(--myoc-title-color, #0f172a);font-size:var(--myoc-title-size-mobile, 15px);font-weight:var(--myoc-title-weight, 800);line-height:1.35;letter-spacing:-.01em;text-decoration:none;display:-webkit-box;-webkit-line-clamp:var(--myoc-title-lines, 2);-webkit-box-orient:vertical;overflow:hidden}.myoc-card__title:hover{color:var(--myoc-button-hover-bg, #ff6b00)}.myoc-card__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-top:auto}.myoc-card__price-current{color:var(--myoc-price-color, #0f172a);font-size:var(--myoc-price-size-mobile, 17px);font-weight:900;line-height:1}.myoc-card__price-compare{color:var(--myoc-old-price-color, #94a3b8);font-size:var(--myoc-old-price-size-mobile, 14px);font-weight:700}.myoc-card__save{width:100%;min-height:32px;padding:9px 12px;border-radius:10px;background:#ecfdf5;color:#15803d;font-size:var(--myoc-save-size, 14px);font-weight:850;line-height:1.15}.myoc-card__atc{position:relative;width:100%;min-height:var(--myoc-button-height, 50px);margin-top:4px;border:0;border-radius:var(--myoc-button-radius, 12px);background:var(--myoc-button-bg, #ff6b00);color:var(--myoc-button-text, #ffffff);font:inherit;font-size:var(--myoc-button-size, 15px);font-weight:850;cursor:pointer;overflow:hidden;transition:background-color .22s ease,transform .18s ease,box-shadow .22s ease,filter .22s ease,opacity .22s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.myoc-card__atc:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff2e;opacity:0;transition:opacity .18s ease;pointer-events:none}.myoc-card__atc:hover{background:var(--myoc-button-hover-bg, #e85f00);transform:translateY(-2px);box-shadow:0 10px 22px #ff6b0047;filter:brightness(1.03)}.myoc-card__atc:active{transform:scale(.97);box-shadow:0 4px 12px #ff6b0033}.myoc-card__atc:active:after{opacity:1}.myoc-card__atc:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none;filter:none}.myoc-card__atc:focus-visible,.myoc-card__title:focus-visible,.myoc-card__media:focus-visible{outline:2px solid var(--myoc-focus-color, #2563eb);outline-offset:3px}.myoc-card__spinner{display:none;width:15px;height:15px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:middle;animation:myoc-spin .7s linear infinite}.myoc-card__atc.is-loading .myoc-card__spinner{display:inline-block}.myoc-card__atc.is-success{background:var(--myoc-success-color, #16a34a)}.myoc-card__atc.is-error{background:var(--myoc-error-color, #dc2626)}@keyframes myoc-spin{to{transform:rotate(360deg)}}@media(hover:hover){.myoc-card:hover{transform:translateY(-4px);border-color:var(--myoc-card-hover-border, #ff6b00);box-shadow:var(--myoc-card-shadow, 0 18px 40px rgba(15, 23, 42, .12))}.myoc-card:hover .myoc-card__image--primary{transform:scale(var(--myoc-image-hover-zoom, 1.05))}.myoc-card:hover .myoc-card__image--secondary{opacity:1;transform:scale(var(--myoc-image-hover-zoom, 1.05))}}@media screen and (min-width:750px){.myoc-featured-collection{padding-top:var(--myoc-section-padding-top-desktop, 64px);padding-bottom:var(--myoc-section-padding-bottom-desktop, 64px)}.myoc-featured-collection__heading{font-size:var(--myoc-heading-size-desktop, 44px)}.myoc-featured-collection__subheading{font-size:var(--myoc-subheading-size-desktop, 16px)}.myoc-product-grid{grid-template-columns:repeat(var(--myoc-desktop-columns, 4),minmax(0,1fr));gap:var(--myoc-gap-desktop, 24px)}.myoc-card__media{min-height:var(--myoc-image-height-desktop, 280px)}.myoc-card__content{padding:var(--myoc-card-padding-desktop, 18px)}.myoc-card__title{min-height:calc(var(--myoc-title-size-desktop, 16px) * 1.35 * 2);font-size:var(--myoc-title-size-desktop, 16px)}.myoc-card__price-current{font-size:var(--myoc-price-size-desktop, 19px)}.myoc-card__price-compare{font-size:var(--myoc-old-price-size-desktop, 14px)}}@media screen and (max-width:749px){.collection .product-grid,.template-collection .product-grid{column-gap:10px;row-gap:18px}.collection .grid__item,.template-collection .grid__item{max-width:none}.collection .myoc-card,.template-collection .myoc-card{border-radius:14px}.collection .myoc-card__media,.template-collection .myoc-card__media{min-height:165px}.collection .myoc-card__content,.template-collection .myoc-card__content{padding:12px;gap:9px}.collection .myoc-card__title,.template-collection .myoc-card__title{font-size:14px}.collection .myoc-card__price-current,.template-collection .myoc-card__price-current{font-size:15px}.collection .myoc-card__price-compare,.template-collection .myoc-card__price-compare{font-size:13px}.collection .myoc-card__save,.template-collection .myoc-card__save{font-size:13px;padding:8px 10px}.collection .myoc-card__atc,.template-collection .myoc-card__atc{min-height:46px;font-size:14px}}@media screen and (max-width:749px){.template-collection .product-grid,.collection .product-grid,#product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:10px!important;row-gap:18px!important}.template-collection .product-grid .grid__item,.collection .product-grid .grid__item,#product-grid .grid__item{width:100%!important;max-width:100%!important}.template-collection .myoc-card__media,.collection .myoc-card__media,#product-grid .myoc-card__media{min-height:150px!important}.template-collection .myoc-card__content,.collection .myoc-card__content,#product-grid .myoc-card__content{padding:10px!important}.template-collection .myoc-card__title,.collection .myoc-card__title,#product-grid .myoc-card__title{font-size:13px!important}.template-collection .myoc-card__atc,.collection .myoc-card__atc,#product-grid .myoc-card__atc{min-height:42px!important;font-size:13px!important}}@media(prefers-reduced-motion:reduce){.myoc-card,.myoc-card__image,.myoc-card__atc,.myoc-card__spinner{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/myoc-product-card.css.map */