/* ZaidTech Learning Hub V3 — virtual store floor */
.store-floor-page{--sf-ink:#19372c;--sf-muted:#728278;--sf-line:#e2e9df;--sf-green:#176b49;--sf-lime:#c8e88e;color:var(--sf-ink)}
.store-floor-hero{position:relative;overflow:hidden;min-height:250px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:clamp(24px,4vw,42px);border-radius:23px;background:radial-gradient(circle at 83% 18%,#3c7658 0,transparent 28%),linear-gradient(115deg,#123c2e 0%,#174a37 58%,#204a37 100%);color:#fff;box-shadow:0 24px 65px #173d2e18}
.store-floor-hero:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,#c8e88e 0 36%,#f0b76c 36% 68%,#86c8a0 68%)}
.store-floor-hero-copy{position:relative;z-index:2;max-width:690px}.store-eyebrow{display:flex;align-items:center;gap:9px;font-size:8px;font-weight:900;letter-spacing:1.7px;color:#bdd7c4;text-transform:uppercase}.store-eyebrow>span{height:2px;width:20px;background:#c8e88e;border-radius:5px}.store-eyebrow.dark{color:#829084}.store-eyebrow.dark>span{background:#4e9467}.store-floor-hero h1{font:800 clamp(32px,4.2vw,49px)/1.04 var(--display);letter-spacing:-1.8px;margin:17px 0 11px;max-width:620px}.store-floor-hero p{font-size:12px;line-height:1.75;color:#d1e3d5;max-width:610px;margin:0}.store-hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.store-hero-meta span{font-size:8px;font-weight:700;color:#e2eee5;border:1px solid #ffffff35;background:#ffffff0d;border-radius:30px;padding:7px 10px}
.store-hero-art{position:relative;width:240px;height:190px;flex:0 0 240px;display:grid;place-items:center}.hero-art-ring{position:absolute;border:1px solid #c4e7c54d;border-radius:50%;transform:rotate(-20deg)}.ring-one{width:195px;height:125px}.ring-two{width:145px;height:190px;transform:rotate(42deg)}.hero-art-shop{width:112px;height:112px;border-radius:32px;background:linear-gradient(145deg,#e5f3dc,#a9d69b);color:#1d5a3f;display:grid;place-items:center;font-size:43px;box-shadow:0 18px 45px #061a1055;transform:rotate(-7deg);position:relative}.hero-art-shop span{position:absolute;right:14px;top:12px;font-size:27px;transform:rotate(7deg)}.hero-art-shop b{position:absolute;bottom:9px;right:12px;font:900 12px var(--display);opacity:.7}.hero-art-spark{position:absolute;color:#cce99a;font-style:normal;font-size:20px}.spark-a{top:17px;right:30px}.spark-b{bottom:15px;left:34px}
.store-floor-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 20px}.store-floor-stats>div{background:#fff;border:1px solid var(--sf-line);border-radius:13px;padding:13px 15px;box-shadow:0 5px 20px #173d2e06}.store-floor-stats strong{display:block;font:800 22px var(--display);letter-spacing:-.5px}.store-floor-stats small{display:block;color:#8b978d;font-size:7px;letter-spacing:1px;font-weight:900;margin-top:3px}
.store-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(275px,.78fr);gap:15px;align-items:stretch}.store-map-card,.store-detail-card{background:#fff;border:1px solid var(--sf-line);border-radius:18px;box-shadow:0 8px 30px #173d2e08;min-width:0}.store-map-card{padding:19px}.store-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.store-card-head h2{font:800 20px var(--display);letter-spacing:-.5px;margin:6px 0 3px}.store-card-head p{font-size:9px;color:var(--sf-muted);margin:0}.map-compass{display:grid;place-items:center;width:34px;height:39px;border:1px solid var(--sf-line);border-radius:10px;color:#66816c;font-size:17px;font-weight:800;line-height:1}.map-compass small{font-size:7px;color:#9aa59a}
.store-map-frame{border-radius:15px;border:1px solid #dbe4d9;padding:9px;background:#f1f3eb;overflow:hidden}.store-map{height:500px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(9,minmax(0,1fr));gap:8px;padding:21px 17px 17px;border-radius:10px;position:relative;overflow:hidden;background-color:#f9faf5;background-image:linear-gradient(#e5eadf 1px,transparent 1px),linear-gradient(90deg,#e5eadf 1px,transparent 1px);background-size:26px 26px;isolation:isolate}.store-map:before{content:"";position:absolute;inset:10px;border:2px solid #d8dfd2;border-radius:8px;pointer-events:none}.map-grid-bg{position:absolute;inset:0;background:radial-gradient(circle at 51% 50%,#ffffff9c,transparent 48%);z-index:-1}.map-label{position:absolute;z-index:0;font-size:6px;letter-spacing:1.4px;font-weight:900;color:#9ca89b;pointer-events:none}.map-label-aisle{left:39%;top:42%}.map-label-front{left:4%;bottom:3%}.map-label-back{right:4%;top:3%}.map-aisle-run{position:absolute;display:flex;gap:5px;z-index:0;pointer-events:none}.map-aisle-run i{display:block;width:20px;height:100%;background:repeating-linear-gradient(180deg,#b9c7b3 0 5px,#dce4d5 5px 10px);border:1px solid #afbdab;border-radius:4px;box-shadow:3px 3px 0 #879a8622}.run-one{left:39%;top:44%;height:180px}.run-two{left:47%;top:44%;height:180px}.run-three{left:55%;top:44%;height:180px}.map-counter{position:absolute;z-index:0;font-size:6px;letter-spacing:1px;font-weight:900;color:#8c9b85;background:#e7eee0;border:1px solid #d3dfcc;border-radius:5px;padding:4px 7px;pointer-events:none}.counter-cafe{left:35%;top:9%}.counter-till{left:5%;top:45%}.map-fridge{position:absolute;right:4%;top:10%;z-index:0;background:#e3edf0;border:1px solid #cadadd;border-radius:5px;padding:7px 9px;color:#668894;font-size:6px;letter-spacing:1px;font-weight:900;pointer-events:none}.map-door{position:absolute;left:4%;bottom:8%;z-index:0;color:#7d9a82;font-size:8px;font-weight:900;letter-spacing:1px;pointer-events:none}
.map-zone{position:relative;z-index:2;border:1px solid #dbe5d8;border-radius:11px;background:#fff;box-shadow:0 4px 10px #173d2e0a;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;text-align:left;padding:10px;min-width:0;overflow:hidden;color:#254436;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}.map-zone:after{content:"";position:absolute;width:68px;height:68px;border-radius:50%;right:-23px;top:-28px;background:var(--zone-tint);opacity:.85;pointer-events:none}.map-zone:hover{transform:translateY(-2px);box-shadow:0 9px 18px #173d2e16;border-color:var(--zone-accent)}.map-zone.is-selected{border:2px solid var(--zone-accent);background:linear-gradient(145deg,#fff,var(--zone-tint));box-shadow:0 8px 20px #173d2e14}.map-zone.is-target{outline:3px solid #d5eb9c;outline-offset:2px;animation:zone-target 1.4s ease-in-out infinite}.map-zone.target-pulse{animation:zone-target .7s ease-in-out 2}.zone-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--zone-tint);color:var(--zone-accent);font-size:15px;position:relative;z-index:1}.zone-label{font:800 clamp(8px,.8vw,11px)/1.2 var(--display);position:relative;z-index:1}.map-zone small{font-size:7px;color:#829084;position:relative;z-index:1}.zone-hub{grid-column:1/4;grid-row:1/4;--zone-accent:#8a7c54;--zone-tint:#f2efdf}.zone-cafe{grid-column:4/8;grid-row:1/4;--zone-accent:#9c6845;--zone-tint:#f4e9df}.zone-chilled{grid-column:8/13;grid-row:1/4;--zone-accent:#4d8a9b;--zone-tint:#e6f1f2}.zone-checkout{grid-column:1/4;grid-row:4/7;--zone-accent:#468363;--zone-tint:#e7f1e8}.zone-aisles{grid-column:4/8;grid-row:4/10;--zone-accent:#678b62;--zone-tint:#edf2e5}.zone-promo{grid-column:8/11;grid-row:4/7;--zone-accent:#ad8241;--zone-tint:#f6f0df}.zone-entrance{grid-column:1/4;grid-row:7/10;--zone-accent:#568b81;--zone-tint:#e5f1ec}.zone-stock{grid-column:10/13;grid-row:7/10;--zone-accent:#687c92;--zone-tint:#e9edf3}.store-map-note{font-size:8px;line-height:1.5;color:#8a958a;margin:10px 2px 0;display:flex;gap:7px;align-items:flex-start}.store-map-note span{color:#6f8d70}
.store-detail-card{padding:20px;display:flex;flex-direction:column;min-height:100%}.zone-panel-top{display:flex;align-items:center;gap:10px;margin-bottom:15px}.zone-panel-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-size:21px}.zone-tone-hub{background:#f2efdf;color:#8a7c54}.zone-tone-cafe{background:#f4e9df;color:#9c6845}.zone-tone-chilled{background:#e6f1f2;color:#4d8a9b}.zone-tone-checkout{background:#e7f1e8;color:#468363}.zone-tone-aisles{background:#edf2e5;color:#678b62}.zone-tone-promo{background:#f6f0df;color:#ad8241}.zone-tone-entrance{background:#e5f1ec;color:#568b81}.zone-tone-stock{background:#e9edf3;color:#687c92}.zone-panel-kicker{font-size:8px;font-weight:900;letter-spacing:1.4px;color:#879487}.zone-panel-index{margin-left:auto;font:800 16px var(--display);color:#c2cbc0}.store-detail-card h2{font:800 24px/1.1 var(--display);letter-spacing:-.7px;margin:0 0 9px;color:#1e3b2e}.zone-panel-desc{font-size:10px;line-height:1.65;color:#718076;margin:0}.zone-panel-rule{height:1px;background:#edf0e9;margin:18px 0 15px}.zone-panel-subhead{display:block;color:#839184;font-size:7px;font-weight:900;letter-spacing:1.3px;margin-bottom:10px;text-transform:uppercase}.zone-learning-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.zone-learning-list li{display:flex;gap:9px;font-size:9px;line-height:1.5;color:#52675a}.zone-learning-list li>span{width:16px;height:16px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#edf5e8;color:#47815b;font-size:9px;font-weight:900}.zone-panel-bottom{margin-top:auto;padding-top:18px}.related-mission{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--sf-line);border-radius:11px;margin-bottom:10px}.related-mission>span{width:32px;height:32px;background:#edf3e9;border-radius:9px;display:grid;place-items:center;color:#4c7957;font-size:17px}.related-mission strong{font-size:9px;display:block}.related-mission small{font-size:7px;color:#89958b;display:block;margin-top:4px}.store-action-button{width:100%;justify-content:space-between!important;min-height:42px!important;font-size:9px!important}.store-catalog-link{display:block;margin:12px auto 0;border:0;background:none;color:#63816a;font-size:8px;font-weight:800;padding:5px}.zone-no-mission{font-size:9px;color:#7b887c;line-height:1.5}
.store-missions-section{margin-top:36px}.store-section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:15px}.store-section-heading h2{font:800 25px var(--display);letter-spacing:-.7px;margin:7px 0 4px}.store-section-heading p{margin:0;color:#7a887e;font-size:10px;line-height:1.6}.store-mission-count{font-size:7px;letter-spacing:1.1px;color:#89958b;font-weight:900;padding:7px 10px;border:1px solid var(--sf-line);border-radius:20px;white-space:nowrap}.store-mission-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.store-mission-card{--mission-bg:#edf3e9;--mission-fg:#50795a;background:#fff;border:1px solid var(--sf-line);border-radius:15px;padding:14px;min-height:205px;display:flex;flex-direction:column;box-shadow:0 6px 20px #173d2e06;transition:transform .18s,border-color .18s,box-shadow .18s}.store-mission-card:hover{transform:translateY(-3px);border-color:#bed2bc;box-shadow:0 14px 30px #173d2e10}.mission-card-checkout{--mission-bg:#e7f1e8;--mission-fg:#468363}.mission-card-stock{--mission-bg:#e9edf3;--mission-fg:#687c92}.mission-card-cafe{--mission-bg:#f4e9df;--mission-fg:#9c6845}.mission-card-campaign{--mission-bg:#f6f0df;--mission-fg:#ad8241}.store-mission-card h3{font:800 13px/1.2 var(--display);margin:12px 0 6px}.store-mission-card p{font-size:8px;line-height:1.5;color:#7b887d;margin:0 0 12px}.mission-card-top{display:flex;align-items:center;justify-content:space-between}.mission-icon{width:34px;height:34px;border-radius:10px;background:var(--mission-bg);color:var(--mission-fg);display:grid;place-items:center;font-size:17px}.mission-number{font-size:7px;letter-spacing:1px;color:#a1aaa0;font-weight:900}.mission-card-foot{margin-top:auto;padding:9px 0;border-top:1px solid #edf0e9;display:flex;justify-content:space-between;gap:5px;color:#89958a;font-size:6px;font-weight:900;letter-spacing:.6px}.store-mission-card .button{min-height:36px!important;font-size:8px!important;padding:0 11px!important;justify-content:space-between!important}
.store-safety-note{display:flex;gap:12px;background:#f1efe4;border:1px solid #e7e1d2;border-radius:14px;padding:15px 17px;margin-top:23px;color:#53684e}.safety-mark{font-size:19px;color:#9a8551}.store-safety-note strong{font-size:9px}.store-safety-note p{font-size:8px;line-height:1.6;color:#71796b;margin:5px 0}.store-safety-note small{font-size:7px;color:#8a8e80}.store-translation-note{font-size:8px;color:#929b90;line-height:1.5;margin:10px 0 0}
.mission-panel-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#89958a;font-size:8px;font-weight:800;margin-bottom:12px}.store-back-button{border:0;background:none;color:#567b5d;font-size:8px;font-weight:800;padding:4px 0}.mission-progress{height:6px;border-radius:20px;background:#edf1e9;overflow:hidden;margin-bottom:19px}.mission-progress span{display:block;height:100%;background:linear-gradient(90deg,#5c9e70,#b1d57b);border-radius:20px;transition:width .25s}.mission-context{background:#f5f7f2;border-left:3px solid #a9c99c;border-radius:0 9px 9px 0;padding:11px 12px;color:#6d7d70;font-size:9px;line-height:1.6;margin:12px 0}.mission-prompt{font:800 16px/1.3 var(--display);letter-spacing:-.35px;margin:10px 0}.mission-hint{color:#879287;font-size:8px;margin:0 0 12px}.mission-choices{display:grid;gap:8px}.mission-choice{display:flex;align-items:center;gap:9px;border:1px solid #e0e8dc;border-radius:10px;background:#fff;padding:10px;text-align:left;color:#405849;font-size:8px;line-height:1.45;transition:border .17s,background .17s}.mission-choice:hover:not(:disabled){border-color:#9fbea0;background:#f8fbf6}.mission-choice:disabled{cursor:default;opacity:1}.mission-choice.selected{border-color:#75a87a;background:#eff7ec}.mission-choice>span{width:23px;height:23px;flex:0 0 auto;display:grid;place-items:center;border-radius:7px;background:#edf2e9;color:#62866a;font-weight:900}.mission-choice b{font-size:8px;font-weight:650;flex:1}.mission-choice i{font-style:normal;color:#789579;font-weight:900}.mission-coach{padding:11px 12px;margin-top:12px;border-radius:10px;font-size:8px;line-height:1.6}.mission-coach strong{font-size:9px}.mission-coach p{margin:5px 0 0}.mission-coach.good{background:#edf7ec;border:1px solid #d7e9d2;color:#3e7046}.mission-coach.review{background:#fff4e9;border:1px solid #f0e2ce;color:#805d35}.mission-panel-result{text-align:center;padding:10px 0}.result-star{display:grid;place-items:center;width:48px;height:48px;background:#eff5e8;color:#689361;border-radius:15px;font-size:23px;margin:0 auto 13px}.mission-panel-result h2{font:800 20px/1.2 var(--display);margin:9px 0}.mission-panel-result>p{font-size:9px;color:#748176;line-height:1.6}.result-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:15px 0}.result-mini-stats>div{background:#f5f7f2;border-radius:9px;padding:10px 5px}.result-mini-stats strong{display:block;font:800 16px var(--display);color:#315c3d}.result-mini-stats small{display:block;font-size:7px;color:#7f8a80}.mission-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.mission-panel-actions .button{min-height:38px!important;font-size:8px!important;padding:0 10px!important}.tour-target{display:flex;align-items:center;gap:10px;background:#eff5e8;border:1px solid #dce9d5;border-radius:11px;padding:12px;margin:15px 0}.tour-target>span{width:32px;height:32px;border-radius:9px;background:#dceccc;color:#4d7e54;display:grid;place-items:center;font-size:17px}.tour-target small{display:block;font-size:7px;color:#768a73}.tour-target strong{display:block;font-size:11px;margin-top:3px}.mission-route-count{font-size:7px;letter-spacing:1px;color:#98a296;font-weight:900;margin-top:15px}.mission-panel-result .mission-panel-actions{margin-top:17px}
@keyframes zone-target{0%,100%{box-shadow:0 0 0 3px #cce39488}50%{box-shadow:0 0 0 7px #cce39422}}
@media(max-width:1180px){.store-mission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.store-main-grid{grid-template-columns:minmax(0,1.25fr) minmax(255px,.8fr)}.store-map{height:470px}}
@media(max-width:920px){.store-main-grid{grid-template-columns:1fr}.store-detail-card{min-height:0}.store-floor-hero{min-height:220px}.store-map{height:520px}}
@media(max-width:650px){.store-floor-hero{padding:24px 20px;min-height:0}.store-floor-hero h1{font-size:34px}.store-hero-art{position:absolute;right:-75px;bottom:-30px;width:170px;height:140px;opacity:.23}.store-floor-hero-copy{max-width:100%}.store-floor-hero p{max-width:470px}.store-hero-meta{max-width:340px}.store-floor-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.store-map-card{padding:12px}.store-map{height:520px;gap:5px;padding:20px 9px 10px;grid-template-rows:repeat(9,minmax(0,1fr))}.map-zone{padding:7px 5px;border-radius:8px;gap:4px}.zone-icon{width:23px;height:23px;font-size:13px}.zone-label{font-size:8px}.map-zone small{font-size:6px}.run-one{left:38%;top:43%;height:190px}.run-two{left:47%;top:43%;height:190px}.run-three{left:56%;top:43%;height:190px}.map-aisle-run{gap:3px}.map-aisle-run i{width:13px}.store-card-head h2{font-size:18px}.store-mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-mission-card{min-height:190px;padding:12px}.store-section-heading{align-items:flex-start;flex-direction:column;gap:8px}.store-section-heading h2{font-size:22px}}
@media(max-width:390px){.store-map{height:475px;gap:4px;padding:18px 7px 8px}.map-zone{padding:5px 4px}.zone-icon{width:20px;height:20px;font-size:11px}.zone-label{font-size:7px}.map-zone small{display:none}.map-aisle-run i{width:10px}.run-one{left:38%;height:170px}.run-two{left:47%;height:170px}.run-three{left:56%;height:170px}.store-mission-grid{grid-template-columns:1fr}.mission-panel-actions{grid-template-columns:1fr}.store-floor-stats>div{padding:11px}}
@media(prefers-reduced-motion:reduce){.map-zone,.store-mission-card,.mission-progress span{transition:none}.map-zone.is-target,.map-zone.target-pulse{animation:none}}