/* 2.4 — one image geometry for catalog, collections, navigation and gift.
 * Only the asset wrapper is positioned. Images never carry percentage insets.
 * Scoped selectors also win over the site's older critical CSS after it loads.
 */
body.shaylee-atelier .sl-media-frame {
 --sl-media-padding:16px;
 display:block;position:relative;isolation:isolate;box-sizing:border-box;
 width:100%;height:auto;min-width:0;min-height:0;max-width:100%;
 aspect-ratio:1 / 1;padding:0;overflow:hidden;background:#fff;
}
body.shaylee-atelier .sl-media-frame>.sl-media-asset {
 display:block;position:absolute;inset:0;box-sizing:border-box;
 width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;
 margin:0;padding:var(--sl-media-padding);overflow:hidden;
 border:0;transform:none;aspect-ratio:auto;
}
body.shaylee-atelier .sl-media-frame>.sl-media-asset :is(picture,a) {
 display:block;position:static;box-sizing:border-box;width:100%;height:100%;
 margin:0;padding:0;min-width:0;min-height:0;
}
body.shaylee-atelier .sl-media-frame>.sl-media-asset img {
 display:block;position:static!important;inset:auto!important;box-sizing:border-box;
 width:100%!important;height:100%!important;min-width:0;min-height:0;
 max-width:100%!important;max-height:100%!important;
 margin:0!important;padding:0!important;float:none;vertical-align:middle;
 aspect-ratio:auto!important;object-fit:contain!important;object-position:center;
 transform:none!important;opacity:1;transition:none;
}
body.shaylee-atelier .sl-media-frame>.sl-media-secondary {
 opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease;
}
@media(hover:hover) and (pointer:fine) {
 body.shaylee-atelier .sl-card-photo:hover>.sl-media-secondary {
  opacity:1;visibility:visible;background:#fff;
 }
}
body.shaylee-atelier .sl-collection-frame {--sl-media-padding:12px}
body.shaylee-atelier .sl-mobile-category-image {--sl-media-padding:6px;margin:0 0 8px}
body.shaylee-atelier .sl-mega-images .sl-media-frame {--sl-media-padding:10px}
body.shaylee-atelier .sl-gift .sl-gift-product {
 width:100%;max-width:320px;padding:0;margin-inline:auto;background:transparent;
}
body.shaylee-atelier .sl-gift-product>a {display:block;min-width:0}
body.shaylee-atelier .sl-gift-image {--sl-media-padding:28px}
body.shaylee-atelier .sl-gift-product>a>span {
 position:static;display:flex;gap:12px;align-items:flex-start;
 margin:0;padding-block:14px;line-height:1.7;overflow-wrap:anywhere;
}
.sl-gift-product>a>span>svg {flex:0 0 20px;margin-top:3px}
.sl-card h3 {margin-top:14px;overflow-wrap:break-word}
.sl-card-type+h3 {margin-top:6px}
.sl-card .sl-price,.sl-product-top .summary>.price,.sl-product-sticky strong {
 direction:ltr;unicode-bidi:isolate;text-align:right;
}
.sl-card .sl-price .woocommerce-Price-amount {white-space:nowrap}
.sl-footer-grid .sl-social-link {display:inline-flex;align-items:center;gap:8px}
.sl-social-link>svg,.sl-footer-bottom>a>svg {width:17px;height:17px;flex:none}
.sl-footer-bottom>a {gap:8px}
.sl-mobile-service-link>svg {flex:0 0 20px}
@media(max-width:780px) {
 body.shaylee-atelier .sl-card-photo {--sl-media-padding:6px}
 body.shaylee-atelier .sl-collection-frame {--sl-media-padding:8px}
 body.shaylee-atelier .sl-media-frame>.sl-media-secondary {display:none}
 body.shaylee-atelier .sl-gift .sl-gift-product {max-width:248px}
 body.shaylee-atelier .sl-gift-image {--sl-media-padding:24px}
 .sl-drawer .sl-mobile-category-grid {align-items:start;gap:18px 12px}
 .sl-drawer .sl-mobile-category-grid>a {min-width:0;align-self:start}
 .sl-drawer .sl-mobile-category-grid>a>span:last-child {display:block;line-height:1.5;min-height:0;margin:0}
 .sl-drawer .sl-dialog-heading>[data-close] {border:0;background:transparent}
 .sl-drawer .sl-small-brand {font-size:27px;letter-spacing:.09em}
 .sl-drawer .sl-mobile-collections a {min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px}
 .sl-products,.sl-catalog-results .sl-products {gap:26px 12px}
 .sl-card h3 {font-size:14px;line-height:1.55;margin:12px 0 8px;min-height:0}
 .sl-card-type {font-size:10px;margin:10px 0 0}
 .sl-card-type+h3 {margin-top:6px}
 .sl-card .sl-price {font-size:13px;line-height:1.7;overflow-wrap:normal}
 .sl-card-options {font-size:11px;margin-top:6px}
 .sl-save {inset-inline-start:auto;inset-inline-end:2px;top:2px}
 .sl-catalog-toolbar {align-items:flex-start;gap:12px;padding-block:14px}
 .sl-loop-tools {display:flex;flex-direction:column;align-items:stretch;gap:8px}
 .sl-loop-tools .woocommerce-result-count {margin:0;line-height:1.5;font-size:12px}
 .sl-loop-tools .woocommerce-ordering {margin:0;width:100%;max-width:none}
 .sl-loop-tools select {width:100%;min-height:44px;padding:8px 6px;font-size:16px;background-color:transparent}
 .sl-filter-trigger {flex:0 0 auto;min-height:44px;margin:0}
 .sl-product-top {gap:24px}
 .sl-product-top .product_title {line-height:1.4!important;margin-block:10px 16px!important}
 .sl-product-top .summary>.price {font-size:20px!important;line-height:1.6}
 .sl-gallery .flex-control-thumbs {gap:8px;margin-top:12px!important}
 .sl-gallery .flex-control-thumbs li {flex:0 0 54px!important;width:54px!important;margin:0!important}
 .sl-product-breadcrumb,.woocommerce-breadcrumb {font-size:11px;line-height:1.8;overflow-wrap:anywhere}
 .sl-footer {padding-block:40px 24px}
 .sl-footer-statement {gap:24px;padding-bottom:32px}
 .sl-footer-statement h2 {font-size:22px;line-height:1.5}
 .sl-footer-statement .sl-button {min-width:0;width:100%;justify-content:space-between;font-size:14px}
 .sl-footer-grid {gap:28px 20px;padding-block:28px}
 .sl-footer-grid h3 {font-size:15px;margin-bottom:10px}
 .sl-footer-grid a {font-size:13px;line-height:1.7;min-height:40px;overflow-wrap:anywhere}
 .sl-footer-grid .sl-email {font-size:12px}
 .sl-footer-grid .sl-footer-logo {font-size:40px;letter-spacing:.08em}
 .sl-footer-bottom {padding-top:16px}
 /* Native WhatsApp links remain in the menu, product help and footer.
    Remove this site's floating Click to Chat bubble on phones only. */
 body.shaylee-atelier.sl-mobile-service-inline #ht-ctc-chat {display:none!important}
}
@media(prefers-reduced-motion:reduce) {
 body.shaylee-atelier .sl-media-frame>.sl-media-secondary {transition:none}
}
