/* CartHarbor artwork inside the unchanged NutritionScan presentation frames. */
.cartharbor-detail .cart-story{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:5%;padding:6%!important;background:#123e33;color:#f1f5dc;isolation:isolate}
.cartharbor-detail .cart-story::before{content:"";position:absolute;width:65%;aspect-ratio:1;background:#d6ed98;border-radius:50%;right:-12%;top:12%;z-index:-1}
.cart-story-copy{position:relative;z-index:2}
.cart-story-copy>svg{width:48px;height:48px;display:block;margin-bottom:22px}
.cart-story-copy>span{font-size:clamp(10px,1vw,14px);letter-spacing:.1em;display:block}
.cartharbor-detail .cart-story h2{font-size:clamp(25px,4.7vw,76px);line-height:1.02;letter-spacing:-.045em;margin:7% 0;font-weight:500}
.cartharbor-detail .cart-story p{font-size:clamp(13px,1.4vw,21px);max-width:25em;line-height:1.55}
.cart-story-media{height:82%;display:flex;align-items:center;justify-content:center;gap:6%;min-width:0;position:relative}
.cartharbor-detail .cart-story-media>.reference-screen{width:43%;height:auto;max-width:none;max-height:none;border:5px solid #fff;box-sizing:border-box;border-radius:18px;transform:rotate(-5deg);box-shadow:0 25px 50px #0003}
.cartharbor-detail .cart-story-media>.reference-screen+ .reference-screen{transform:rotate(5deg);margin-top:12%}
.cartharbor-detail .cart-story>small{bottom:3%;font-size:12px!important;max-width:88%;line-height:1.4}
.cartharbor-detail .cart-story-operations{background:#e1e8dc;color:#163d33;grid-template-columns: .8fr 1.2fr}
.cartharbor-detail .cart-story-operations::before{background:#cfddc5;right:-15%;top:-40%}
.cartharbor-detail .cart-story-operations .cart-story-media>.reference-screen{height:auto;width:100%;max-width:100%;transform:none;border-radius:12px;border-width:4px}
.cartharbor-detail .cart-story-operations h2{font-size:clamp(23px,4vw,60px)}
.cartharbor-detail .cart-story-checkout{background:#f1eddf;color:#173d33;grid-template-columns:1fr 1fr}
.cartharbor-detail .cart-story-checkout::before{background:#dce7b4}
.cartharbor-detail .cart-story-checkout .cart-story-media>.reference-screen{width:35%;height:auto;transform:rotate(-4deg)}
.cartharbor-detail .cart-story-checkout .cart-story-media>.reference-screen+ .reference-screen{width:27%;height:auto;transform:rotate(4deg);margin-top:0}
.cartharbor-detail .cart-evidence{background:radial-gradient(ellipse at 80% 10%,#f6f6dd,transparent 70%),#dce5d8;padding:7%;gap:16px}
.cart-evidence-panels{display:flex;align-items:center;justify-content:center;gap:5%;width:100%;height:100%;min-height:0}
.cartharbor-detail .cart-evidence-panels>.reference-screen{width:auto;height:94%;max-width:90%;max-height:none;transform:none;border-radius:12px;border:4px solid white;box-sizing:border-box}
.cartharbor-detail .cart-evidence-pair>.reference-screen{max-width:47%;height:auto;width:47%}
.cartharbor-detail .cart-evidence-wide .reference-screen{height:auto;width:100%;max-width:100%}
.cartharbor-detail .cart-evidence .visual-stamp{letter-spacing:.045em;font-size:10px;min-height:13px}
.cartharbor-detail .catalog-enlarge{background:#143d36}
@media(max-width:767px){
 .cartharbor-detail .cart-story{gap:4%;padding:6%!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .cart-story-copy>svg{width:30px;height:30px;margin-bottom:12px}
 .cartharbor-detail .cart-story h2{font-size:clamp(24px,5vw,38px)}
 .cartharbor-detail .cart-story p{font-size:13px!important;line-height:1.45}
 .cart-story-copy>span{font-size:10px;line-height:1.4;letter-spacing:.05em}
 .cart-story-media{height:76%;gap:5%}
 .cartharbor-detail .cart-story-media>.reference-screen{border-width:2px;border-radius:9px;max-width:54%}
 .cartharbor-detail .cart-story-hero .cart-story-media>.reference-screen:first-child{display:none}
 .cartharbor-detail .cart-story-hero .cart-story-media>.reference-screen:last-child{width:88%;max-width:none;margin-top:0}
 .cartharbor-detail .cart-story-hero h2{font-size:clamp(20px,5.8vw,38px)}
 .cartharbor-detail .cart-story>small{font-size:10px!important;line-height:1.3}
 .cartharbor-detail .cart-story-operations{grid-template-columns:1fr 1.3fr}
 .cartharbor-detail .cart-story-operations .cart-story-copy>svg,.cartharbor-detail .cart-story-operations p{display:none}
 .cartharbor-detail .cart-story-operations h2{font-size:clamp(20px,4.5vw,32px)}
 .cartharbor-detail .cart-story-operations .cart-story-media{height:75%}
 .cartharbor-detail .cart-story-operations .reference-screen{border-width:2px}
 .cartharbor-detail .cart-story-checkout .cart-story-copy>svg{display:none}
 .cartharbor-detail .cart-story-checkout p{display:none}
 .cartharbor-detail .cart-story-checkout h2{font-size:clamp(22px,5vw,32px)}
 .cartharbor-detail .cart-story-checkout .cart-story-media>.reference-screen:first-child{display:none}
 .cartharbor-detail .cart-story-checkout .cart-story-media>.reference-screen:last-child{width:60%;max-width:none}
 .cartharbor-detail .cart-story .catalog-enlarge{font-size:0;gap:0}
 .cartharbor-detail .cart-story .catalog-enlarge span{font-size:11px;white-space:nowrap}
}
@media(max-width:360px){.cartharbor-detail .cart-story-hero p{font-size:12px!important}.cartharbor-detail .cart-story-hero .cart-story-copy>svg{display:none}}
@media(prefers-reduced-motion:no-preference){.cart-story-media .reference-screen{transition:box-shadow .3s}.cart-story-media .reference-screen:focus-within{box-shadow:0 20px 50px #0005}}