/* R66: selected marble/fruit artwork; functional product controls. */
body.selected-app #app .brand-flavors{grid-template-columns:1fr;gap:0}
body.selected-app #app .brand-flavor.marble-flavor{position:relative;display:block;container-type:inline-size;aspect-ratio:2/1;min-width:0;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;isolation:isolate}
body.selected-app #app .marble-flavor>img.marble-scene{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;background:none;filter:none;pointer-events:none}
body.selected-app #app .marble-flavor>.marble-details{position:absolute;left:53%;right:4.5%;top:21%;bottom:16%;display:flex;flex-direction:column;justify-content:center;gap:0;min-width:0;color:#280a3e}
body.selected-app #app .marble-flavor h2{font-size:clamp(17px,5.5cqw,27px);font-weight:800;line-height:1.1;letter-spacing:-.035em;margin:0;overflow-wrap:normal;word-break:normal}
body.selected-app #app .marble-flavor p{font-size:clamp(11px,3.55cqw,17px);line-height:1.3;margin:5px 0 8px;color:#5d4a66;white-space:nowrap}
body.selected-app #app .marble-flavor .easy-counter{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:0;margin:0;padding:4px;border:0;border-radius:14px;background:#ffffffec;min-width:0;box-shadow:none}
body.selected-app #app .marble-flavor .easy-counter button{width:44px;height:44px;min-width:44px;min-height:44px;border:0;border-radius:11px;font-size:25px;line-height:1;padding:0;background:#762498;color:#fff;box-shadow:none}
body.selected-app #app .marble-flavor .easy-counter button:first-child{background:#eee2f3;color:#742693}
body.selected-app #app .marble-flavor .easy-counter button:disabled{opacity:.65}
body.selected-app #app .marble-flavor .quantity-input{width:100%;min-width:0;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:#280a3e;font-size:20px;font-weight:750;box-shadow:none;text-align:center}
body.selected-app #app .marble-flavor .quantity-input:focus{outline:2px solid #cfa4db;outline-offset:-2px;border-radius:7px}
body.selected-app #app .marble-flavor.is-added .easy-counter{box-shadow:0 0 0 2px #cd9add}
@media(max-width:699px){
 body.selected-app #app:has(.marble-flavor)>.content{padding-left:12px!important;padding-right:12px!important}
 body.selected-app #app:has(.marble-flavor) .intro{margin:0 6px 2px;text-align:left}
 body.selected-app #app:has(.marble-flavor) .intro h1{font-size:28px;line-height:1.15;text-align:left}
 body.selected-app #app:has(.marble-flavor) .entry-return{margin-left:6px;min-height:36px;padding:4px 0}
 body.selected-app #app:has(.marble-flavor)>.footer{padding:10px 16px max(12px,env(safe-area-inset-bottom));border-radius:22px 22px 0 0}
 body.selected-app #app:has(.marble-flavor) .order-overview,body.selected-app #app:has(.marble-flavor) .minimum-track{display:none}
 body.selected-app #app:has(.marble-flavor) .easy-total>span{font-size:13px;line-height:1.2}
 body.selected-app #app:has(.marble-flavor) .easy-total strong{font-size:28px;line-height:1.2}
 body.selected-app #app:has(.marble-flavor) .easy-total>b{display:flex;align-items:baseline;gap:4px;font-size:20px;line-height:1.2}
 body.selected-app #app:has(.marble-flavor) .easy-total small{font-size:13px;line-height:1.2}
 body.selected-app #app:has(.marble-flavor) .easy-minimum{position:absolute;right:16px;top:39px;font-size:12px;margin:0;line-height:1.3}
 body.selected-app #app:has(.marble-flavor) .footer .primary{min-height:52px;padding:12px 16px;margin-top:8px;font-size:18px;border-radius:15px}
}
@media(min-width:700px) and (max-width:899px){body.selected-app #app .brand-flavors{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}}
@media(min-width:1100px){body.selected-app #app .brand-flavors{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}}
@media(max-width:359px){body.selected-app #app .marble-flavor>.marble-details{left:49%;right:3.5%;top:18%;bottom:12%}body.selected-app #app .marble-flavor h2{font-size:16px}body.selected-app #app .marble-flavor p{font-size:11px;margin:4px 0}body.selected-app #app .marble-flavor .easy-counter{padding:2px}body.selected-app #app .marble-flavor .quantity-input{font-size:18px}}
@media(max-width:699px){body.selected-app #app:has(.marble-flavor) .easy-total>b{align-self:flex-start;margin-top:0;padding-top:2px}body.selected-app #app:has(.marble-flavor) .easy-minimum{top:38px}}
body.selected-app #app .marble-long h2{font-size:clamp(15px,4.7cqw,23px);line-height:1.1}
body.selected-app #app .marble-long p{margin-top:4px;margin-bottom:5px}
@media(max-width:359px){body.selected-app #app .marble-flavor .easy-counter{padding:0}body.selected-app #app .marble-long h2{font-size:15px}body.selected-app #app .marble-flavor>.marble-details{top:16%;bottom:16%}}
@media(min-width:900px){body.selected-app #app:has(.marble-flavor)>.footer{margin-top:clamp(28px,3vw,44px)}}