/* The Anime Portrait Shop mirror: the few rules the platform and the review app used to add at runtime. */

/* Loox star ratings (product cards, the product page rating): the app's own widget styles, drawn statically by the mirror */
.loox-icon{font-size:inherit}svg.loox-icon{width:1em;height:1em;flex-shrink:0}
a[href='#looxReviews']{text-decoration:none;color:inherit}
.loox-rating:not([data-rating-upgraded]){display:none}
.loox-rating .loox-rating-content{display:inline-flex;align-items:center;gap:2px;vertical-align:middle}
.loox-rating[data-alignment="left"]{text-align:left}.loox-rating[data-alignment="center"]{text-align:center}.loox-rating[data-alignment="right"]{text-align:right}
.loox-rating .loox-rating-label{font-size:.875em}
.shopify-app-block:has(> .loox-widget){width:100%}
/* the product page rating block: the same 16px stars the widget drew, left aligned like the live page */
.loox-rating.loox-widget{display:block;margin:.4rem 0 .8rem}
.loox-rating.loox-widget .loox-rating-link{display:inline-flex;align-items:center;color:inherit}
/* the review feed and carousel frames the app drew: kept at the size the live widget used */
#looxReviews iframe,.loox-v2-carousel-container iframe{display:block;width:100%;border:0}

/* cart page: the line-item rows are drawn by the shim from localStorage; Dawn's own css styles them */
cart-items.is-empty .cart__contents{display:none}
cart-items:not(.is-empty) .cart__warnings{display:none}
#main-cart-footer.is-empty{display:none}
.cart-item .cart-item__image{max-width:100%}

/* the notification's product line */
.cart-notification-product{display:flex;gap:1.5rem}

/* search results drawn on the client from the catalog (the /search page and the predictive dropdown) */
.aps-search-empty{margin:2rem 0}

/* customers read the price badges too: nothing under 12px on phones */
@media (max-width: 749px){.card__badge .badge{font-size:1.2rem}}