/* ZARE Olympus Alpha 03 — spacious but content-rich, touch-first educational layer */
.deep-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:42px;align-items:center;min-height:470px}
.deep-hero-art{min-width:0}.deep-hero-art img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:24px;border:1px solid rgba(114,191,255,.28);box-shadow:0 24px 65px rgba(0,0,0,.3)}
.deep-hero h1{font-size:clamp(2.7rem,5.1vw,5.2rem);line-height:1.06}.deep-hero p{max-width:630px}
.lab-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}
.lab-card{display:flex;flex-direction:column;border:1px solid #2b5277;background:linear-gradient(145deg,rgba(17,46,75,.9),rgba(7,24,44,.97));border-radius:20px;overflow:hidden;color:#e7f6ff;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.lab-card:hover,.lab-card:focus-visible{transform:translateY(-4px);border-color:#5eb8ff;box-shadow:0 12px 38px rgba(37,121,206,.22);outline:none}
.lab-figure{height:162px;overflow:hidden;background:#051324;border-bottom:1px solid #22476c}.lab-figure img{width:100%;height:100%;object-fit:cover}
.lab-card-content{padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px;flex:1}.lab-card-content h3{font-size:1.17rem;line-height:1.2;margin:0}.lab-card-content p{font-size:.92rem;line-height:1.55;margin:0;flex:1;color:#b7cce0}.lab-action{display:inline-flex;align-items:center;gap:8px;color:#8bd0ff;font-size:.8rem;font-weight:800;letter-spacing:.07em;margin-top:6px}
.lab-action .ico{width:16px}
.detail-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px}.detail-split p{line-height:1.75}.detail-split>img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border:1px solid rgba(111,196,255,.25);border-radius:22px}.detail-split .image-round{max-width:400px;aspect-ratio:1;object-fit:contain;margin:auto}.wide-illustration{width:100%;height:auto;display:block;border-radius:18px}.t800-banner{margin-bottom:32px}
.rich-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.rich-steps article{border:1px solid #31577a;background:linear-gradient(135deg,#102d49,#0b2038);padding:24px;border-radius:20px}.rich-steps h3{margin:12px 0 10px;font-size:1.14rem}.rich-steps p{margin:0;color:#b5cce0;line-height:1.65}.step-num{font-family:monospace;color:#81ccff;font-weight:900;letter-spacing:.16em;font-size:.9rem}
.tool-workbench{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:linear-gradient(132deg,rgba(16,46,72,.97),rgba(7,21,37,.98));border:1px solid #376086;padding:25px;border-radius:25px;margin-top:20px;align-items:start}
.lab-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-content:start}.lab-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:.85rem;font-weight:700;color:#c9e2f5}.lab-field input:not([type=range]),.lab-field select,.lab-field textarea{width:100%;background:#061c31;border:1px solid #3b6486;border-radius:12px;color:#eff9ff;padding:13px;min-height:47px;font:inherit}.lab-field input:focus-visible,.lab-field select:focus-visible,.lab-field textarea:focus-visible{outline:2px solid #7cd3ff;outline-offset:2px}.lab-form>button{align-self:end;min-height:48px;font-size:.89rem}.lab-wide{grid-column:1/-1}.lab-form>.button-row{flex-wrap:wrap}.lab-form>.button-row button{flex:1}
.lab-result{color:#d4ecfe;border:1px solid #2a6288;background:rgba(12,38,66,.88);border-radius:16px;padding:20px;line-height:1.64;min-width:0;overflow-wrap:anywhere}.lab-result strong{color:#f2faff;display:block;margin-bottom:9px}.lab-result p{margin:6px 0}.lab-result ul,.lab-result ol{padding-left:21px;margin:8px 0}.lab-result li{margin:8px 0}.lab-result a{color:#7cceff;text-decoration:underline}.lab-result .result-stat{font-size:1.7rem;font-weight:800;color:#88d6ff;margin:8px 0}
.timeline-lab{display:grid;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:8px}.timeline-lab .timeline-step{position:relative;border:1px solid #3b77aa;background:#0b2945;padding:14px;border-radius:12px;min-height:92px}.timeline-lab small{color:#8fcfff;display:block;margin-top:8px}.timeline-lab .timeline-step button{position:absolute;top:8px;right:8px;border:0;background:#243f5d;color:#fff;border-radius:7px;cursor:pointer}
.curve-interactive{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:16px}.curve-chart{background:#081f38;border:1px solid #38648d;border-radius:18px;padding:15px}.curve-chart svg{width:100%;height:auto;stroke:#789bbd;stroke-width:2;fill:none}.curve-chart #cv-path{stroke:#55cfff;stroke-width:5}.curve-chart #cv-point{fill:#fff;stroke:#52ceff;stroke-width:3}.curve-chart .curve-guide{stroke:#315374;stroke-dasharray:7 7}
.center-action{text-align:center;margin-top:25px}
@media(max-width:1150px){.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-figure{height:190px}}
@media(max-width:730px){.deep-hero{grid-template-columns:1fr;gap:18px;min-height:0;padding-top:38px;padding-bottom:32px}.deep-hero h1{font-size:clamp(2.5rem,9vw,3.65rem)}.deep-hero-art img{aspect-ratio:16/8}.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lab-figure{height:118px}.lab-card-content{padding:13px;gap:8px}.lab-card-content h3{font-size:1rem}.lab-card-content p{font-size:.78rem;line-height:1.5}.lab-card-content .eyebrow{font-size:.67rem}.lab-action{font-size:.68rem}.rich-steps{grid-template-columns:1fr;gap:12px}.rich-steps article{padding:17px}.detail-split{grid-template-columns:1fr;gap:20px}.detail-split>img{order:-1}.tool-workbench{grid-template-columns:1fr;padding:15px;gap:15px}.lab-form{grid-template-columns:1fr}.curve-interactive{grid-template-columns:1fr}}
@media(max-width:370px){.lab-grid{grid-template-columns:1fr}.lab-figure{height:148px}.lab-card-content{padding:17px}.lab-card-content h3{font-size:1.15rem}.lab-card-content p{font-size:.91rem}}
@media(prefers-reduced-motion:reduce){.lab-card{transition:none}.lab-card:hover{transform:none}}

/* Staff catalogue manager details */
.staff-audit{background:rgba(13,36,59,.75);border:1px solid #2b5177;border-radius:13px;padding:15px;margin:18px 0;color:#c9e9ff}.staff-audit summary{cursor:pointer;font-weight:800;padding:4px}.staff-audit p{border-top:1px solid rgba(110,184,255,.15);padding-top:10px}
.admin-preview{margin-top:20px;max-width:460px}.admin-preview:empty{display:none}
#product-image-file{font-size:.83rem;max-width:100%}#upload-product-image{margin-top:7px;max-width:260px}

/* ZARE Olympus protected product lifecycle controls — responsive on Android */
.zare-row-actions {display:flex; gap:9px; flex-wrap:wrap; justify-content:flex-end}
.zare-row-actions .btn {min-height:42px; padding:10px 14px}
.zare-btn-danger-outline{background:transparent;color:#ffc3c3;border:1px solid #bd6464}
.zare-btn-danger{background:#9d292e;color:#fff;border:1px solid #d06469}
.zare-btn-danger:hover,.zare-btn-danger-outline:hover{filter:brightness(1.15)}
.zare-delete-modal{width:min(92vw,520px);max-height:85vh;overflow:auto;border:1px solid #496081;border-radius:18px;padding:26px;background:#091c32;color:#f2f7ff;box-shadow:0 35px 110px #000c}
.zare-delete-modal::backdrop{background:#010811c9;backdrop-filter:blur(5px)}
.zare-delete-modal form{display:grid;gap:14px}
.zare-delete-modal h2{font-size:1.45rem;margin:0}
.zare-delete-modal p{margin:0;color:#c3d2e4}
.zare-delete-modal label{font-weight:700}
.zare-delete-modal input{background:#051225;color:white;border:1px solid #4a6c91;border-radius:10px;padding:14px;width:100%;box-sizing:border-box}
.zare-delete-modal .button-row{display:flex;gap:12px;flex-wrap:wrap}
.zare-delete-modal .button-row .btn{flex:1;white-space:normal}
#archived-panel .admin-list{margin-top:18px}
@media(max-width:650px){.admin-row{align-items:stretch}.zare-row-actions{justify-content:flex-start;width:100%}.zare-row-actions .btn{flex:1;font-size:.88rem}.zare-delete-modal{padding:19px}}

/* Alpha 04 — per-product payment chooser and claim assistance */
.zare-payment-editor{margin:18px 0;padding:16px;border:1px solid rgba(111,178,255,.24);border-radius:16px;background:rgba(10,34,60,.55)}
.zare-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.payment-option-rows{display:grid;gap:10px;margin:12px 0}
.payment-option-row{display:grid;grid-template-columns:1fr 1.4fr 2fr auto;gap:8px;padding:10px;background:rgba(255,255,255,.025);border:1px solid rgba(112,160,210,.18);border-radius:12px;align-items:center}
.payment-option-row input,.payment-option-row select{min-width:0;width:100%;border-radius:9px;padding:11px;background:#071b31;color:#eff6ff;border:1px solid #395676}
.payment-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px;margin:13px 0}
.payment-options .payment-method-link{justify-content:center;text-align:center}
.payment-heading{font-weight:700;margin:18px 0 5px}
.payment-guidance{padding:14px;border:1px solid rgba(94,183,255,.42);border-radius:12px;background:rgba(30,87,140,.2);margin:12px 0}
.payment-guidance p{margin:8px 0}
.zare-checkout-choice{display:grid;gap:8px;margin-top:14px}
.zare-claim-hero{padding:38px 20px;border-radius:20px;background:linear-gradient(135deg,#0d3457,#091523);border:1px solid #234869}
.zare-claim-hero h1{font-size:clamp(2.1rem,6vw,4rem)}.zare-claim-hero h1 span{color:#78c0ff}
.claim-status{padding:12px;background:rgba(0,0,0,.25);border-radius:10px;font-size:.92rem;margin-top:14px}
.claim-summary{display:flex;gap:16px;align-items:center;margin:22px 0;padding:18px;background:rgba(14,38,65,.65);border:1px solid #27445b;border-radius:16px}
.claim-summary img{border-radius:12px;object-fit:cover}.claim-summary h2{margin:.3em 0}
.claim-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:24px 0}
.claim-steps article{border-radius:15px;background:rgba(17,45,75,.72);border:1px solid #284a68;padding:20px}
.claim-steps h3{font-size:1.1rem;margin:.5em 0}.claim-steps p{font-size:.94rem;color:#c6d7e9}
.claim-step-num{color:#85c4ff;font-weight:800;font-size:1.2rem}
.claim-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}
#claim-template{width:100%;background:#10233e;color:#fff;border:1px solid #50749a}
@media(max-width:720px){.payment-option-row{grid-template-columns:1fr 1fr}.payment-option-row .payment-link-input{grid-column:1/-1}.payment-option-row button{grid-column:1/-1}.claim-actions>*{width:100%;text-align:center}}
@media(max-width:420px){.payment-option-row{grid-template-columns:1fr}.payment-option-row .payment-link-input,.payment-option-row button{grid-column:auto}.claim-summary img{width:56px;height:56px}}

/* ZARE Olympus final storefront branding audit */
.site-footer a.footer-community-link {display:flex;align-items:center;gap:10px;min-height:40px;line-height:1.3;text-decoration:none;white-space:normal;}
.site-footer .footer-community-logo {width:30px;height:30px;min-width:30px;object-fit:cover;border-radius:8px;background:#102942;border:1px solid rgba(121,183,248,.19);}
.site-footer .footer-discord-icon {width:16px;height:16px;flex:none;color:#859fff;opacity:.9;}
.site-footer .footer-community-link span {flex:0 1 auto;}
.t800-official-art {display:flex;align-items:center;justify-content:center;padding:9px;min-height:210px;max-width:560px;margin-inline:auto;background:radial-gradient(ellipse at center,rgba(212,28,53,.10) 0%,rgba(5,15,27,0) 75%);}
.t800-official-art .t800-official-logo {width:min(100%,450px);max-height:420px;object-fit:contain;filter:drop-shadow(0 12px 26px rgba(0,0,0,.25));border-radius:18px;}
@media(max-width:760px){.t800-official-art {min-height:0;padding:0;margin-top:12px;}.t800-official-art .t800-official-logo {width:min(100%,325px);max-height:325px;}.site-footer .footer-community-logo {width:30px;height:30px;}}