/* One compact card layout for native catalogue, homepage and recommendation loops.
   Product media, colour overlay geometry and native purchase actions stay intact. */
body.hb-native .box-text[data-hb-identity-bound]{--hb-card-title-font:13px;--hb-card-subtitle-font:11px;--hb-card-price-font:14px;--hb-card-padding:10px;gap:4px;min-height:var(--hb-card-body-height,0);box-sizing:border-box;padding:var(--hb-card-padding)!important}
body.hb-native .box-text[data-hb-identity-bound] .title-wrapper{order:0;flex:none;min-height:var(--hb-card-title-height,0)}
body.hb-native .box-text[data-hb-identity-bound] .name{height:auto!important;min-height:0;max-height:2.7em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body.hb-native .box-text[data-hb-identity-bound]>.hb-native-card-color{order:1;min-height:var(--hb-card-subtitle-height,0);padding:0;margin:0;box-sizing:border-box}
body.hb-native .box-text[data-hb-identity-bound]>.hb-native-card-color:empty{display:none}
body.hb-native .box-text[data-hb-identity-bound].hb-card-row-has-subtitle>.hb-native-card-color:empty{display:block}
body.hb-native .box-text[data-hb-identity-bound]>.price-wrapper{order:2;min-height:var(--hb-card-offer-height,0);margin-top:var(--hb-card-price-gap,0)}
body.hb-native .box-text[data-hb-identity-bound]>.hb-native-card-size-slot{order:3;min-height:var(--hb-card-sizes-height,0);width:100%;margin:0}
body.hb-native .box-text[data-hb-identity-bound]>.hb-native-card-size-slot:empty{display:none}
body.hb-native .box-text[data-hb-identity-bound].hb-card-row-has-sizes>.hb-native-card-size-slot:empty{display:block}
body.hb-native .box-text[data-hb-identity-bound] .hb-native-card-sizes{
 --hb-card-size-min:24px;display:grid;
 grid-template-columns:repeat(auto-fill,minmax(min(var(--hb-card-size-min),calc((100% - 10px)/6)),1fr));
 gap:2px;justify-content:normal;width:100%;margin:0;padding:0;overflow:visible;
}
body.hb-native .box-text[data-hb-identity-bound] .hb-native-card-sizes a{
 display:flex;align-items:center;justify-content:center;box-sizing:border-box;
 width:100%;min-width:0;height:23px;min-height:23px;margin:0;padding:0;
 font-size:10px;line-height:1;border:1px solid #dcd4ca;border-radius:3px;
 background:#fff;color:var(--hb-native-ink);text-decoration:none;white-space:nowrap;
}
/* Longer age/weight/double-size labels keep their complete native wording. */
body.hb-native .box-text[data-hb-identity-bound] .hb-native-card-sizes-wide{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--hb-card-wide-size-min,68px)),1fr))}
body.hb-native .box-text[data-hb-identity-bound] .hb-native-card-sizes-wide.hb-native-size-wrap a{height:auto;min-height:23px;white-space:normal;overflow-wrap:anywhere}
body.hb-native .box-text[data-hb-identity-bound]>.hb-native-recommendation-action{order:5;margin-top:auto;padding:4px 0 0}
body.hb-native .hb-native-recommendation[data-hb-native-card]{overflow:visible;border:0;border-radius:0;background:transparent}
body.hb-native .hb-native-recommendation[data-hb-native-card]>.product-small.box{width:100%;flex:1}
body.hb-native .hb-native-recommendation[data-hb-native-card] .box-image{position:relative}
body.hb-native .hb-native-recommendation[data-hb-native-card] .box-image img{margin:0;border:0;border-radius:7px 7px 0 0}
body.hb-native .hb-native-recommendation[data-hb-native-card] .hb-native-legal{padding:0}
body.hb-native .hb-native-recommendation[data-hb-native-card] .name{margin:0;max-width:none}
body.hb-native .hb-native-recommendation[data-hb-native-card] .price{margin:0}
/* Old help-panel prose rules must not turn recommendation subtitles into body copy. */
body.hb-native .box-text[data-hb-identity-bound] .name,
body.hb-native #hb-native-help .box-text[data-hb-identity-bound] .name{font-size:var(--hb-card-title-font);line-height:1.35;font-weight:500}
body.hb-native .box-text[data-hb-identity-bound] .hb-native-card-color,
body.hb-native #hb-native-help .box-text[data-hb-identity-bound] .hb-native-card-color{font-size:var(--hb-card-subtitle-font);line-height:1.4;font-weight:400}
body.hb-native .box-text[data-hb-identity-bound] .price,
body.hb-native #hb-native-help .box-text[data-hb-identity-bound] .price{font-size:var(--hb-card-price-font);line-height:1.5}
@media(max-width:549px){
 body.hb-native .box-text[data-hb-identity-bound]{--hb-card-title-font:12px;--hb-card-subtitle-font:10px;--hb-card-price-font:13px;--hb-card-padding:9px 7px}
}
@media(max-width:760px){
 body.hb-native .box-text[data-hb-identity-bound] .hb-native-card-sizes{--hb-card-size-min:21px}
}
/* Hover is a desktop aid, not a sticky touch selection state. */
@media(min-width:761px) and (hover:hover) and (pointer:fine){
 body.hb-native .box-text[data-hb-identity-bound] .hb-native-card-sizes a:hover{background:#f8f6f2;color:#637da0;border-color:#637da0}
}
@media(max-width:760px),(hover:none),(pointer:coarse){
 body.hb-native .box-text[data-hb-identity-bound] .hb-native-card-sizes a:hover{background:#fff;color:var(--hb-native-ink);border-color:#dcd4ca}
}