/*
 * Packages & memberships storefront ([yatoon_growth_storefront]).
 *
 * Was printed inline on every render of the shortcode. Moved to a real
 * stylesheet so browsers cache it across page views, and so it goes through
 * the same minify + RTL build as every other stylesheet.
 */
.yatoon-storefront{max-width:980px;margin:24px auto;font-family:inherit}
.yatoon-storefront-title{margin:0 0 12px;font-size:1.6em}
.yatoon-storefront-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:12px 0 28px}
.yatoon-storefront-card{border:1px solid #e2e2e6;border-radius:10px;padding:18px;background:#fff;display:flex;flex-direction:column;justify-content:space-between}
.yatoon-storefront-card h4{margin:0 0 6px;font-size:1.15em}
.yatoon-storefront-card .ys-desc{margin:0 0 10px;color:#555;font-size:0.95em}
.yatoon-storefront-card .ys-meta{margin:0 0 12px;color:#222}
.yatoon-storefront-card .ys-meta strong{font-size:1.15em}
.ys-buy-btn{background:#111;color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer}
.ys-buy-btn:hover{background:#000}
.yatoon-storefront-modal{position:fixed;inset:0;background:rgba(0,0,0,0.55);display:flex;align-items:center;justify-content:center;z-index:99999;padding:16px}
.yatoon-storefront-modal[hidden]{display:none}
.ys-modal-inner{background:#fff;border-radius:12px;padding:24px;max-width:460px;width:100%;position:relative;box-shadow:0 10px 30px rgba(0,0,0,0.2)}
.ys-modal-close{position:absolute;top:8px;right:12px;background:none;border:0;font-size:1.6em;line-height:1;cursor:pointer;color:#666}
.ys-modal-title{margin:0 0 6px}
.ys-modal-summary{margin:0 0 16px;color:#444}
.ys-purchase-form input[type=text],.ys-purchase-form input[type=email],.ys-purchase-form input[type=tel]{width:100%;padding:8px 10px;border:1px solid #ccd0d4;border-radius:6px}
.ys-card-wrap{margin:12px 0}
.ys-payment-element{padding:10px;border:1px solid #ccd0d4;border-radius:6px;background:#fff}
.ys-card-error{color:#b32d2e;font-size:0.9em;min-height:1.2em;margin-top:4px}
.ys-status{min-height:1.2em;margin:8px 0;color:#444}
.ys-status.ys-success{color:#0a7d3b;font-weight:600}
.ys-status.ys-error{color:#b32d2e;font-weight:600}
.ys-submit{background:#0a7d3b;color:#fff;border:0;border-radius:8px;padding:10px 18px;font-weight:600;cursor:pointer;width:100%}
.ys-submit:disabled{opacity:0.6;cursor:not-allowed}
.ys-notice{background:#fffbe6;border:1px solid #f0c36d;padding:10px;border-radius:6px;font-size:0.95em}
