/* YogiSolution Marketplace – components (theme independent). Colours come from CSS variables the theme can override. */
:root{--ys-primary:#6C2BFF;--ys-secondary:#9333EA;--ys-blue:#2563EB;--ys-navy:#090B24;--ys-bg:#F8F9FF;--ys-card:#fff;--ys-text:#111827;--ys-muted:#64748B;--ys-border:#E6E8F2;--ys-radius:16px;--ys-radius-sm:10px;--ys-shadow:0 10px 30px -12px rgba(17,24,39,.16);--ys-shadow-lg:0 24px 60px -20px rgba(76,29,149,.35);--ys-grad:linear-gradient(135deg,var(--ys-primary),var(--ys-secondary) 55%,var(--ys-blue));}
.ys-icon{flex:none;vertical-align:middle}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.ys-hp{position:absolute!important;left:-9999px!important;height:0;width:0;opacity:0}
.ys-muted{color:var(--ys-muted)}.small{font-size:.85em}.center{text-align:center}

/* Buttons */
.ys-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:12px;border:1px solid transparent;font-weight:600;font-size:.95rem;line-height:1.2;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,color .2s;font-family:inherit}
.ys-btn:focus-visible{outline:3px solid rgba(108,43,255,.35);outline-offset:2px}
.ys-btn-primary{background:var(--ys-grad);color:#fff;box-shadow:0 10px 24px -10px rgba(108,43,255,.65)}
.ys-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(108,43,255,.75);color:#fff}
.ys-btn-light{background:#F1EDFF;color:var(--ys-primary)}
.ys-btn-light:hover{background:#E6DEFF;color:var(--ys-primary)}
.ys-btn-white{background:#fff;color:var(--ys-primary)}
.ys-btn-white:hover{transform:translateY(-2px);color:var(--ys-secondary)}
.ys-btn-ghost{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
.ys-btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.ys-btn-outline{background:#fff;border-color:var(--ys-border);color:var(--ys-text)}
.ys-btn-outline:hover{border-color:var(--ys-primary);color:var(--ys-primary)}
.ys-btn-block{width:100%}.ys-btn-lg{padding:1rem 1.6rem;font-size:1.05rem}.ys-btn-sm{padding:.5rem .85rem;font-size:.85rem;border-radius:9px}
.ys-btn[disabled]{opacity:.6;cursor:not-allowed;transform:none}
.loading{position:relative;pointer-events:none;opacity:.75}
.ys-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--ys-primary);font-weight:600;text-decoration:none}
.ys-link:hover .ys-icon{transform:translateX(3px)}.ys-link .ys-icon{transition:transform .2s}

/* Product grid & card */
.ys-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}
.ys-product-card{background:var(--ys-card);border:1px solid var(--ys-border);border-radius:var(--ys-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.ys-product-card:hover{transform:translateY(-6px);box-shadow:var(--ys-shadow-lg);border-color:transparent}
.ys-card-media{position:relative;display:block;aspect-ratio:16/10;background:#EEF0FA;overflow:hidden}
.ys-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.ys-product-card:hover .ys-card-media img{transform:scale(1.06)}
.ys-badge{position:absolute;top:12px;left:12px;padding:.28rem .65rem;border-radius:7px;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#111827;box-shadow:0 6px 14px -6px rgba(0,0,0,.4)}
.ys-badge-new{background:#EF4444}.ys-badge-popular{background:#16A34A}.ys-badge-hot{background:#F97316}.ys-badge-best{background:linear-gradient(135deg,#F59E0B,#EF4444)}.ys-badge-featured{background:var(--ys-primary)}.ys-badge-sale{background:var(--ys-blue)}
.ys-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.ys-card-cat{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ys-primary);text-decoration:none;margin-bottom:6px}
.ys-card-title{font-size:1rem;line-height:1.35;margin:0 0 6px;font-weight:700}
.ys-card-title a{color:var(--ys-text);text-decoration:none}
.ys-card-title a:hover{color:var(--ys-primary)}
.ys-card-excerpt{font-size:.85rem;color:var(--ys-muted);margin:0 0 10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ys-card-rating{font-size:.85rem;font-weight:600;color:var(--ys-text);margin-bottom:8px}.ys-card-rating span{color:var(--ys-muted);font-weight:500}
.ys-star{color:#F59E0B}
.ys-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ys-price{display:flex;align-items:baseline;gap:8px}
.ys-price strong{font-size:1.2rem;font-weight:800;color:var(--ys-text)}
.ys-price del{color:var(--ys-muted);font-size:.85rem}
.ys-card-actions{display:flex;gap:6px}
.ys-icon-btn{width:38px;height:38px;border-radius:10px;display:inline-grid;place-items:center;background:#F1EDFF;color:var(--ys-primary);text-decoration:none;transition:all .2s;border:0;cursor:pointer}
.ys-icon-btn:hover{background:var(--ys-primary);color:#fff}
.ys-icon-btn.ys-add{background:var(--ys-grad);color:#fff}
.ys-icon-btn.ys-add:hover{transform:scale(1.08)}
.ys-icon-btn.added{background:#16A34A}

/* Stars */
.ys-stars{color:#D7DBE8;letter-spacing:1px}.ys-stars i{font-style:normal}.ys-stars .on{color:#F59E0B}.ys-stars .half{background:linear-gradient(90deg,#F59E0B 50%,#D7DBE8 50%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Forms */
.ys-card-box{background:#fff;border:1px solid var(--ys-border);border-radius:var(--ys-radius);padding:28px;box-shadow:var(--ys-shadow)}
.ys-card-box h3{margin-top:0}
.ys-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ys-span-2{grid-column:span 2}
.ys-card-box label,.ys-auth label,.ys-contact label{display:flex;flex-direction:column;gap:6px;font-size:.88rem;font-weight:600;color:var(--ys-text);margin-bottom:14px}
.ys-form-grid label{margin-bottom:0}
.ys-card-box input:not([type=checkbox]):not([type=radio]),.ys-card-box select,.ys-card-box textarea,.ys-filters input,.ys-filters select,.ys-coupon input,.ys-newsletter-form input,.ys-review-form textarea{width:100%;padding:.78rem .95rem;border:1px solid var(--ys-border);border-radius:var(--ys-radius-sm);font:inherit;font-weight:400;background:#fff;color:var(--ys-text);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}
.ys-card-box input:focus,.ys-card-box select:focus,.ys-card-box textarea:focus,.ys-filters input:focus,.ys-filters select:focus,.ys-coupon input:focus,.ys-newsletter-form input:focus,.ys-review-form textarea:focus{outline:0;border-color:var(--ys-primary);box-shadow:0 0 0 4px rgba(108,43,255,.12)}
.ys-check{flex-direction:row!important;align-items:center;gap:8px!important;font-weight:500!important}
.ys-form-msg{min-height:1.2em;font-size:.9rem;margin:10px 0}.ys-form-msg.ok{color:#15803D}.ys-form-msg.err,.ys-checkout .ys-form-msg{color:#DC2626}
.ys-notice{padding:14px 16px;border-radius:12px;background:#EEF2FF;border:1px solid #DDE3FF;color:#3730A3;margin:0 0 18px}
.ys-notice-success{background:#ECFDF5;border-color:#BBF7D0;color:#166534}.ys-notice-error{background:#FEF2F2;border-color:#FECACA;color:#991B1B}
.ys-narrow{max-width:520px}

/* Shop */
.ys-shop{scroll-margin-top:100px}
.ys-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:#fff;border:1px solid var(--ys-border);border-radius:var(--ys-radius);padding:14px;box-shadow:var(--ys-shadow);margin-bottom:18px}
.ys-filter-search{flex:1 1 240px;position:relative}
.ys-filter-search .ys-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ys-muted)}
.ys-filter-search input{padding-left:38px!important}
.ys-filters select{flex:0 1 190px;width:auto}
.ys-price-filter{display:flex;align-items:center;gap:6px}.ys-price-filter input{width:90px}
.ys-result-count{color:var(--ys-muted);font-size:.9rem;margin:0 0 16px}
.ys-shop-results{transition:opacity .2s}.ys-shop-results.loading{opacity:.4}
.ys-pagination{display:flex;gap:8px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.ys-pagination button,.ys-pagination a,.ys-pagination span{min-width:42px;height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--ys-border);background:#fff;font:inherit;font-weight:600;cursor:pointer;color:var(--ys-text);display:inline-grid;place-items:center;text-decoration:none}
.ys-pagination .current{background:var(--ys-grad);color:#fff;border-color:transparent}
.ys-empty{text-align:center;padding:56px 20px;color:var(--ys-muted);background:#fff;border:1px dashed var(--ys-border);border-radius:var(--ys-radius)}
.ys-empty .ys-icon{color:var(--ys-primary);opacity:.7}.ys-empty h3{color:var(--ys-text);margin:12px 0 6px}

/* Cart & checkout */
.ys-cart-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
.ys-cart-items{background:#fff;border:1px solid var(--ys-border);border-radius:var(--ys-radius);padding:8px 20px}
.ys-cart-line{display:grid;grid-template-columns:96px 1fr 80px 100px 36px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--ys-border);transition:opacity .2s}
.ys-cart-line:last-of-type{border-bottom:0}
.ys-cart-thumb img{width:96px;height:60px;object-fit:cover;border-radius:10px;display:block}
.ys-cart-info{display:flex;flex-direction:column;gap:4px}.ys-cart-info a{color:var(--ys-text);text-decoration:none}
.ys-qty input{width:70px;padding:.5rem;border:1px solid var(--ys-border);border-radius:9px;text-align:center;font:inherit}
.ys-line-total{text-align:right}
.ys-remove{border:0;background:#FEF2F2;color:#DC2626;width:34px;height:34px;border-radius:9px;cursor:pointer;display:grid;place-items:center}
.ys-summary{background:#fff;border:1px solid var(--ys-border);border-radius:var(--ys-radius);padding:24px;box-shadow:var(--ys-shadow);position:sticky;top:100px}
.ys-summary h3{margin:0 0 16px}
.ys-sum-row{display:flex;justify-content:space-between;padding:8px 0;color:var(--ys-muted)}
.ys-sum-row em{font-style:normal;background:#F1EDFF;color:var(--ys-primary);padding:1px 8px;border-radius:6px;font-size:.8rem;margin-left:4px}
.ys-sum-total{border-top:1px solid var(--ys-border);margin:10px 0 18px;padding-top:14px;color:var(--ys-text);font-weight:800;font-size:1.2rem}
.ys-coupon{display:flex;gap:8px;margin-top:10px}.ys-coupon .ys-btn{padding:.7rem 1rem}
.ys-coupon-msg{font-size:.85rem;margin:6px 0 0;min-height:1em}.ys-coupon-msg.ok{color:#15803D}.ys-coupon-msg.err{color:#DC2626}
.ys-assure{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px;font-size:.85rem;color:var(--ys-muted)}
.ys-assure li{display:flex;gap:8px;align-items:center}.ys-assure .ys-icon{color:#16A34A}
.ys-gateway{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;padding:14px 16px;border:1px solid var(--ys-border);border-radius:12px;margin-bottom:10px!important;cursor:pointer}
.ys-gateway:has(input:checked){border-color:var(--ys-primary);background:#FAF8FF;box-shadow:0 0 0 3px rgba(108,43,255,.1)}
.ys-gateway-info{font-size:.88rem;color:var(--ys-muted);padding:0 16px 8px}
.ys-summary-items{padding:16px 20px;margin-bottom:16px}
.ys-mini-line{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:8px 0;font-size:.9rem}
.ys-mini-line img{width:56px;height:36px;object-fit:cover;border-radius:8px}.ys-mini-line em{color:var(--ys-muted);font-style:normal}

/* Auth */
.ys-auth{max-width:440px;margin:0 auto}.ys-auth h2{margin:0 0 6px}
.ys-auth-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.88rem}
.ys-auth-row label{margin:0!important}

/* Account */
.ys-account{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}
.ys-account-nav{background:#fff;border:1px solid var(--ys-border);border-radius:var(--ys-radius);padding:16px;position:sticky;top:100px}
.ys-account-user{display:flex;gap:12px;align-items:center;padding:6px 6px 16px;border-bottom:1px solid var(--ys-border);margin-bottom:10px}
.ys-account-user img{border-radius:50%}.ys-account-user span{display:block;font-size:.8rem;color:var(--ys-muted);word-break:break-all}
.ys-account-nav nav a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;color:var(--ys-text);text-decoration:none;font-weight:500;font-size:.92rem}
.ys-account-nav nav a:hover{background:#F6F4FF;color:var(--ys-primary)}
.ys-account-nav nav a.active{background:var(--ys-grad);color:#fff}
.ys-account-body h2{margin-top:0}
.ys-stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}
.ys-stat-cards div{background:#fff;border:1px solid var(--ys-border);border-radius:var(--ys-radius);padding:18px}
.ys-stat-cards span{color:var(--ys-muted);font-size:.85rem}.ys-stat-cards strong{display:block;font-size:1.8rem;margin-top:4px}
.ys-table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--ys-border);border-radius:var(--ys-radius);margin-bottom:20px}
.ys-table{width:100%;border-collapse:collapse;font-size:.9rem}
.ys-table th,.ys-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--ys-border);vertical-align:top}
.ys-table th{background:#FAFAFE;font-weight:700;color:var(--ys-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}
.ys-table tr:last-child td{border-bottom:0}
.ys-status{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:700;background:#F1F5F9;color:#475569}
.ys-status-completed,.ys-status-active,.ys-status-answered{background:#DCFCE7;color:#166534}.ys-status-pending,.ys-status-on-hold,.ys-status-open{background:#FEF3C7;color:#92400E}.ys-status-failed,.ys-status-cancelled,.ys-status-revoked,.ys-status-refunded{background:#FEE2E2;color:#991B1B}
.ys-key{background:#F6F4FF;color:var(--ys-primary);padding:4px 8px;border-radius:6px;font-size:.85rem}
.ys-copy{border:1px solid var(--ys-border);background:#fff;border-radius:6px;padding:3px 8px;font-size:.75rem;cursor:pointer}
.ys-download-list{display:grid;gap:14px}
.ys-download-item{display:grid;grid-template-columns:120px 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--ys-border);border-radius:var(--ys-radius);padding:14px}
.ys-download-item img{width:120px;height:75px;object-fit:cover;border-radius:10px}
.ys-dl-info{display:flex;flex-direction:column;gap:4px}.ys-dl-info a{color:var(--ys-text);text-decoration:none}
.ys-dl-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.ys-reply{margin-top:6px;font-size:.85rem;color:var(--ys-muted)}

/* Reviews */
.ys-reviews-summary{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.ys-big-rating{font-size:2.4rem;line-height:1}
.ys-review-list{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:14px}
.ys-review{background:#fff;border:1px solid var(--ys-border);border-radius:var(--ys-radius);padding:18px}
.ys-review-head{display:flex;gap:12px;align-items:center}.ys-review-head img{border-radius:50%}
.ys-review-head time{color:var(--ys-muted);font-size:.8rem;margin-left:6px}
.ys-verified{background:#DCFCE7;color:#166534;font-size:.7rem;padding:2px 8px;border-radius:999px;font-weight:700}
.ys-review-body{margin-top:10px;color:#334155}
.ys-review-form{background:#fff;border:1px solid var(--ys-border);border-radius:var(--ys-radius);padding:20px;display:grid;gap:12px}
.ys-review-form h4{margin:0}
.ys-rating-input{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.ys-rating-input input{position:absolute;opacity:0;width:0}
.ys-rating-input label{font-size:1.8rem;color:#D7DBE8;cursor:pointer;transition:color .15s}
.ys-rating-input label:hover,.ys-rating-input label:hover~label,.ys-rating-input input:checked~label{color:#F59E0B}
.ys-rating-input input:focus-visible+label{outline:2px solid var(--ys-primary)}

/* FAQ */
.ys-faq{display:grid;gap:12px}
.ys-faq-item{background:#fff;border:1px solid var(--ys-border);border-radius:14px;padding:0 20px;transition:box-shadow .2s,border-color .2s}
.ys-faq-item[open]{box-shadow:var(--ys-shadow);border-color:#DCD3FF}
.ys-faq-item summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:600;display:flex;justify-content:space-between;gap:16px;align-items:center}
.ys-faq-item summary::-webkit-details-marker{display:none}
.ys-faq-item summary .ys-icon{transition:transform .25s;color:var(--ys-primary)}
.ys-faq-item[open] summary .ys-icon{transform:rotate(180deg)}
.ys-faq-a{padding:0 0 18px;color:var(--ys-muted)}.ys-faq-a p{margin:0}

/* Services */
.ys-services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.ys-service-card{background:#fff;border:1px solid var(--ys-border);border-radius:var(--ys-radius);padding:26px;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.ys-service-card:hover{transform:translateY(-5px);box-shadow:var(--ys-shadow-lg)}
.ys-service-icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:#F1EDFF;color:var(--ys-primary);margin-bottom:16px}
.ys-service-card h3{margin:0 0 8px;font-size:1.15rem}.ys-service-card p{color:var(--ys-muted);margin:0 0 14px}
.ys-checklist{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px;font-size:.9rem}
.ys-checklist li{display:flex;gap:8px;align-items:flex-start}.ys-checklist .ys-icon{color:#16A34A;margin-top:2px}
.ys-service-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ys-border);padding-top:14px}

/* Newsletter */
.ys-newsletter-form{display:flex;gap:10px;flex-wrap:wrap;position:relative}
.ys-newsletter-form input[type=email]{flex:1 1 240px}
.ys-newsletter-form .ys-form-msg{flex-basis:100%;margin:4px 0 0}

/* Toast */
.ys-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ys-navy);color:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 20px 40px -12px rgba(0,0,0,.45);opacity:0;transition:all .3s;z-index:99999;font-weight:600;font-size:.92rem}
.ys-toast.show{opacity:1;transform:translate(-50%,0)}.ys-toast-err{background:#B91C1C}

/* Breadcrumbs */
.ys-breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:.85rem}
.ys-breadcrumbs li+li::before{content:'/';margin-right:6px;opacity:.5}
.ys-breadcrumbs a{color:inherit;text-decoration:none;opacity:.8}.ys-breadcrumbs a:hover{opacity:1}

@media (max-width:960px){
	.ys-cart-grid,.ys-account{grid-template-columns:1fr}
	.ys-summary,.ys-account-nav{position:static}
	.ys-account-nav nav{display:flex;overflow-x:auto;gap:4px}
	.ys-account-nav nav a{white-space:nowrap}
}
@media (max-width:640px){
	.ys-form-grid{grid-template-columns:1fr}.ys-span-2{grid-column:auto}
	.ys-cart-line{grid-template-columns:72px 1fr auto;grid-template-areas:"t i r" "t q l"}
	.ys-cart-thumb{grid-area:t}.ys-cart-info{grid-area:i}.ys-remove{grid-area:r}.ys-qty{grid-area:q}.ys-line-total{grid-area:l}
	.ys-cart-thumb img{width:72px;height:46px}
	.ys-download-item{grid-template-columns:80px 1fr}.ys-download-item img{width:80px;height:50px}.ys-dl-actions{grid-column:span 2;justify-content:flex-start}
	.ys-stat-cards{grid-template-columns:1fr}
	.ys-filters select,.ys-price-filter{flex:1 1 100%}.ys-price-filter input{flex:1}
	.ys-card-box{padding:20px}
	.ys-product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
	.ys-card-body{padding:12px}.ys-card-excerpt{display:none}.ys-price strong{font-size:1.05rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.ys-topbar{background:var(--ys-grad);color:#fff;text-align:center;padding:9px 16px;font-size:.88rem;font-weight:500}
.ys-topbar a{color:#fff;font-weight:700;text-decoration:underline;margin-left:8px}
.ys-promo-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ys-grad);color:#fff;border-radius:22px;padding:32px 36px;overflow:hidden;margin:0 0 24px}
.ys-promo-banner h3{color:#fff;font-size:1.6rem;margin:0 0 8px}.ys-promo-banner p{opacity:.9}
.ys-promo-banner img{max-width:320px;border-radius:14px}
@media(max-width:700px){.ys-promo-banner{flex-direction:column;align-items:flex-start;padding:24px}.ys-promo-banner img{max-width:100%}}

.ys-thumb-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:rgba(255,255,255,.9);background:radial-gradient(70% 90% at 100% 0,rgba(37,99,235,.6),transparent 60%),linear-gradient(135deg,#2A0C7A,#6C2BFF);font-weight:700;text-align:center;padding:16px}