/* IncentoMagic redesign: shop, category, product, cart and content pages.
   These pages still use Kidz markup; we re-theme them through Kidz's CSS variables, then restyle the product cards
   to match the homepage (product cut-outs on a colour disc). */

body.im-on{
  --accent-color:#251a5c;--accent-color-2:#f5245f;
  --text-color:#251a5c;--text-color-light:#8f89b5;--text-color-extra-light:#e3def5;--border-color:#e3def5;
  --font-text:"Lexend",system-ui,sans-serif;--font-header:"Lexend",system-ui,sans-serif;
  --font-big-header:"Lilita One","Arial Rounded MT Bold",system-ui,sans-serif;--font-big-header-weight:400;
  --featured-badge-color:#f5245f;--sale-badge-color:#f5245f;--new-badge-color:#0aa2f2;--outofstock-badge-color:#6e66a0;
  --store-notice-background:#251a5c;
  font-family:var(--font-text);color:var(--text-color)
}
body.im-on a:hover{color:var(--accent-color-2)}
body.im-on h1,body.im-on .entry-title,body.im-on .page-title,body.im-on .product_title{font-family:var(--font-big-header);font-weight:400;letter-spacing:0;text-transform:none;color:var(--accent-color)}

/* ---------- product cards (shop, category, search, related products) ---------- */
body.im-on div.products .product{margin-bottom:44px}
body.im-on .products .product .ip-shop-loop-wrap{display:flex;flex-direction:column;width:100%;background:none;border:0;box-shadow:none;padding:0;border-radius:0}
body.im-on .products .product .ip-shop-loop-wrap:hover{box-shadow:none}
body.im-on .ip-shop-loop-thumb{margin:0 0 16px;padding:0!important;height:auto!important;background:none;border:0}
body.im-on .ip-shop-loop-thumb>a{position:relative;display:block;aspect-ratio:1}
body.im-on .ip-shop-loop-thumb>a::before{content:"";position:absolute;right:0;top:0;width:84%;aspect-ratio:1;border-radius:50%;background:#ffe600}
body.im-on .products .product:nth-child(4n+2) .ip-shop-loop-thumb>a::before{background:#ffd3e0}
body.im-on .products .product:nth-child(4n+3) .ip-shop-loop-thumb>a::before{background:#c9ecff}
body.im-on .products .product:nth-child(4n+4) .ip-shop-loop-thumb>a::before{background:#c8f5d6}
body.im-on .ip-shop-loop-thumb img{position:relative!important;inset:auto!important;display:block;width:100%!important;height:100%!important;max-width:none;padding:7% 9% 5%;object-fit:contain;background:none;border:0;border-radius:0;box-shadow:none;opacity:1;
  filter:drop-shadow(0 12px 14px rgba(43,30,110,.20)) drop-shadow(0 2px 3px rgba(43,30,110,.14));transition:transform .25s}
body.im-on .ip-shop-loop-thumb img[data-im-flat]{mix-blend-mode:multiply;filter:none}
body.im-on .ip-shop-loop-wrap:hover .ip-shop-loop-thumb img{transform:rotate(-2deg) translateY(-4px)}
body.im-on .ip-shop-loop-badges{position:absolute;left:-6px;top:6%;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
body.im-on .ip-shop-loop-badges>span{position:static;display:inline-block;background:var(--featured-badge-color);color:#fff;font:400 15px/1 var(--font-big-header);text-transform:none;letter-spacing:0;padding:9px 12px 8px;border-radius:999px;transform:rotate(-6deg);margin:0}
body.im-on .ip-shop-loop-badges .ip-shop-loop-sale-badge,body.im-on .ip-shop-loop-badges .onsale{background:var(--sale-badge-color)}
body.im-on .ip-shop-loop-badges .ip-shop-loop-outofstock-badge,body.im-on .ip-shop-loop-badges .ip-shop-loop-stock-badge{background:var(--outofstock-badge-color)}
body.im-on .ip-shop-loop-details{display:flex;flex-direction:column;flex:1;padding:0!important;text-align:left}
body.im-on .ip-shop-loop-details h3{margin:0 0 10px;padding:0;font:600 16px/1.3 var(--font-text);text-transform:none;letter-spacing:0}
body.im-on .ip-shop-loop-title{color:var(--accent-color);font:inherit;line-height:1.3}
body.im-on .ip-shop-loop-title:hover{color:var(--accent-color);text-decoration:underline}
body.im-on .ip-shop-loop-after-title{margin-top:auto;display:flex;flex-direction:row!important;flex-wrap:wrap;align-items:center!important;justify-content:space-between;gap:10px;text-align:left}
body.im-on .ip-shop-loop-price{min-height:0;padding:0!important;margin:0;text-align:left;width:auto}
body.im-on .ip-shop-loop-price .price{font:400 22px/1.1 var(--font-big-header);color:var(--accent-color)}
body.im-on .ip-shop-loop-price .price ins{color:var(--accent-color-2);text-decoration:none}
body.im-on .ip-shop-loop-price .price del{font-size:.7em;opacity:.55}
body.im-on .ip-shop-loop-actions{margin:0;min-height:0;gap:10px;fill:var(--accent-color)}
body.im-on .ip-shop-loop-actions .button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-color);color:#fff;font:600 14px/1 var(--font-text);text-transform:none;letter-spacing:0;padding:11px 16px;border-radius:999px;border:0;height:auto;min-height:0;box-shadow:none}
body.im-on .ip-shop-loop-actions .button:hover{background:var(--accent-color-2);color:#fff}
body.im-on .ip-shop-loop-actions .button .svg-add,body.im-on .ip-shop-loop-actions .button .svg-more{display:none}
body.im-on .ip-shop-loop-actions .button::before,body.im-on .ip-shop-loop-actions .button::after{display:none}
body.im-on .ip-shop-loop-actions .added_to_cart{flex-basis:100%;order:5;font:600 13.5px/1.2 var(--font-text);color:var(--accent-color-2);text-decoration:underline}
body.im-on .ip-quickview-btn,body.im-on .ip-shop-loop-actions .ip-wishlist-btn{margin-left:0;color:var(--accent-color);opacity:.75}
body.im-on .ip-quickview-btn:hover,body.im-on .ip-shop-loop-actions .ip-wishlist-btn:hover{opacity:1;color:var(--accent-color-2)}

/* ---------- shop chrome ---------- */
body.im-on .woocommerce-breadcrumb,body.im-on .breadcrumbs{font-family:var(--font-text);letter-spacing:.02em}
body.im-on .button,body.im-on button.button,body.im-on input.button,body.im-on .wc-block-components-button,
body.im-on .single_add_to_cart_button,body.im-on .checkout-button,body.im-on #place_order{border-radius:999px;font-family:var(--font-text);font-weight:600;text-transform:none;letter-spacing:0}
body.im-on .single_add_to_cart_button,body.im-on .checkout-button,body.im-on #place_order{background:var(--accent-color);color:#fff}
body.im-on .single_add_to_cart_button:hover,body.im-on .checkout-button:hover,body.im-on #place_order:hover{background:var(--accent-color-2);color:#fff}
body.im-on .single-product .summary .price{font-family:var(--font-big-header);font-weight:400;color:var(--accent-color)}
body.im-on .widget-title,body.im-on .widget h2,body.im-on .widget h4{font-family:var(--font-big-header);font-weight:400;text-transform:none;letter-spacing:0;color:var(--accent-color)}
body.im-on .woocommerce-pagination .page-numbers li .current{background:var(--accent-color);color:#fff;border-radius:999px}

/* sidebar filters */
body.im-on .sidebar .widget-title,body.im-on #sidebar .widget-title,body.im-on .c-shop-sidebar .widget-title{font-size:20px}

/* ---- product page on phones (2026-11-05): buy box first, description after */
@media (max-width:767px){
  body.im-on .ip-single-product-nav{display:none}
  body.im-on .summary.entry-summary > .row:first-child{display:flex;flex-direction:column;gap:4px}
  body.im-on .summary.entry-summary > .row:first-child > div{width:100%;float:none;text-align:left}
  body.im-on .summary .ip-product-stock-status:not(:has(.ip-stock:not(:empty))){display:none}
  body.im-on .woocommerce-breadcrumb{font-size:12px}
  body.im-on .woocommerce-breadcrumb ul{display:flex;flex-wrap:wrap;gap:2px 0}
  body.im-on .woocommerce-breadcrumb li:last-child{display:none}
  body.im-on .summary.entry-summary > .row:nth-child(2){display:flex;flex-direction:column;margin-inline:0}
  body.im-on .summary.entry-summary > .row:nth-child(2) > [class*=col-]{display:contents}
  body.im-on .summary .product_title{order:1;margin-bottom:6px}
  body.im-on .summary p.price{order:2;margin:0 0 10px}
  body.im-on .summary p.price:empty{display:none}
  body.im-on .summary form.cart{order:3;margin-bottom:18px}
  body.im-on .summary .woocommerce-product-details__short-description{order:4;margin-bottom:14px}
  body.im-on .summary .product_meta{order:5}
  body.im-on .summary .ip-product-share-wrap{order:6}
  body.im-on .summary .woocommerce-variation-add-to-cart{margin-top:4px}
  body.im-on .summary table.variations{margin-bottom:6px}
  body.im-on .summary table.variations td.value{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;padding-bottom:0}
  body.im-on .summary table.variations td.value .clear{display:inline-block;clear:none}
  body.im-on .summary table.variations tr{margin-bottom:0;padding-bottom:0}
  body.im-on .summary .single_variation:empty,body.im-on .summary .single_variation[style*="display: none"]{display:none!important}
  body.im-on .summary .woocommerce-variation-price{margin:4px 0 8px}
}