/* «עיצוב המוצר»: one product's own look (item.card, app/card-overrides.js;
   owner 2026-10-28). decorate() writes data-pl-<key> on that card only; the
   shop's and the category's rules skip a card that names its own
   (:not([data-pl-…]) in theme.css, effects-controls.css, storefront-cards.css
   and category-look.js), so these need no !important. No attribute, no
   change: every other card draws as before. The colour, the fill and the
   «+» are variables on the card's style (--accent-*, --ui-card-bg, --ink). */

/* «גודל השם» */
:is(#catalog, #dealsStrip, .editorial-featured-grid, .fc) .card.card[data-key][data-pl-name-size="large"]:not(.boutique-card) > .card-name{font-size:1.125rem; line-height:1.3;}
:is(#catalog, #dealsStrip, .editorial-featured-grid, .fc) .card.card[data-key][data-pl-name-size="large"] > .price-tag[data-price-line]{font-size:1.25rem;}
@media (max-width:640px){
  :is(#catalog, #dealsStrip, .editorial-featured-grid, .fc) .card.card[data-key][data-pl-name-size="large"]:not(.boutique-card) > .card-name{font-size:1rem;}
  :is(#catalog, #dealsStrip, .editorial-featured-grid, .fc) .card.card[data-key][data-pl-name-size="large"] > .price-tag[data-price-line]{font-size:1.125rem;}
}
@container shopcard (max-width:109.98px){
  :is(#catalog, #dealsStrip, .editorial-featured-grid, .fc) .card.card[data-key][data-pl-name-size="large"]:not(.boutique-card) > .card-name{font-size:clamp(0.6875rem, 13cqi, 0.875rem);}
}

/* «צורת התמונה», «הצגת התמונה», «מיקוד». A size of its own (data-card-span) keeps its photo. */
:is(#catalog, #dealsStrip, .editorial-featured-grid, .fc) .card.card[data-key][data-pl-shape]:not([data-card-span]):not(.rich-product-purchase) > .card-img{height:auto; min-height:0;}
:is(#catalog, #dealsStrip, .editorial-featured-grid, .fc) .card.card[data-key][data-pl-shape="square"]:not([data-card-span]):not(.rich-product-purchase) > .card-img{aspect-ratio:1 / 1;}
:is(#catalog, #dealsStrip, .editorial-featured-grid, .fc) .card.card[data-key][data-pl-shape="wide"]:not([data-card-span]):not(.rich-product-purchase) > .card-img{aspect-ratio:4 / 3;}
:is(#catalog, #dealsStrip, .editorial-featured-grid, .fc) .card.card[data-key][data-pl-shape="portrait"]:not([data-card-span]):not(.rich-product-purchase) > .card-img{aspect-ratio:3 / 4;}
:is(#catalog, #dealsStrip, .editorial-featured-grid, .fc) .card.card[data-key][data-pl-fit="contain"] .card-img img{object-fit:contain;}
:is(#catalog, #dealsStrip, .editorial-featured-grid, .fc) .card.card[data-key][data-pl-fit="cover"] .card-img img{object-fit:cover;}
.card.card[data-key][data-pl-focus="tl"] .card-img img{object-position:0% 0%;}
.card.card[data-key][data-pl-focus="t"] .card-img img{object-position:50% 0%;}
.card.card[data-key][data-pl-focus="tr"] .card-img img{object-position:100% 0%;}
.card.card[data-key][data-pl-focus="l"] .card-img img{object-position:0% 50%;}
.card.card[data-key][data-pl-focus="c"] .card-img img{object-position:50% 50%;}
.card.card[data-key][data-pl-focus="r"] .card-img img{object-position:100% 50%;}
.card.card[data-key][data-pl-focus="bl"] .card-img img{object-position:0% 100%;}
.card.card[data-key][data-pl-focus="b"] .card-img img{object-position:50% 100%;}
.card.card[data-key][data-pl-focus="br"] .card-img img{object-position:100% 100%;}

/* «מסגרת התמונה» */
.card.card[data-pl-frame="square"] .card-img{border-radius:0; overflow:hidden;}
.card.card[data-pl-frame="rounded"] .card-img{border-radius:var(--radius,16px); overflow:hidden;}
.card.card[data-pl-frame="arch"] .card-img{border-radius:50% 50% var(--radius,16px) var(--radius,16px); overflow:hidden;}

/* «פינות» and «מסגרת הכרטיס»: the card's own radius step and hairline. */
:is(#catalog, #dealsStrip, .editorial-featured-grid, .fc) .card.card[data-pl-corners="square"]{--r-panel:0px; border-radius:0;}
:is(#catalog, #dealsStrip, .editorial-featured-grid, .fc) .card.card[data-pl-corners="soft"]{--r-panel:10px; border-radius:10px;}
:is(#catalog, #dealsStrip, .editorial-featured-grid, .fc) .card.card[data-pl-corners="round"]{--r-panel:24px; border-radius:24px;}
.card.card[data-pl-border="none"]:not(.in-cart){border-color:transparent;}
.card.card[data-pl-border="line"]:not(.in-cart){border-color:rgba(107,124,58,0.16);}   /* the card's own hairline (theme.css .card) */
.card.card[data-pl-border="strong"]:not(.in-cart){border-color:rgba(35,30,20,0.32); border-color:color-mix(in srgb, var(--ink, #1E2A22) 32%, transparent);}

/* «עומק»: flat is the card's own shadow (theme.css .card); soft and line as the shop's. */
.card.card[data-pl-elevation="soft"]:not(.in-cart){border-color:transparent; box-shadow:0 2px 4px rgba(30,42,34,0.05), 0 12px 28px -10px rgba(30,42,34,0.22);}
.card.card[data-pl-elevation="soft"]:not(.in-cart):hover{box-shadow:0 4px 8px rgba(30,42,34,0.06), 0 24px 48px -16px rgba(30,42,34,0.30);}
.card.card[data-pl-elevation="line"], .card.card[data-pl-elevation="line"]:hover{box-shadow:none;}

/* «מעבר עכבר על הכרטיס», «מעבר עכבר על הכפתור» */
/* "default" is the card's own small lift (theme.css .card:hover): the shop's choice skips this card. */
.card.card[data-pl-hover]:not([data-pl-hover="default"]):is(:hover,:focus-within){transform:none; translate:none;}
@media(hover:hover) and (pointer:fine){
  .card.card[data-pl-hover="outline"]:not(.is-oos):is(:hover,:focus-within){outline:2px solid var(--primary); outline-offset:2px;}
  .card.card[data-pl-btn-hover="color"] .qty-btn.plus:hover{filter:brightness(.9);}
  .card.card[data-pl-btn-hover="shadow"] .qty-btn.plus:hover{box-shadow:0 4px 12px rgba(0,0,0,.2);}
  .card.card[data-pl-btn-hover="none"] .qty-btn.plus:hover{transform:none; translate:none; filter:none; box-shadow:none;}
}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  html:not([data-motion="off"]):not([data-a11y-motion="1"]) .card.card[data-pl-hover="lift"]:not(.is-oos):is(:hover,:focus-within){translate:0 -4px; transition:translate .2s ease;}
  html:not([data-motion="off"]):not([data-a11y-motion="1"]) .card.card[data-pl-btn-hover="lift"] .qty-btn.plus:hover{translate:0 -2px; transition:translate .2s ease;}
  /* «זום לתמונה», «החלפת תמונה» */
  html:not([data-motion="off"]):not([data-a11y-motion="1"]) .card.card[data-pl-zoom="on"] .card-img img{transition:scale .5s cubic-bezier(.2,.7,.2,1);}
  html:not([data-motion="off"]):not([data-a11y-motion="1"]) .card.card[data-pl-zoom="on"]:hover .card-img img{scale:1.06;}
  html:not([data-motion="off"]):not([data-a11y-motion="1"]) .card.card[data-pl-swap="on"]:not(.is-oos):hover .fx-swap-image[data-ready]{opacity:1;}
}

/* The product's own fill: its text reads --ink, set by ratio with the fill. */
.card.card[data-pl-bg] :is(.card-name, .card-desc, .unit-label){color:var(--ink);}