/* Store mobile design study 01 — desktop stays on original rules. */
.store-mobile-only{display:none}
@media (max-width:767px){
 #store-view{--store-gutter:clamp(20px,5.6vw,28px)}
 #store-view .product-width{width:calc(100% - var(--store-gutter)*2)}
 #store-view .product-section-head{margin-bottom:28px}
 #store-view .eyebrow{font-size:10px;letter-spacing:1.25px}
 #store-view h2,.en #store-view h2{font-size:clamp(27px,7.4vw,34px);line-height:1.3;letter-spacing:-.8px}
 #store-view .store-mobile-only{display:block}
 #store-view .product-intro{font-size:15px;line-height:1.65;margin-top:14px}
 #store-view .hero-product-layout{grid-template-columns:1fr;gap:16px;padding-block:32px 36px;min-height:0}
 #store-view .product-hero h1,.en #store-view .product-hero h1{font-size:clamp(34px,9.7vw,44px)!important;line-height:1.18;letter-spacing:-1.2px;margin:22px 0 16px}
 #store-view .product-hero-caption{font-size:13px;margin:0}
 #store-view .product-hero-image{width:110%;margin:0 -5%!important}
 #store-view .product-hero-image figcaption{font-size:9px;bottom:-10px;right:5%}
 #store-view .product-hero-baseline{padding:16px var(--store-gutter);gap:15px}
 #store-view .product-hero-baseline>span:first-child{font-size:17px}
 #store-view .product-hero-baseline p{font-size:12px;line-height:1.6}
 #store-view .product-near,#store-view .product-fresh,#store-view .product-dishes,#store-view .product-places,#store-view .product-experience{padding-block:56px}
 #store-view .near-layout{display:flex;flex-direction:column;gap:22px}
 #store-view .near-image{width:100%;aspect-ratio:1/1;height:auto;border-radius:18px}
 #store-view .near-copy{padding:0;width:100%}
 #store-view .near-anchor,.en #store-view .near-anchor{font-size:clamp(26px,7vw,32px);line-height:1.35!important;margin:0}
 #store-view .near-copy h3,#store-view .near-copy>p:not(.near-anchor){display:none}
 #store-view .near-image figcaption{font-size:9px;bottom:12px;right:12px}
 #store-view .fresh-mosaic{display:flex;flex-direction:row;height:auto;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:#fe4819 #ffffff20;align-items:stretch}
 #store-view .fresh-mosaic-card,#store-view .fresh-mosaic-card.is-expanded{position:relative;inset:auto;flex:0 0 91%;width:91%;height:auto;min-height:0;padding:22px;display:flex;flex-direction:column;scroll-snap-align:start;scroll-snap-stop:always;border-radius:20px;transition:none;order:0}
 #store-view .fresh-mosaic-trigger,#store-view .is-expanded .fresh-mosaic-trigger{height:auto;min-height:38px;padding:0;gap:12px;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;cursor:default}
 #store-view .fresh-mosaic-trigger .fresh-symbol{width:38px;height:38px;border-radius:12px}
 #store-view .fresh-mosaic-trigger .fresh-symbol svg{width:30px;height:30px}
 #store-view .fresh-mosaic-trigger .fresh-choice-name,.en #store-view .fresh-mosaic-trigger .fresh-choice-name{font-size:15px;line-height:1.35;text-align:left;white-space:normal}
 #store-view .fresh-choice-arrow{display:none}
 #store-view .fresh-mosaic-detail{margin-top:22px;display:flex;flex-direction:column;flex:1;animation:none}
 #store-view .fresh-mosaic-detail h3,.en #store-view .fresh-mosaic-detail h3{font-size:23px;line-height:1.4;margin:0 0 12px;min-height:0}
 #store-view .fresh-desktop-copy{display:none}
 #store-view .fresh-mobile-copy,.en #store-view .fresh-mobile-copy{font-size:14px;line-height:1.7;margin:0 0 20px;color:#606855;max-width:none}
 #store-view .fresh-mosaic-detail figure{flex:none;min-height:0;height:auto;aspect-ratio:1/1;margin-top:auto!important;border-radius:12px}
 #store-view .fresh-mosaic-detail figure img{width:100%;height:100%;min-height:0;object-fit:cover}
 #store-view .fresh-mosaic-detail figure figcaption{font-size:9px;right:8px;bottom:8px;max-width:calc(100% - 16px)}
 #store-view .mobile-swipe-note{font-size:12px;line-height:1.5;color:#737b6b;margin:14px 0 0}
 #store-view .dish-gallery{gap:20px}
 #store-view .dish-set{gap:12px;padding-inline:var(--store-gutter)}
 #store-view .dish-tile{width:64vw;max-width:280px}
 #store-view .dish-tile img{height:auto;aspect-ratio:4/3;border-radius:16px}
 #store-view .dish-tile figcaption{font-size:14px;padding:10px 0}
 #store-view .dish-lane{scroll-snap-type:x proximity;scroll-padding-inline:var(--store-gutter)}
 #store-view .dish-tile{scroll-snap-align:start}
 #store-view .dish-note,#store-view .places-note{font-size:11px;line-height:1.65;margin-top:18px}
 #store-view .scenario-expander{display:flex;flex-direction:row;overflow-x:auto;height:auto;gap:14px;align-items:stretch;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:12px;scrollbar-width:thin}
 #store-view .scenario-card,#store-view .scenario-card.expanded{flex:0 0 91%!important;width:91%;height:auto;aspect-ratio:3/4;min-height:0;border-radius:20px;scroll-snap-align:start;scroll-snap-stop:always;transition:none}
 #store-view .scenario-card img,#store-view .scenario-card:not(.expanded) img{position:absolute;inset:0;filter:none}
 #store-view .scenario-card:after{background:linear-gradient(0deg,#102019db,transparent 65%)}
 #store-view .scenario-card .scenario-category,#store-view .scenario-card:not(.expanded) .scenario-category{top:16px;left:16px;font-size:10px}
 #store-view .scenario-card .scenario-text,#store-view .scenario-card:not(.expanded) .scenario-text{left:20px;right:20px;bottom:22px;gap:8px}
 #store-view .scenario-card .scenario-text strong,.en #store-view .scenario-card .scenario-text strong{writing-mode:horizontal-tb;letter-spacing:-.4px;font-size:27px;line-height:1.3;white-space:normal}
 #store-view .scenario-card .scenario-text small{display:block;font-size:14px;line-height:1.55}
 #store-view .scenario-plus{display:none}
 #store-view .product-places .product-intro{font-size:14px}
 #store-view .pickup-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 #store-view .pickup-navigation{display:contents}
 #store-view .pickup-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));order:0;gap:8px;margin-bottom:18px}
 #store-view .pickup-tab{display:flex;flex-direction:column;gap:8px;padding:14px 8px 12px;border-top:0;border-radius:12px;background:#f3f3ee;text-align:left;min-width:0}
 #store-view .pickup-tab>span{padding:0;font-size:11px}
 #store-view .pickup-tab h3,.en #store-view .pickup-tab h3{font-size:15px;line-height:1.35;margin:0}
 #store-view .pickup-tab p{display:none}
 #store-view .pickup-tab[aria-selected=true]{background:#fff0e9}
 #store-view .pickup-tab[aria-selected=true] h3{color:#d93b10}
 #store-view .pickup-progress{top:auto;bottom:0;left:10px;width:calc(100% - 20px)}
 #store-view .pickup-visuals{order:1;width:100%;aspect-ratio:4/3;height:auto;min-height:0;border-radius:18px}
 #store-view .pickup-mobile-caption{order:2;font-size:15px;line-height:1.65;margin:16px 0 0;min-height:50px;color:#62695e}
 #store-view .pickup-order{order:3;justify-self:start;margin-top:14px;font-size:15px;padding:14px 24px;min-height:48px}
 #store-view .pickup-visual-note{font-size:9px;right:10px;bottom:10px;max-width:calc(100% - 20px)}
}
@media(min-width:761px) and (max-width:767px){
 #store-view .near-layout{grid-template-columns:1fr}
}

@media(max-width:767px){
 .en #store-view .product-section-head h2 br{display:initial}
 #store-view .fresh-mosaic-detail h3{text-wrap:balance}
}

/* Study 02: overview selectors and stable, swipeable feature stages. */
@media(max-width:767px){
 #store-view .mobile-fresh-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px}
 #store-view .mobile-fresh-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:94px;padding:12px 5px;border:1px solid #dddcd3;border-radius:14px;background:#f0f0e9;color:#68705e;font:inherit;font-size:12px;line-height:1.35;cursor:pointer;text-align:center;transition:background .2s,color .2s,border-color .2s}
 #store-view .mobile-fresh-tabs button[aria-selected=true]{background:#fff0e8;border-color:#fe4819;color:#cf3a12}
 #store-view .mobile-fresh-tabs .fresh-symbol{width:32px;height:32px;border-radius:0;background:none;box-shadow:none}
 #store-view .mobile-fresh-tabs svg{width:32px;height:32px;stroke:currentColor;filter:none;fill:none}
 #store-view .mobile-fresh-tabs button:focus-visible,#store-view .mobile-scene-tabs button:focus-visible{outline:2px solid #fe4819;outline-offset:3px}
 #store-view .fresh-mosaic{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible;padding:0;height:auto;touch-action:pan-y pinch-zoom;gap:0}
 #store-view .fresh-mosaic-card,#store-view .fresh-mosaic-card.is-expanded{grid-area:1/1;width:100%;flex:none;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .25s,transform .3s,visibility .25s;padding:22px}
 #store-view .fresh-mosaic-card.mobile-current{visibility:visible;opacity:1;pointer-events:auto;transform:none}
 #store-view .fresh-mosaic-trigger{display:none}
 #store-view .fresh-mosaic-detail{margin:0}
 #store-view .fresh-mosaic-detail figure{aspect-ratio:1.1/1}
 #store-view .fresh-mobile-copy{margin-bottom:20px}
 #store-view .mobile-swipe-note{text-align:center;font-size:11px;margin-top:16px}
 #store-view .scenario-expander{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible;padding:0;gap:0;touch-action:pan-y pinch-zoom}
 #store-view .scenario-card,#store-view .scenario-card.expanded{grid-area:1/1;width:100%;height:auto;aspect-ratio:3/4;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .45s,visibility .45s;cursor:default}
 #store-view .scenario-card.expanded{visibility:visible;opacity:1;pointer-events:auto}
 #store-view .scenario-card img{transition:transform .7s;transform:scale(1.025)}
 #store-view .scenario-card.expanded img{transform:scale(1)}
 #store-view .mobile-scene-status{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:16px 0;font-size:10px;line-height:1.5;color:#777e70}
 #store-view .mobile-scene-count{font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#fe4819;white-space:nowrap}
 #store-view .mobile-scene-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
 #store-view .mobile-scene-tabs button{grid-column:span 2;min-height:44px;border:1px solid #e1e2da;border-radius:10px;background:#f5f5f0;color:#72776a;padding:10px 5px;font:inherit;font-size:12px;line-height:1.35;cursor:pointer}
 #store-view .mobile-scene-tabs button:nth-child(n+4){grid-column:span 3}
 #store-view .mobile-scene-tabs button[aria-selected=true]{color:#d53b11;border-color:#fe4819;background:#fff0e8}
 .en #store-view .mobile-fresh-tabs button{font-size:11px;min-height:104px}
 .en #store-view .mobile-scene-tabs button{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 #store-view .fresh-mosaic-card,#store-view .scenario-card,#store-view .scenario-card img{transition:none!important;transform:none!important}
}

/* Study 03: compact controls remain close to their image. */
@media(max-width:767px){
 #store-view .mobile-fresh-tabs{gap:6px;margin-bottom:14px}
 #store-view .mobile-fresh-tabs button,.en #store-view .mobile-fresh-tabs button{min-height:44px;padding:7px 5px;gap:5px;flex-direction:row;border-radius:9px;font-size:11px;line-height:1.25}
 #store-view .mobile-fresh-tabs .fresh-symbol{width:19px;height:19px;flex-shrink:0}
 #store-view .mobile-fresh-tabs svg{width:19px;height:19px}
 .en #store-view .mobile-fresh-tabs button{font-size:10px;min-height:48px}
 #store-view .product-fresh .product-intro{display:none}
 #store-view .fresh-mosaic-card,#store-view .fresh-mosaic-card.is-expanded{padding:18px}
 #store-view .fresh-mosaic-detail h3,.en #store-view .fresh-mosaic-detail h3{font-size:21px;margin-bottom:9px}
 #store-view .fresh-mobile-copy,.en #store-view .fresh-mobile-copy{font-size:13px;line-height:1.6;margin-bottom:15px}
 #store-view .fresh-mosaic-detail figure{aspect-ratio:4/3}
 #store-view .mobile-swipe-note{display:none}
 #store-view .product-places{display:flex;flex-direction:column}
 #store-view .product-places>.product-section-head{order:0}
 #store-view .mobile-scene-controls{order:1;display:flex;flex-direction:column;margin-bottom:16px}
 #store-view .mobile-scene-status{order:1;justify-content:flex-end;margin:8px 0 0}
 #store-view .mobile-scene-tabs{order:0}
 #store-view .scenario-expander{order:2;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:none;gap:0;border-radius:20px;-webkit-overflow-scrolling:touch}
 #store-view .scenario-expander::-webkit-scrollbar{display:none}
 #store-view .scenario-card,#store-view .scenario-card.expanded{flex:0 0 100%!important;min-width:100%;width:100%;visibility:visible;opacity:1;pointer-events:auto;scroll-snap-align:start;scroll-snap-stop:always;border-radius:0;transition:none}
 #store-view .scenario-card img,#store-view .scenario-card.expanded img{transform:none;user-select:none;-webkit-user-drag:none}
 #store-view .product-places>.places-note{order:3}
}

/* Shared five-second indicator, mobile only. */
.mobile-cycle-progress{display:none}
@media(max-width:767px){
 #store-view .mobile-fresh-tabs button,#store-view .mobile-scene-tabs button{position:relative;overflow:hidden}
 #store-view .mobile-cycle-progress{display:block;position:absolute;bottom:0;left:0;height:2px;width:100%;background:#fe4819;transform:scaleX(0);transform-origin:left;pointer-events:none}
}