/* Guide only: static decoration, server-rendered progress, no animation loop. */
#fruit-market-guide { padding:16px 24px; }
#fruit-market-guide > .fruit-market-guide-panel {
    box-sizing:border-box; width:min(100%,340px); max-height:calc(100dvh - 32px);
    padding:18px 16px 20px; border:3px solid #96602c; border-radius:30px;
    background:radial-gradient(ellipse at 45% 15%,#fffdf0 0,#fff2c7 65%,#f8e4a8 100%);
    box-shadow:inset 0 0 0 2px #fff7d5,0 9px 0 rgba(69,39,13,.22),0 18px 38px #102d244d;
    scrollbar-width:thin; overflow-x:hidden;
}
#fruit-market-guide .fruit-market-sheet-head { grid-template-columns:80px minmax(0,1fr); gap:5px; padding-right:44px; min-height:86px; }
#fruit-market-guide .fruit-market-sheet-head img { width:84px; height:84px; filter:none; }
#fruit-market-guide .fruit-market-sheet-head h2 { color:#61300f; font-size:clamp(21px,6.3vw,27px); line-height:1.04; text-align:center; }
#fruit-market-guide .fruit-market-sheet-close { top:17px; right:12px; width:44px; height:46px; border-radius:13px; border-color:#d5a253; background:linear-gradient(135deg,#af6c28,#804016); box-shadow:inset 0 0 0 2px #c38a40,0 3px 0 #693614; }
.guide-blossom { position:absolute; z-index:2; width:24px; height:24px; pointer-events:none; background:url('../images/farm/market/panel-blossom.svg') center/contain no-repeat; }
.guide-blossom.is-top-left { top:6px; left:6px; transform:rotate(-30deg); }
.guide-blossom.is-top-right { top:6px; right:6px; transform:rotate(30deg); }
.guide-blossom.is-bottom-left { bottom:6px; left:6px; transform:rotate(-65deg); }
.guide-blossom.is-bottom-right { bottom:6px; right:6px; transform:rotate(65deg); }
#fruit-market-guide .fruit-market-steps { margin-top:9px; gap:5px; }
#fruit-market-guide .fruit-market-steps li { grid-template-columns:30px minmax(0,1fr); gap:8px; min-height:43px; padding:6px 8px; border-color:#e4bc72; background:linear-gradient(115deg,#fff9e9,#fff4d7); box-shadow:inset 0 1px 0 #fff,0 2px 3px #aa742014; }
#fruit-market-guide .fruit-market-steps b { width:29px; height:29px; border:1px solid #c99543; border-radius:50%; background:linear-gradient(135deg,#fffbed,#f6dca0); color:#723e19; box-shadow:inset 0 0 0 2px #ffefd0,0 2px 1px #ac7c3840; font:700 20px/1 Georgia,serif; }
#fruit-market-guide .fruit-market-steps span { color:#65391e; font-size:11px; font-weight:700; line-height:1.35; }
#fruit-market-guide .fruit-market-guide-conditions { margin-top:13px; padding-top:0; border:0; }
#fruit-market-guide .fruit-market-guide-conditions header { gap:9px; justify-content:center; }
#fruit-market-guide .fruit-market-guide-conditions header::before,
#fruit-market-guide .fruit-market-guide-conditions header::after { content:""; flex:1; height:1px; background:linear-gradient(90deg,transparent,#b48338); }
#fruit-market-guide .fruit-market-guide-conditions header::after { transform:rotate(180deg); }
#fruit-market-guide .fruit-market-guide-conditions header span { color:#693710; font:700 21px/1.3 Georgia,serif; text-align:center; }
#fruit-market-guide .fruit-market-guide-conditions ul { display:grid; gap:7px; margin:9px 0 0; }
#fruit-market-guide .fruit-market-guide-conditions li { padding:8px 9px; border:1px solid #dca652; border-radius:14px; background:linear-gradient(115deg,#fffbed,#fff4d8); box-shadow:inset 0 1px 0 #fff,0 2px 2px #bf8e3421; }
#fruit-market-guide .fruit-market-guide-conditions li::before { display:none; }
#fruit-market-guide .guide-task { display:grid; grid-template-columns:49px minmax(0,1fr); gap:9px; min-height:62px; align-items:center; }
.guide-task-icon { display:grid; position:relative; width:49px; height:44px; align-items:center; justify-items:center; }
.guide-task-icon img { position:relative; width:49px; height:49px; object-fit:contain; }
.guide-task-icon .guide-icon-copy { position:absolute; top:-3px; left:-5px; width:40px; height:40px; transform:rotate(-15deg); }
.guide-task-icon .guide-icon-copy + img { width:41px; height:41px; transform:translate(5px,4px) rotate(9deg); }
.guide-task-content { min-width:0; }
.guide-task-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:3px 8px; }
.guide-task-heading > span { color:#63351e; font-size:11px; font-weight:800; line-height:1.3; overflow-wrap:anywhere; }
.guide-task-heading strong { margin-left:auto; color:#167046; font-size:12px; font-weight:800; font-variant-numeric:tabular-nums; white-space:nowrap; }
.guide-task-progress { margin-top:6px; height:10px; overflow:hidden; border:1px solid #ccb98a; border-radius:8px; background:#efe9d1; box-shadow:inset 0 1px 2px #86642e33; }
.guide-task-progress > span { display:block; height:100%; border-radius:inherit; background:linear-gradient(#92c366,#508e39); }
#fruit-market-guide .guide-condition-empty { text-align:center; }
#fruit-market-guide #guide-free-claim { margin-top:11px; min-height:47px; border-color:#dfd9ad; border-radius:15px; font-size:13px; font-weight:800; }
#fruit-market-guide #guide-free-claim:disabled { color:#fff9de; background:linear-gradient(135deg,#a6ae92,#828f79); box-shadow:inset 0 0 0 2px #bac0a0,0 3px 0 #687660; opacity:1; }
#fruit-market-guide #guide-free-claim:disabled::before { content:""; display:inline-block; width:11px; height:13px; margin-right:9px; vertical-align:-2px; background:currentColor; clip-path:polygon(20% 40%,20% 20%,30% 5%,70% 5%,80% 20%,80% 40%,100% 40%,100% 100%,0 100%,0 40%,35% 40%,65% 40%,65% 23%,57% 17%,43% 17%,35% 23%,35% 40%); }
#fruit-market-guide :focus-visible { outline:3px solid #3a8150; outline-offset:3px; }
@media(max-width:350px) {
    #fruit-market-guide > .fruit-market-guide-panel { padding:16px 11px 18px; }
    #fruit-market-guide .fruit-market-sheet-head { grid-template-columns:66px minmax(0,1fr); }
    #fruit-market-guide .fruit-market-sheet-head img { width:69px; height:76px; }
    #fruit-market-guide .fruit-market-sheet-head h2 { font-size:22px; }
    #fruit-market-guide .guide-task { grid-template-columns:43px minmax(0,1fr); gap:6px; }
    .guide-task-icon,.guide-task-icon img { width:43px; }
    .guide-task-heading > span { font-size:10.5px; }
    .guide-task-heading strong { font-size:11px; }
}