/* A calm catalog, with climate as the primary refinement. */
.finder.finder-simple{padding:28px;margin-bottom:28px;overflow:visible}
.finder-simple .finder-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.finder-simple .finder-heading>h1,.finder-simple .finder-heading>h2{font-size:32px;line-height:1.2;margin:0;letter-spacing:-.04em;font-weight:650;min-width:0}
.ksc-change-category{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:16px;padding:12px 17px;font-size:14px;font-weight:550;line-height:1.4;flex-shrink:0;color:var(--ink);background:var(--surface)}
.ksc-change-category svg{width:19px;height:19px;color:var(--green)}.ksc-change-category:hover{background:var(--soft);border-color:var(--green)}
.finder-simple .catalog-subgroups{padding:0;margin:0 0 22px;gap:9px}
.finder-simple .catalog-subgroups a{padding:11px 16px;border:1px solid var(--line);border-radius:14px;font-size:15px;line-height:1.4;color:var(--ink);background:var(--surface)}
.finder-simple .catalog-subgroups a:hover{background:var(--soft);color:var(--green);border-color:var(--green)}
.ksc-climate-search{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(340px,1.2fr);gap:32px;align-items:center;padding:24px;border-radius:23px;border:1px solid color-mix(in srgb,var(--green) 20%,var(--line));background:color-mix(in srgb,var(--green) 5%,var(--surface))}
.ksc-climate-copy{display:flex;align-items:flex-start;gap:13px;min-width:0}.ksc-climate-copy>svg{width:25px;height:25px;flex:none;color:var(--green);margin-top:3px}
.ksc-climate-copy h2{font-family:inherit;font-size:23px;line-height:1.25;letter-spacing:-.025em;font-weight:650;margin:0 0 8px}.ksc-climate-copy p{font-size:14px;line-height:1.6;color:var(--muted);margin:0;max-width:370px}
.ksc-climate-fields{display:grid;grid-template-columns:minmax(190px,1fr) auto;gap:12px;align-items:start;min-width:0}
.ksc-climate-fields .settlement-field>label{display:block;margin:0 0 7px}.ksc-climate-fields label>span{font-size:12px;color:var(--muted);font-weight:550;letter-spacing:0}
.ksc-climate-fields .settlement-input input[type=search]{height:52px;padding:13px 16px;font-size:16px;font-weight:400;line-height:1.4;font-family:inherit;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:inset 0 1px 3px #00000008}
.ksc-climate-fields .settlement-input input[type=search]:focus{outline:2px solid color-mix(in srgb,var(--green) 35%,transparent);outline-offset:2px;border-color:var(--green)}
.ksc-climate-fields .settlement-input input[aria-invalid=true]{border-color:#d84553;outline-color:#d8455340}
.ksc-climate-fields .settlement-field>small{font-size:12px;line-height:1.5;min-height:18px;margin-top:9px}
.ksc-garden-form .button.ksc-climate-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:25px;min-height:52px;padding:13px 18px;white-space:nowrap;font-size:14px;line-height:1.4;border-radius:16px;font-weight:600}
.ksc-climate-submit svg{width:18px;height:18px}
.ksc-climate-fields .settlement-options{width:100%;min-width:300px;max-width:min(500px,calc(100vw - 60px));max-height:330px;overflow-y:auto;z-index:40}
.ksc-climate-fields .settlement-options [role=option]{text-align:left;white-space:normal;padding:12px 14px;min-height:52px}
.ksc-climate-fields .settlement-options strong{font-size:15px;line-height:1.4}.ksc-climate-fields .settlement-options small{font-size:12px;line-height:1.5;display:block;margin-top:4px}.ksc-climate-fields .suggestion-message{font-size:13px;line-height:1.5}
.finder-simple .catalog-filters{margin-top:18px;padding-top:0;border:0}
.finder-simple .catalog-filters>summary{display:flex;align-items:center;gap:12px;list-style:none;font-size:15px;line-height:1.4;font-weight:550;color:var(--ink);padding:10px 0;width:fit-content;min-height:44px}
.finder-simple .catalog-filters>summary::-webkit-details-marker{display:none}.finder-simple .catalog-filters>summary>span{font-size:13px;color:var(--muted);font-weight:400;margin:0}.finder-simple .catalog-filters>summary>svg{width:17px;height:17px;color:var(--green)}.finder-simple .catalog-filters[open]>summary>svg{transform:rotate(45deg)}
.finder-simple .filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:16px;align-items:end;padding-top:8px}
.finder-simple .filter-row>label{min-width:0}.finder-simple .filter-row label>span{font-size:12px;letter-spacing:0;margin-bottom:8px}.finder-simple .filter-row select{font-size:15px;height:48px;border-radius:14px;padding:10px 12px}.finder-simple .filter-row>.button{grid-column:auto;font-size:14px;min-height:48px;margin:0;padding:12px 18px}
.ksc-filter-state{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:15px;margin-top:12px;font-size:13px;line-height:1.5;color:var(--green)}.ksc-filter-state a{text-decoration:underline;text-underline-offset:4px}
.ksc-home-climate{margin:10px 0 38px}.ksc-home-climate .ksc-climate-search{padding:29px;background:var(--surface);box-shadow:var(--shadow)}
.ksc-catalog-climate{display:flex;align-items:center;gap:14px;margin:0 30px 20px;padding:17px 19px;border-radius:18px;background:color-mix(in srgb,var(--green) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--green) 22%,var(--line));color:var(--green)}.ksc-catalog-climate>svg{width:23px;height:23px;flex:none}.ksc-catalog-climate>svg:last-child{width:18px;height:18px;margin-left:auto}.ksc-catalog-climate strong{display:block;font-size:15px;line-height:1.4}.ksc-catalog-climate small{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin-top:3px}.ksc-catalog-climate:hover{background:color-mix(in srgb,var(--green) 11%,var(--surface))}
/* This preview references the full map below; there is only one copy of its geometry. */
.woocommerce div.product .ksc-climate-mini{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,1.1fr);align-items:center;gap:20px;margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);clear:both}
.ksc-mini-map{display:block;min-width:0}.ksc-mini-map>svg{display:block;width:100%;height:auto;overflow:hidden;pointer-events:none}
.ksc-mini-copy{min-width:0}.ksc-mini-heading{display:block;font-size:13px;line-height:1.4;color:var(--muted)}.ksc-mini-copy>strong{display:block;font-size:21px;line-height:1.4;font-weight:650;letter-spacing:-.02em;color:var(--green);margin-top:4px}.ksc-mini-copy>p{font-size:12px;line-height:1.5;color:var(--muted);margin:5px 0 9px}.ksc-mini-pick{display:inline-block;font-size:12px;line-height:1.5;font-weight:550;color:var(--green);text-underline-offset:3px}.ksc-mini-pick:hover{text-decoration:underline}
#garden-place{scroll-margin-top:210px}#hardiness{scroll-margin-top:195px}
@media(max-width:1150px){.ksc-climate-search{grid-template-columns:minmax(200px,.7fr) minmax(300px,1fr);gap:22px}.ksc-climate-fields{grid-template-columns:1fr}.ksc-garden-form .button.ksc-climate-submit{margin:0;justify-self:start}.finder-simple .filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}.finder-simple .filter-row>.button{justify-self:start}.ksc-climate-copy h2{font-size:22px}}
@media(max-width:700px){.finder.finder-simple{padding:18px;border-radius:25px}.finder-simple .finder-heading{gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}.finder-simple .finder-heading>h1,.finder-simple .finder-heading>h2{font-size:28px;max-width:none}.ksc-change-category{font-size:13px;padding:9px 12px;border-radius:12px}.finder-simple .catalog-subgroups{margin-bottom:17px;gap:8px}.finder-simple .catalog-subgroups a{font-size:14px;padding:10px 13px}.ksc-climate-search{grid-template-columns:1fr;gap:19px;padding:18px;border-radius:19px}.ksc-climate-copy{gap:10px}.ksc-climate-copy h2{font-size:22px}.ksc-climate-copy p{font-size:13px}.ksc-climate-copy>svg{width:21px;height:21px}.ksc-climate-fields .settlement-options{min-width:0;max-width:100%}.ksc-climate-fields .settlement-input input[type=search]{font-size:16px}.ksc-garden-form .button.ksc-climate-submit{width:100%;justify-self:stretch}.finder-simple .catalog-filters>summary>span{display:none}.finder-simple .filter-row{grid-template-columns:1fr;gap:15px}.finder-simple .filter-row>.button{width:100%}.ksc-home-climate .ksc-climate-search{padding:22px}.ksc-catalog-climate{margin:0 20px 16px;padding:14px;gap:10px}.ksc-catalog-climate small{font-size:12px}.woocommerce div.product .ksc-climate-mini{padding:15px;gap:14px;margin-top:16px}.ksc-mini-heading{font-size:12px}.ksc-mini-copy>strong{font-size:20px}.ksc-mini-copy>p{font-size:11px}.ksc-mini-pick{font-size:12px}#garden-place{scroll-margin-top:130px}#hardiness{scroll-margin-top:130px}}
.woocommerce div.product .ksc-climate-mini{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;padding:20px 16px}.ksc-mini-temperature{display:block;font:600 16px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin-top:2px}
@media(max-width:700px){.woocommerce div.product .ksc-climate-mini{gap:12px;padding:18px 12px}.ksc-mini-temperature{font-size:14px}}
.ksc-climate-expand{grid-column:1/-1;display:flex;align-items:center;justify-content:center;width:100%;min-height:43px;padding:10px 16px;border:1px solid color-mix(in srgb,var(--green) 25%,var(--line));border-radius:13px;background:var(--soft);color:var(--green);font:600 14px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;cursor:pointer;transition:background .18s}.ksc-climate-expand:hover{background:color-mix(in srgb,var(--green) 10%,var(--surface))}
.ksc-climate-dialog{width:min(1260px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:25px;border:1px solid var(--line);border-radius:28px;background:var(--surface);color:var(--ink);box-sizing:border-box;box-shadow:0 25px 100px #0004;overflow:hidden}.ksc-climate-dialog[open]{display:flex;flex-direction:column}.ksc-climate-dialog::backdrop{background:#10171d77;backdrop-filter:blur(8px)}.ksc-climate-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none}.ksc-climate-dialog h2{font:650 25px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.03em;margin:0}.ksc-climate-controls{display:flex;align-items:center;gap:10px;margin-left:auto}.ksc-climate-dialog header button{display:grid;place-items:center;padding:0;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;color:var(--green);background:var(--soft);font-size:23px;line-height:1;cursor:pointer;flex:none}.ksc-climate-dialog header button:disabled{opacity:.35;cursor:default}.ksc-climate-controls output{min-width:47px;text-align:center;font-size:14px}.ksc-climate-dialog header .ksc-climate-close{color:var(--ink);border-radius:50%;margin-left:7px}.ksc-climate-dialog-help{flex:none;font-size:13px;color:var(--muted);line-height:1.5;margin:13px 0 18px}.ksc-climate-dialog-content{overflow:auto;overscroll-behavior:contain;min-height:0}.ksc-climate-dialog .hardiness-block{padding:0;border:0;margin:0}.ksc-climate-dialog .hardiness-block>.section-heading{display:none}.ksc-climate-dialog .hardiness-layout{display:block}.ksc-climate-dialog .zone-explanation{display:none}.ksc-climate-dialog .map-viewport{height:min(53dvh,580px);max-height:none;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}.ksc-climate-dialog .map-surface{border-radius:19px;box-shadow:none}.ksc-climate-dialog .map-viewport .russia-zone-map{max-width:none;flex:none}.ksc-climate-dialog .map-toolbar{padding:10px 15px}.ksc-climate-dialog .legend-row{margin-top:15px}.ksc-climate-open{overflow:hidden}
@media(max-width:700px){.ksc-climate-dialog{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border:0;border-radius:0;padding:18px 14px max(18px,env(safe-area-inset-bottom));margin:0}.ksc-climate-dialog>header{gap:10px;flex-wrap:wrap}.ksc-climate-dialog h2{font-size:21px;flex:1}.ksc-climate-controls{order:3;margin:0;width:100%;justify-content:center}.ksc-climate-dialog-help{font-size:12px;margin:12px 0}.ksc-climate-dialog .map-viewport{height:48dvh}.ksc-climate-dialog .legend-row{margin-bottom:10px}}
/* One hardiness panel, within the right-hand product characteristics. */
.plant-highlights.has-climate-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.woocommerce div.product .plant-highlights .ksc-climate-mini{grid-column:1/-1;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);margin:0;padding:18px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;gap:14px 20px}
.plant-highlights .ksc-mini-map svg{margin:0;color:inherit}
.plant-highlights .ksc-mini-copy>strong{font-size:21px;font-weight:650;overflow-wrap:normal}
.plant-highlights .ksc-mini-copy .ksc-mini-temperature{font-size:16px;color:var(--green)}
.plant-highlights .ksc-mini-heading{font-size:13px;font-weight:550}
@media(max-width:700px){.woocommerce div.product .plant-highlights .ksc-climate-mini{gap:12px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding-top:16px}.plant-highlights .ksc-mini-copy>strong{font-size:19px}.plant-highlights .ksc-mini-copy .ksc-mini-temperature{font-size:14px}.plant-highlights .ksc-mini-pick{font-size:12px}.plant-highlights.has-climate-map>div>strong{font-size:14px}.plant-highlights.has-climate-map>div>small{font-size:12px}}
/* Keep the purchase controls ahead of a compact climate panel. */
.woocommerce div.product .plant-highlights{margin:18px 0 16px;padding:16px 18px;gap:14px;box-shadow:none}
.woocommerce div.product .plant-highlights.has-climate-map>div{display:grid;grid-template-columns:23px minmax(0,1fr);gap:3px 8px;align-items:center}
.plant-highlights.has-climate-map>div>svg{grid-row:1/3;width:21px;height:21px;margin:0}
.plant-highlights.has-climate-map>div>small{grid-column:2;font-size:11px}
.woocommerce div.product .plant-highlights .ksc-climate-mini{padding-top:12px;gap:8px 16px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.plant-highlights .ksc-mini-map{max-width:235px;justify-self:center;width:100%}
.plant-highlights .ksc-mini-copy>p{display:none}
.plant-highlights .ksc-mini-copy>strong{font-size:20px}
.plant-highlights .ksc-mini-pick{margin-top:6px}
.plant-highlights .ksc-climate-expand{min-height:36px;padding:7px 12px;font-size:13px}
/* Direct map manipulation: mouse wheel / drag, touch pan / pinch, and keyboard. */
.ksc-climate-dialog .map-viewport{position:relative;overflow:hidden;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.ksc-climate-dialog .map-viewport.is-dragging{cursor:grabbing}
.ksc-climate-dialog .map-viewport .climate-zone{cursor:inherit}
.ksc-climate-dialog .map-viewport .russia-zone-map{position:absolute;top:0;left:0;margin:0;transform-origin:0 0;will-change:transform;max-width:none}
.ksc-climate-dialog header .ksc-climate-reset{width:auto;padding-inline:12px;font-size:13px;font-weight:600}
.ksc-climate-dialog .map-viewport:focus-visible{outline:2px solid var(--green);outline-offset:-3px}
/* The action grows out of the selected place; the label and helper never affect alignment. */
.ksc-climate-fields{display:block}
.ksc-settlement-control{display:flex;align-items:center;min-width:0}
.ksc-settlement-control .settlement-input{flex:1;min-width:0}
.ksc-climate-action{position:relative;overflow:clip;overflow-clip-margin:24px;flex:none;width:0;margin-left:0;visibility:hidden;transition:width .44s cubic-bezier(.22,.7,.2,1),margin-left .44s,visibility 0s .44s}
.ksc-garden-form .ksc-settlement-control .button.ksc-climate-submit{width:207px;min-width:207px;height:52px;min-height:52px;margin:0;padding:13px 16px;border-radius:26px;opacity:0;transform:translateX(-25px) scaleX(.12) scaleY(.75);transform-origin:left center;transition:transform .48s cubic-bezier(.22,.7,.2,1),opacity .18s,border-radius .48s;box-shadow:none}
.ksc-settlement-control.is-place-ready .ksc-climate-action{width:207px;margin-left:12px;visibility:visible;transition-delay:0s}
.ksc-garden-form .ksc-settlement-control.is-place-ready .button.ksc-climate-submit{opacity:1;transform:none;border-radius:16px}
.ksc-climate-action:before{content:"";position:absolute;left:-20px;top:50%;width:29px;height:18px;margin-top:-9px;background:var(--green);border-radius:50%;opacity:0;pointer-events:none}
.is-place-ready .ksc-climate-action:before{animation:ksc-climate-drop .48s ease-out both}
@keyframes ksc-climate-drop{0%{opacity:0;transform:scale(.3,1)}25%{opacity:.65;transform:scale(1,1.2)}70%{opacity:.3;transform:scale(1.15,.35)}100%{opacity:0;transform:scale(1.3,0)}}
@media(max-width:1150px){.ksc-settlement-control{flex-wrap:wrap}.ksc-settlement-control .settlement-input{flex-basis:100%}.ksc-climate-action{width:100%;height:0;margin:0;transition:height .4s,margin-top .4s,visibility 0s .4s}.ksc-settlement-control.is-place-ready .ksc-climate-action{width:100%;height:52px;margin:12px 0 0}.ksc-garden-form .ksc-settlement-control .button.ksc-climate-submit{width:100%;min-width:0;transform:translateY(-20px) scale(.65,.12);transform-origin:center top}.ksc-climate-action:before{top:-20px;left:50%;margin:0 0 0 -9px;width:18px;height:29px}.is-place-ready .ksc-climate-action:before{animation-name:ksc-climate-drop-down}}
@keyframes ksc-climate-drop-down{0%{opacity:0;transform:scale(1,.3)}25%{opacity:.65;transform:scale(1.2,1)}70%{opacity:.3;transform:scale(.35,1.15)}100%{opacity:0;transform:scale(0,1.3)}}
@media(prefers-reduced-motion:reduce){.ksc-climate-action,.ksc-garden-form .ksc-settlement-control .button.ksc-climate-submit{transition:none}.is-place-ready .ksc-climate-action:before{animation:none}}