/* Mobile clean design, Figma page 9292:4811. Desktop declarations stay in the existing stylesheets. */
.arc-section, .arc-niwaki-group, .fav-mobile-back, .fav-page__count, .fav-item__heart { display: none; }
.ls-fill, .mc-glass-lens, .mc-glass-edge, .mc-heart-surface { display: none; }
#fav-content .fav-undo { display: flex; justify-content: flex-end; position: static; width: 100%; min-height: 44px; background: transparent; padding: 0; }
#fav-content .fav-undo[hidden] { display: none; }
#fav-content .fav-undo button { position: relative; isolation: isolate; width: 88px; height: 44px; padding: 0; border: 0; background: transparent; font: 500 14px/20px Jost, sans-serif; color: #00862c; cursor: pointer; }
#fav-content .fav-undo button::before { content: ''; position: absolute; z-index: -1; inset: 4px 0; border-radius: 18px; background: #e7e8e4; }

@media (max-width: 767px) {
    body .site-header { gap: 12px; }
    body .site-header .site-header__favorites { display: grid; grid-template-columns: 71px 20px 18px; gap: 12px; width: 133px; height: 20px; }
    body .site-header .site-header__favorites .js-fav-count { display: block; position: relative; left: -2px; width: 32px; min-width: 32px; text-align: center; font: 400 14px/20px Jost,sans-serif; font-variant-numeric: tabular-nums; }
    body .site-header .site-header__fav-icon { width: 20px; height: 18px; visibility: hidden; }
    body .site-header .site-header__favorites::after { left: 83px; top: 1px; width: 20px; height: 18px; }
    body .site-header .site-header__burger { box-sizing: border-box; width: 44px; height: 44px; padding: 13px 10px; flex: 0 0 44px; }
    body .site-header .site-header__burger span { width: 24px; height: 2px; flex: 0 0 2px; }
    body.menu-is-open .site-header, body .nav-overlay { background: #e7e8e4; }

    body.post-type-archive-plant_card .arc-hero { height: auto; overflow: visible; margin-bottom: 0; }
    body.post-type-archive-plant_card .arc-hero__copy { height: auto; padding-bottom: 8px; }
    body.post-type-archive-plant_card .arc-hero__title { height: auto; min-height: 68px; }
    body.post-type-archive-plant_card .arc-hero__mobile-desc { display: none; }
    body.post-type-archive-plant_card .arc-hero__more { margin: 0; height: 44px; }
    body.post-type-archive-plant_card .arc-section { display: grid; position: relative; width: calc(100% - 40px); margin: 12px auto 28px; height: 52px; padding: 4px 5px; grid-template-columns: minmax(0,1fr) 106px; gap: 4px; border: 1px solid #dce0d6; border-radius: 12px; box-sizing: border-box; }
    .arc-section-option { display: flex; align-items: center; justify-content: center; border-radius: 12px; color: #000; text-decoration: none; font: 400 16px/22px Jost,sans-serif; }
    .arc-section-option[aria-current] { background: #00862c; color: #fff; }
    body.post-type-archive-plant_card .arc-search-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); grid-template-rows: 44px 44px 44px; gap: 16px 8px; margin-bottom: 16px; }
    body.post-type-archive-plant_card .arc-search { grid-column: 1/-1; grid-row: 1; }
    body.post-type-archive-plant_card .arc-search-row > .arc-tabs { grid-column: 1/-1; grid-row: 2; width: 100%; height: 44px; margin: 0; padding: 0; }
    body.post-type-archive-plant_card .arc-search-row .arc-mobile-filter-trigger { grid-column: 1; grid-row: 3; font-size: 16px; line-height: 22px; border-radius: 23px; }
    body.post-type-archive-plant_card .arc-search-row .arc-sort { grid-column: 2; grid-row: 3; }
    body.post-type-archive-plant_card .arc-sort__toggle { font-size: 16px; line-height: 22px; padding-inline: 14px; border-radius: 12px; }
    body.post-type-archive-plant_card .arc-search-row .arc-mobile-reset { display: none; }
    body.post-type-archive-plant_card .arc-search-row .arc-tabs .arc-tab:nth-child(n) { display: flex; align-items: center; justify-content: center; height: 44px; padding: 0 4px; border: 0; border-radius: 12px; box-sizing: border-box; color: #000; font: 400 14px/20px Jost,sans-serif; min-width: 44px; }
    body.post-type-archive-plant_card .arc-tab--active { background: #00862c; color: #fff; }
    body.post-type-archive-plant_card .arc-search-row .arc-tabs .arc-tab:not(.ls-option)[aria-current] { background: #00862c; color: #fff; }
    body.post-type-archive-plant_card .arc-page--niwaki .arc-search-row { grid-template-rows: 44px 62px 44px; }
    body.post-type-archive-plant_card .arc-page--niwaki .arc-search-row > .arc-tabs { display: none; }
    body.post-type-archive-plant_card .arc-page--niwaki .arc-search-row .arc-niwaki-tier--main { display: grid; grid-column: 1/-1; grid-row: 2; width: 100%; height: 62px; padding: 4px 5px; border-radius: 12px; box-sizing: border-box; grid-template-columns: 112px minmax(0,1fr); }
    body.post-type-archive-plant_card .arc-page--niwaki .arc-search-row .arc-mobile-filter-trigger { grid-column: 1/-1; grid-row: 3; height: 44px; flex-direction: row; gap: 0; font: 400 16px/22px Jost,sans-serif; }
    body.post-type-archive-plant_card .arc-page--niwaki .arc-search-row .arc-mobile-filter-trigger::before { display: none; }
    body.post-type-archive-plant_card .arc-page--niwaki .arc-search-row .arc-niwaki-tier--main .arc-niwaki-tier__option { height: 54px; min-height: 0; padding: 0; border-radius: 12px; font: 400 16px/22px Jost,sans-serif; }
    body.post-type-archive-plant_card .arc-page--niwaki .arc-search-row .arc-niwaki-tier--main .arc-niwaki-tier__option.ls-option { background: transparent; color: #000; }
    body.mobile-clean-ready.post-type-archive-plant_card .arc-page--niwaki .arc-form-choice { display: none; }
    body.mobile-clean-ready.post-type-archive-plant_card .arc-form-choice label:has(input[value="niwaki"]) { display: none; }
    body.post-type-archive-plant_card .arc-niwaki-group { display: block; margin: 0; padding: 0; border: 0; }
    body.post-type-archive-plant_card .arc-niwaki-group[hidden] { display: none; }
    body.post-type-archive-plant_card .arc-niwaki-group legend { font: 500 18px/24px Jost,sans-serif; margin-bottom: 8px; }
    body.post-type-archive-plant_card .arc-niwaki-group__hint { color: #676a68; font: 400 14px/20px Jost,sans-serif; margin: 20px 0 0; }
    body.post-type-archive-plant_card .arc-page--niwaki .arc-mobile-filter-subtitle { font: 400 14px/20px Jost,sans-serif; }
    body.post-type-archive-plant_card .arc-page--fruit .arc-search-row { grid-template-rows: 44px; margin-bottom: 16px; }
    body.post-type-archive-plant_card .arc-page--fruit .arc-search-row .arc-search { display: none; }
    body.post-type-archive-plant_card .arc-page--fruit .arc-search-row > .arc-tabs { grid-row: 1; display: flex; }
    body.post-type-archive-plant_card .arc-page--fruit .arc-results-title { display: block; }

    /* Fixed-size fill layers: the 177 ms animation changes only transform and clip-path. */
    body.post-type-archive-plant_card .ls-track { position: relative; isolation: isolate; overflow: clip; overflow-clip-margin: 4px; }
    body.post-type-archive-plant_card .ls-track:not(.arc-tabs) { border: 0; }
    body.post-type-archive-plant_card .ls-track:not(.arc-tabs)::before { content: ''; position: absolute; inset: 0; border: 1px solid #dce0d6; border-radius: 12px; pointer-events: none; }
    body.post-type-archive-plant_card .ls-option, body.post-type-archive-plant_card .ls-option.is-selected, body.post-type-archive-plant_card .ls-option.arc-tab--active, body.post-type-archive-plant_card .ls-option[aria-current] { background: transparent; color: #000; border-color: transparent; transition: none; }
    body.post-type-archive-plant_card .ls-fill { display: block; position: absolute; left: 0; top: 0; z-index: 1; pointer-events: none; overflow: hidden; background: #00862c; will-change: transform,clip-path; backface-visibility: hidden; contain: paint; }
    body.post-type-archive-plant_card .ls-white-row { position: absolute; left: 0; top: 0; display: flex; align-items: stretch; margin: 0; padding: 0; gap: 0; background: transparent; border: 0; border-radius: 0; pointer-events: none; }
    body.post-type-archive-plant_card .ls-white-row::before { display: none; }
    body.post-type-archive-plant_card .ls-white-option { position: absolute; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0; color: #fff; background: transparent; border: 0; border-radius: 12px; font: inherit; text-align: center; }
    body.post-type-archive-plant_card .arc-tabs.ls-track { font: 400 14px/20px Jost,sans-serif; display: flex; align-items: center; justify-content: space-between; }
    body.post-type-archive-plant_card .arc-section.ls-track { font: 400 16px/22px Jost,sans-serif; }
    body.post-type-archive-plant_card .arc-niwaki-tier--main.ls-track { font: 400 16px/22px Jost,sans-serif; }

    /* Photo hearts: a 36px glass circle inside a 44px touch target. */
    body.post-type-archive-plant_card .arc-card .arc-card__fav, #fav-content .fav-item__heart { position: absolute; z-index: 2; display: block; box-sizing: border-box; top: 4px; right: 0; left: auto; width: 44px; height: 44px; min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; transform: none; }
    body.post-type-archive-plant_card .arc-card--favorite-left .arc-card__fav { left: 0; right: auto; }
    body.post-type-archive-plant_card .arc-card .arc-card__fav::before, body.post-type-archive-plant_card .arc-card .arc-card__fav::after { display: none; }
    body.post-type-archive-plant_card .arc-card .arc-card__fav > .arc-card__fav-figma { display: none !important; }
    .mc-heart-surface { display: block; position: absolute; inset: 4px; width: 36px; height: 36px; box-sizing: border-box; border-radius: 50%; border: .5px solid rgba(255,255,255,.72); background: rgba(255,255,255,.06); box-shadow: 0 3px 6px rgba(10,28,18,.11),inset 0 .4px .8px rgba(255,255,255,.7),inset 0 -.4px 1px rgba(255,255,255,.24); transition: transform 170ms cubic-bezier(.2,.8,.2,1); transform-origin: center; overflow: hidden; }
    .mc-heart-surface canvas { display: block; position: absolute; inset: 0; width: 100%; height: 100%; border-radius: inherit; pointer-events: none; }
    body.post-type-archive-plant_card .arc-card .arc-card__cover .mc-heart-surface > img, #fav-content .fav-item__cover .mc-heart-surface > img { position: absolute; display: block; left: 50%; top: calc(50% + .75px); width: 20px; height: 20px; min-width: 0; max-width: none; margin: 0; border-radius: 0; object-fit: contain; aspect-ratio: auto; transform: translate(-50%,-50%) !important; filter: drop-shadow(0 .5px 1px rgba(10,28,18,.32)); pointer-events: none; }
    .mc-heart-surface .mc-heart-filled { visibility: hidden; }
    [aria-pressed="true"] > .mc-heart-surface .mc-heart-filled { visibility: visible; }
    [aria-pressed="true"] > .mc-heart-surface .mc-heart-outline { visibility: hidden; }
    .mc-heart-pressed > .mc-heart-surface { transform: scale(1.12); transition-duration: 80ms; }

    body.post-type-archive-plant_card .arc-favorites-dock { width: 208px; height: 56px; padding: 0 16px; gap: 12px; background: rgba(255,255,255,.12); border: .5px solid rgba(255,255,255,.55); border-radius: 20px; box-shadow: 0 6px 20px rgba(10,28,18,.17),inset 0 .5px 1px rgba(255,255,255,.7),inset 0 -.5px 1px rgba(255,255,255,.25); overflow: hidden; isolation: isolate; }
    body.post-type-archive-plant_card .arc-favorites-dock:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.55); }
    body.post-type-archive-plant_card .arc-favorites-dock__heart { background-color: #00862c; mask-image: url('images/mobile-clean/heart-filled.svg'); -webkit-mask-image: url('images/mobile-clean/heart-filled.svg'); width: 20px; height: 20px; }
    body.post-type-archive-plant_card .arc-favorites-dock__label { font: 500 16px/24px Jost,sans-serif; text-shadow: 0 0 1px rgba(255,255,255,.85); }
    body.post-type-archive-plant_card .arc-favorites-dock__count { font: 500 14px/20px Jost,sans-serif; }
    body.post-type-archive-plant_card .arc-favorites-dock__heart, body.post-type-archive-plant_card .arc-favorites-dock__label, body.post-type-archive-plant_card .arc-favorites-dock__count { z-index: 2; position: relative; }
    .mc-glass-lens { display: block; position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; }
    .mc-glass-edge { display: block; position: absolute; inset: 0; z-index: 1; pointer-events: none; border-radius: inherit; box-shadow: inset 0 1px 1.5px rgba(255,255,255,.48),inset 0 -1px 1px rgba(255,255,255,.2); }

    #fav-content { padding-top: 20px; }
    #fav-content .fav-mobile-back { display: block; width: max-content; max-width: 100%; color: #676a68; font: 400 14px/20px Jost,sans-serif; text-decoration: none; margin-bottom: 12px; }
    #fav-content .fav-page__title { font: 500 30px/41px Jost,sans-serif; margin-bottom: 8px; }
    #fav-content .fav-page__count { display: block; font: 400 15px/20px Jost,sans-serif; color: #676a68; margin-bottom: 24px; }
    #fav-content .fav-divider, #fav-content .fav-compact { display: none !important; }
    #fav-content .fav-grid { gap: 20px; margin-bottom: 20px; }
    #fav-content .fav-item { grid-template-columns: 88px 24px minmax(0,1fr) 8px 44px; grid-template-areas: 'photo . name . delete' 'photo . details details details' 'bottom bottom bottom bottom bottom'; gap: 12px 0; padding-bottom: 20px; border-bottom: 1px solid #dce0d6; align-items: start; }
    #fav-content .fav-item__cover { position: relative; align-self: start; overflow: clip; }
    #fav-content .fav-item__cover > img { width: 88px; height: auto; aspect-ratio: auto; }
    #fav-content .fav-item__heart { top: 0; right: 0; }
    #fav-content .fav-item__name { align-self: start; padding-top: 7px; font: 400 16px/22px Jost,sans-serif; }
    #fav-content .fav-item__details { align-self: start; gap: 8px; }
    #fav-content .fav-item__bottom { margin-top: 0; gap: 16px; justify-content: space-between; flex-wrap: nowrap; }
    #fav-content .fav-item__delete { width: 44px; height: 44px; margin: 0; border-radius: 14px; background: #e7e8e4; transition: transform 120ms; }
    #fav-content .fav-item__delete:active { transform: scale(.94); }
    #fav-content .fav-item__delete img { width: 20px; height: 20px; }
    #fav-content .fav-qty { width: 144px; flex-basis: 144px; border: 0; border-radius: 22px; background: #e7e8e4; }
    #fav-content .fav-qty__btn { border-radius: 22px; }
    #fav-content .fav-item__sum { color: #000; font: 500 22px/28px Jost,sans-serif; text-align: right; }
    #fav-content .fav-cost-core, #fav-content .fav-total__basis { background: #e7e8e4; }
    #fav-content .fav-total__value, #fav-content .fav-total__row--plants .fav-total__value, #fav-content .fav-total__sum { color: #000; }
    #fav-content .fav-btn-send { border-radius: 26px; background: #00862c; }
    #fav-content .fav-btn-back { margin-top: 16px; height: 52px; border: 1px solid #dce0d6; border-radius: 26px; color: #000; font-weight: 400; }
    dialog.fav-share { width: 390px; max-width: 100%; max-height: 100dvh; border-radius: 0; }
    .fav-share .fav-share__inner { padding: 24px 20px; }
    .fav-share .fav-share__icon, .fav-share .fav-share__selection { background: #e7e8e4; }
    .fav-share .fav-share__icon img { filter: brightness(0); }
    .fav-share .fav-share__summary { padding: 2px 2px 3px; overflow: visible; line-height: 20px; }
    .fav-share .fav-share__label { padding-block: 2px 3px; }
}
@media (max-width: 374px) {
    body .site-header .site-header__favorites { width: 48px; grid-template-columns: 20px 20px; gap: 8px; }
    body .site-header .site-header__fav-label { display: none; }
    body .site-header .site-header__favorites::after { left: 0; }
    body .site-header .site-header__favorites .js-fav-count { left: 1px; }
}
@media (max-width: 359px) {
    body.post-type-archive-plant_card .arc-section { grid-template-columns: minmax(0,1fr) 84px; }
    .arc-section-option, body.post-type-archive-plant_card .arc-section.ls-track { font-size: 14px; }
    #fav-content .fav-item { grid-template-columns: 88px 16px minmax(0,1fr) 8px 44px; }
    #fav-content .fav-item__bottom { gap: 8px; }
    #fav-content .fav-item__sum { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .mc-heart-surface, #fav-content .fav-item__delete { transition: none; }
    .mc-heart-pressed > .mc-heart-surface { transform: none; }
}
@media (forced-colors: active) {
    .mc-glass-lens, .mc-glass-edge, .mc-heart-surface canvas { display: none; }
    .mc-heart-surface { background: ButtonFace; border: 1px solid ButtonText; }
}