.smc-shop-app{--smc-teal: #0E7673;--smc-teal-dark: #095c5a;--smc-red: #A1232A;--smc-gold: #D48900;--smc-bg-page: #ffffff;--smc-bg-card: #ffffff;--smc-bg-subtle: #f9f9f9;--smc-text-main: #1a1a1a;--smc-text-muted: #666666;--smc-text-inverted: #ffffff;--smc-border-color: rgba(0, 0, 0, 0.08);--smc-shadow-card: 0 10px 30px rgba(0, 0, 0, 0.05);--smc-shadow-hover: 0 20px 40px rgba(14, 118, 115, 0.15);--smc-btn-nav-hover-bg: rgba(14, 118, 115, 0.05);--smc-btn-add-bg: rgba(0, 0, 0, 0.05);font-family:var(--smc-font-body, "Outfit", sans-serif);color:var(--smc-text-main);background-color:var(--smc-bg-page);max-width:1200px;margin:0 auto;padding:20px;padding-bottom:80px;margin-bottom:60px;min-height:70vh}[data-theme=dark] .smc-shop-app{--smc-bg-page: #0D1316;--smc-bg-card: #151C20;--smc-bg-subtle: #1d262b;--smc-text-main: #eef1f5;--smc-text-muted: #aab2bb;--smc-border-color: rgba(255, 255, 255, 0.1);--smc-shadow-card: 0 10px 30px rgba(0, 0, 0, 0.3);--smc-shadow-hover: 0 20px 40px rgba(0, 0, 0, 0.5);--smc-btn-nav-hover-bg: rgba(14, 118, 115, 0.2);--smc-btn-add-bg: rgba(255, 255, 255, 0.1)}@media(prefers-color-scheme: dark){.smc-shop-app:not([data-theme=light] *){--smc-bg-page: #0D1316;--smc-bg-card: #151C20;--smc-bg-subtle: #1d262b;--smc-text-main: #eef1f5;--smc-text-muted: #aab2bb;--smc-border-color: rgba(255, 255, 255, 0.1);--smc-shadow-card: 0 10px 30px rgba(0, 0, 0, 0.3);--smc-shadow-hover: 0 20px 40px rgba(0, 0, 0, 0.5);--smc-btn-nav-hover-bg: rgba(14, 118, 115, 0.2);--smc-btn-add-bg: rgba(255, 255, 255, 0.1)}}.smc-shop-app h1,.smc-shop-app h2,.smc-shop-app h3,.smc-shop-app h4{font-family:var(--smc-font-heading, "Montserrat", sans-serif);font-weight:800;letter-spacing:-1px;color:var(--smc-text-main)}.smc-shop-app .smc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;border-bottom:1px solid var(--smc-border-color);padding-bottom:20px}.smc-shop-app .smc-brand h1{margin:0;font-size:2rem}.smc-shop-app .smc-brand p{margin:0;opacity:.6;font-size:.9rem;color:var(--smc-text-muted)}.smc-shop-app .smc-nav{display:flex;gap:15px}.smc-shop-app .smc-btn-nav{background:none;border:none;font-family:var(--smc-font-heading, "Montserrat", sans-serif);font-weight:800;font-size:13px;letter-spacing:2px;cursor:pointer;padding:10px 20px;transition:all .3s;color:var(--smc-text-muted);border-radius:100px;position:relative}.smc-shop-app .smc-btn-nav:hover,.smc-shop-app .smc-btn-nav.active{color:var(--smc-teal);background:var(--smc-btn-nav-hover-bg)}.smc-shop-app .cart-count{background:var(--smc-red);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;position:absolute;top:0;right:0}.smc-shop-app .grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:30px}.smc-shop-app .card{border:1px solid var(--smc-border-color);border-radius:20px;overflow:hidden;background:var(--smc-bg-card);transition:transform .3s ease,box-shadow .3s ease;box-shadow:var(--smc-shadow-card);display:flex;flex-direction:column}.smc-shop-app .card:hover{transform:translateY(-8px);box-shadow:var(--smc-shadow-hover);border-color:var(--smc-teal)}.smc-shop-app .card .card-image-wrapper{height:200px;position:relative;overflow:hidden}.smc-shop-app .card .card-image{width:100%;height:100%;background-color:var(--smc-bg-subtle);background-size:cover;background-position:center;transition:transform .5s}.smc-shop-app .card:hover .card-image{transform:scale(1.05)}.smc-shop-app .card .card-body{padding:25px;flex-grow:1;display:flex;flex-direction:column}.smc-shop-app .card .card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.smc-shop-app .card .card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:15px}.smc-shop-app .card h3{font-size:1.25rem;margin:0;margin-bottom:.5rem;color:var(--smc-text-main);line-height:1.3}.smc-shop-app .card .price{font-size:1.5rem;font-weight:900;color:var(--smc-teal)}.smc-shop-app .card-badge.owned{position:absolute;top:10px;right:10px;background:var(--smc-teal);color:#fff;font-size:.7rem;padding:4px 10px;border-radius:100px;font-weight:700;text-transform:uppercase;z-index:10}.smc-shop-app .type-tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;opacity:.6;font-weight:600;color:var(--smc-text-main)}.smc-shop-app .btn-action{min-height:34px;border-radius:999px;background:var(--smc-btn-add-bg);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--smc-text-main);padding:0 14px;font-size:.78rem;font-weight:700;letter-spacing:.01em;white-space:nowrap}.smc-shop-app .btn-action:hover{background:var(--smc-red);color:#fff}.smc-shop-app .btn-action.disabled,.smc-shop-app .btn-action:disabled{opacity:.65;cursor:not-allowed;background:var(--smc-btn-add-bg);color:var(--smc-text-muted)}.smc-shop-app .learning-restricted{text-align:center;padding:100px 20px}.smc-shop-app .learning-restricted h2{margin-bottom:10px}.smc-shop-app .learning-restricted p{color:var(--smc-text-muted)}.smc-shop-app .learning-dashboard{display:grid;gap:28px}.smc-shop-app .learning-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.3fr .7fr;gap:20px;padding:34px;border-radius:28px;border:1px solid color-mix(in srgb, var(--smc-border-color) 75%, transparent);background:radial-gradient(circle at 85% 18%, rgba(255, 255, 255, 0.22), transparent 30%),linear-gradient(140deg, var(--smc-teal), var(--smc-teal-dark));color:var(--smc-text-inverted);box-shadow:0 24px 60px rgba(14,118,115,.25);isolation:isolate}.smc-shop-app .learning-hero__glow{position:absolute;inset:auto -50px -60px auto;width:260px;height:260px;background:radial-gradient(circle, rgba(255, 255, 255, 0.2), transparent 65%);pointer-events:none;z-index:-1}.smc-shop-app .learning-hero__content h2{margin:8px 0 10px;font-size:clamp(1.9rem,3.2vw,2.8rem);color:#f8fcff;text-transform:capitalize;letter-spacing:-1.2px}.smc-shop-app .learning-hero__content p{margin:0;color:rgba(246,252,253,.86);max-width:60ch}.smc-shop-app .learning-hero__eyebrow{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:rgba(246,252,253,.82)}.smc-shop-app .learning-hero__meta{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.smc-shop-app .learning-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 12px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;background:hsla(0,0%,100%,.16);border:1px solid hsla(0,0%,100%,.25);color:#f8fcff;backdrop-filter:blur(4px)}.smc-shop-app .learning-hero__stats{align-self:end;display:grid;gap:12px}.smc-shop-app .learning-stat{display:flex;align-items:center;gap:10px;border-radius:14px;padding:12px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2)}.smc-shop-app .learning-stat svg{color:#f0fbfc;flex-shrink:0}.smc-shop-app .learning-stat div{display:grid;line-height:1.15}.smc-shop-app .learning-stat strong{font-family:var(--smc-font-heading, "Montserrat", sans-serif);font-size:.8rem;letter-spacing:.4px;color:#f7fbff;text-transform:uppercase}.smc-shop-app .learning-stat span{font-size:.78rem;color:rgba(248,252,255,.78)}.smc-shop-app .learning-hero--premium{background:radial-gradient(circle at 90% 15%, rgba(212, 137, 0, 0.32), transparent 38%),linear-gradient(140deg, #0f6f6d, #084c4d)}.smc-shop-app .learning-hero--basic{background:radial-gradient(circle at 90% 15%, rgba(255, 255, 255, 0.18), transparent 38%),linear-gradient(140deg, #0e7673, #096361)}.smc-shop-app .learning-hero--free{background:radial-gradient(circle at 90% 15%, rgba(255, 255, 255, 0.16), transparent 38%),linear-gradient(140deg, #5c6772, #414b54)}.smc-shop-app .learning-panels{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px}.smc-shop-app .learning-panel{background:var(--smc-bg-card);border-radius:24px;border:1px solid var(--smc-border-color);padding:34px;box-shadow:var(--smc-shadow-card);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.smc-shop-app .learning-panel:hover{transform:translateY(-4px);box-shadow:var(--smc-shadow-hover);border-color:color-mix(in srgb, var(--smc-teal) 40%, var(--smc-border-color))}.smc-shop-app .learning-panel h3{margin:0 0 12px;font-size:1.9rem;line-height:1.05}.smc-shop-app .learning-panel p{margin:0;color:var(--smc-text-muted);font-size:1.02rem;line-height:1.55}.smc-shop-app .learning-empty{margin-top:26px;border-radius:16px;border:1px dashed color-mix(in srgb, var(--smc-border-color) 85%, transparent);background:color-mix(in srgb, var(--smc-bg-subtle) 80%, transparent);padding:24px;text-align:center}.smc-shop-app .learning-empty p{margin:0;font-size:.95rem;opacity:.75}.smc-shop-app .learning-grid{margin-top:24px;display:grid;gap:14px}.smc-shop-app .learning-card{display:flex;flex-direction:column;gap:12px;border-radius:16px;border:1px solid color-mix(in srgb, var(--smc-border-color) 85%, transparent);background:color-mix(in srgb, var(--smc-bg-subtle) 82%, transparent);padding:16px}.smc-shop-app .learning-card__body{display:grid;gap:10px}.smc-shop-app .learning-card__body h4{margin:0;font-size:1.5rem;line-height:1.15}.smc-shop-app .learning-progress{height:8px;border-radius:999px;background:color-mix(in srgb, var(--smc-bg-card) 80%, var(--smc-border-color));overflow:hidden}.smc-shop-app .learning-progress__bar{height:100%;border-radius:inherit;background:linear-gradient(90deg, var(--smc-teal), var(--smc-teal-dark))}.smc-shop-app .learning-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.smc-shop-app .learning-card__meta span{color:var(--smc-text-muted);font-size:.95rem}.smc-shop-app .learning-action-btn{display:inline-flex;align-items:center;gap:7px;border-radius:999px;border:1px solid color-mix(in srgb, var(--smc-red) 30%, transparent);background:color-mix(in srgb, var(--smc-red) 8%, transparent);color:var(--smc-red);text-decoration:none;font-weight:700;font-size:.84rem;padding:8px 12px;line-height:1;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.smc-shop-app .learning-action-btn svg{flex-shrink:0}.smc-shop-app .learning-action-btn:hover{color:#fff;background:var(--smc-red);border-color:var(--smc-red);transform:translateY(-1px)}.smc-shop-app .learning-growth{margin-top:24px;display:grid;gap:12px}.smc-shop-app .learning-growth__item{display:flex;align-items:center;justify-content:space-between;border-radius:14px;padding:14px 16px;border:1px solid color-mix(in srgb, var(--smc-border-color) 86%, transparent);background:color-mix(in srgb, var(--smc-bg-subtle) 88%, transparent)}.smc-shop-app .learning-growth__item span{font-size:.9rem;color:var(--smc-text-muted)}.smc-shop-app .learning-growth__item strong{font-size:1rem;color:var(--smc-text-main);font-weight:800}.smc-shop-app .learning-skeleton{margin-top:24px;display:grid;gap:14px}.smc-shop-app .learning-skeleton__row{display:flex;align-items:center;gap:12px}.smc-shop-app .learning-skeleton__icon{width:40px;height:40px;border-radius:11px;background:color-mix(in srgb, var(--smc-teal) 55%, var(--smc-bg-card));opacity:.55;animation:learningPulse 1.8s ease-in-out infinite}.smc-shop-app .learning-skeleton__icon--muted{background:color-mix(in srgb, var(--smc-teal) 35%, var(--smc-bg-card));opacity:.45}.smc-shop-app .learning-skeleton__bar{height:12px;border-radius:999px;background:color-mix(in srgb, var(--smc-bg-subtle) 86%, var(--smc-border-color));animation:learningPulse 1.8s ease-in-out infinite}.smc-shop-app .learning-skeleton__bar--long{width:62%}.smc-shop-app .learning-skeleton__bar--short{width:42%}@keyframes learningPulse{0%,100%{opacity:.34}50%{opacity:.82}}.smc-shop-app .empty-cart-state{text-align:center;padding:100px 20px;background:var(--smc-bg-subtle);border-radius:30px;border:1px dashed var(--smc-border-color)}.smc-shop-app .empty-cart-state h2{opacity:.5;color:var(--smc-text-muted)}.smc-shop-app .empty-cart-state p{color:var(--smc-text-muted)}.smc-shop-app .cart-container{display:grid;grid-template-columns:2fr 1fr;gap:40px}@media(max-width: 768px){.smc-shop-app .cart-container{grid-template-columns:1fr}}.smc-shop-app .cart-items h2{margin-bottom:30px;font-size:1.8rem}.smc-shop-app .cart-item{display:flex;justify-content:space-between;align-items:center;padding:25px;background:var(--smc-bg-card);border-radius:20px;margin-bottom:15px;border:1px solid var(--smc-border-color);box-shadow:var(--smc-shadow-card);transition:transform .2s}.smc-shop-app .cart-item:hover{transform:translateY(-2px)}.smc-shop-app .cart-item .item-info h4{margin:0;font-size:1.1rem;font-weight:700;color:var(--smc-text-main)}.smc-shop-app .cart-item .item-info .price{font-size:1.1rem;color:var(--smc-teal);font-weight:800}.smc-shop-app .cart-item .btn-remove{background:none;border:none;color:var(--smc-red);cursor:pointer;font-size:.85rem;font-weight:700;text-transform:uppercase;opacity:.8;transition:opacity .2s}.smc-shop-app .cart-item .btn-remove:hover{opacity:1;text-decoration:underline}.smc-shop-app .cart-summary{background:var(--smc-bg-card);padding:30px;border-radius:20px;box-shadow:var(--smc-shadow-card);border:1px solid var(--smc-border-color);height:-moz-fit-content;height:fit-content;position:sticky;top:20px}.smc-shop-app .cart-summary h2{margin-bottom:20px}.smc-shop-app .cart-summary .summary-row{display:flex;justify-content:space-between;margin-bottom:15px;color:var(--smc-text-muted)}.smc-shop-app .cart-summary .total-row{display:flex;justify-content:space-between;font-size:1.25rem;font-weight:800;margin:20px 0;padding-top:20px;border-top:1px solid var(--smc-border-color);color:var(--smc-text-main)}.smc-shop-app .cart-summary .total-row .amount{color:var(--smc-teal)}.smc-shop-app .cart-summary .btn-checkout{width:100%;padding:18px;background:var(--smc-red);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:transform .2s,background .2s}.smc-shop-app .cart-summary .btn-checkout:hover{transform:scale(1.02);background:#8a1d23}.smc-shop-app .cart-summary .btn-checkout:disabled{opacity:.7;cursor:not-allowed}.smc-shop-app .cart-summary .security-note{font-size:.8rem;text-align:center;margin-top:20px;color:var(--smc-text-muted);opacity:.7}.smc-shop-app .smc-product-details{max-width:1200px;margin:0 auto;padding-bottom:150px;min-height:80vh;display:flow-root}.smc-shop-app .btn-back{display:flex;align-items:center;gap:5px;background:none;border:none;color:var(--smc-text-muted);font-weight:600;cursor:pointer;margin-bottom:30px;transition:color .2s}.smc-shop-app .btn-back:hover{color:var(--smc-teal)}.smc-shop-app .details-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px}@media(max-width: 900px){.smc-shop-app .details-grid{grid-template-columns:1fr;gap:30px}}.smc-shop-app .details-image{width:100%;aspect-ratio:16/10;background-size:cover;background-position:center;border-radius:20px;position:relative;box-shadow:0 20px 40px rgba(0,0,0,.1)}.smc-shop-app .details-overlay{position:absolute;top:20px;left:20px}.smc-shop-app .badge{background:rgba(0,0,0,.6);backdrop-filter:blur(10px);color:#fff;padding:5px 12px;border-radius:100px;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.smc-shop-app .details-content{display:flex;flex-direction:column;gap:20px}.smc-shop-app .details-title{font-size:2rem;line-height:1.2;margin:0;color:var(--smc-text-main);letter-spacing:-0.5px}.smc-shop-app .details-price{font-size:1.5rem;color:var(--smc-teal);font-weight:700;margin-top:5px}.smc-shop-app .smc-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:14px;padding:.78rem 1.2rem;font-size:.86rem;font-weight:800;letter-spacing:.03em;color:#f8fbfb;background:linear-gradient(135deg, #12a69d 0%, #0d7d78 100%);box-shadow:0 12px 30px rgba(14,118,115,.24);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.smc-shop-app .smc-btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 16px 36px rgba(14,118,115,.3)}.smc-shop-app .smc-btn-primary.disabled{background:color-mix(in srgb, var(--smc-text-muted) 85%, #7f8a93 15%);cursor:not-allowed;transform:none;box-shadow:none;filter:none;opacity:.6}.smc-shop-app .details-description h3,.smc-shop-app .details-features h3{font-size:.8rem;text-transform:uppercase;color:var(--smc-text-muted);letter-spacing:1.5px;margin-bottom:12px;font-weight:700}.smc-shop-app .details-description p{line-height:1.7;font-size:1rem;color:var(--smc-text-main);opacity:.85}.smc-shop-app .details-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.smc-shop-app .details-features li{display:flex;align-items:flex-start;gap:10px;line-height:1.5;font-size:.95rem;color:var(--smc-text-main)}.smc-shop-app .details-features li::before{content:"✓";color:var(--smc-teal);font-weight:bold;flex-shrink:0}.smc-shop-app .fade-in{animation:fadeIn .4s ease forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.smc-shop-app .smc-toaster{position:fixed;right:26px;bottom:26px;z-index:2000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.smc-shop-app .smc-toast{pointer-events:auto;min-width:320px;max-width:420px;background:color-mix(in srgb, var(--smc-bg-card) 90%, transparent);border:1px solid color-mix(in srgb, var(--smc-border-color) 80%, transparent);box-shadow:0 18px 50px rgba(0,0,0,.22);border-radius:16px;padding:14px 14px 16px;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;animation:smcToastIn .45s cubic-bezier(0.19, 1, 0.22, 1) forwards;backdrop-filter:blur(10px)}.smc-shop-app .smc-toast.success{border-left:4px solid var(--smc-teal)}.smc-shop-app .smc-toast.error{border-left:4px solid var(--smc-red)}.smc-shop-app .smc-toast .toast-content{flex-grow:1}.smc-shop-app .smc-toast .toast-content h4{margin:0;font-size:.9rem;font-weight:800;color:var(--smc-text-main)}.smc-shop-app .smc-toast .toast-content p{margin:4px 0 0 !important;font-size:.8rem;color:var(--smc-text-muted)}.smc-shop-app .smc-toast .toast-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--smc-bg-subtle);color:var(--smc-teal);flex-shrink:0}.smc-shop-app .smc-toast .toast-timer{position:absolute;bottom:0;left:0;height:3px;background:var(--smc-teal);width:100%;transform-origin:left;animation:smcToastTimer linear forwards}.smc-shop-app .smc-toast.error .toast-timer{background:var(--smc-red)}.smc-shop-app .smc-toast.error .toast-icon{color:var(--smc-red)}@keyframes smcToastIn{from{transform:translateX(44px) scale(0.94);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}@keyframes smcToastTimer{from{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width: 640px){.smc-shop-app .learning-hero{grid-template-columns:1fr;padding:24px;border-radius:22px}.smc-shop-app .learning-hero__stats{grid-template-columns:1fr 1fr}.smc-shop-app .learning-panels{grid-template-columns:1fr;gap:18px}.smc-shop-app .learning-panel{padding:24px}.smc-shop-app .learning-panel h3{font-size:1.65rem}.smc-shop-app .smc-toaster{right:14px;left:14px;bottom:14px}.smc-shop-app .smc-toast{min-width:0;width:100%;max-width:100%}}