.shopactivity-preview{padding:52px 0;background:linear-gradient(145deg,#f4f7fb,#fff 55%,#eff5ff);overflow:hidden}.shopactivity-admin-actions{display:flex;align-items:center;justify-content:center;margin:0 0 18px}.shopactivity-admin-edit-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 20px;border:1px solid #fed7aa;border-radius:13px;background:#f4511e;color:#fff;text-decoration:none;font:700 15px Kanit,sans-serif;box-shadow:0 8px 20px rgba(244,81,30,.22);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.shopactivity-admin-edit-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(244,81,30,.28);filter:brightness(.98)}.shopactivity-admin-edit-button i{font-size:15px}.shopactivity-preview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.shopactivity-title-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.shopactivity-title-copy{min-width:0}.shopactivity-preview-heading h2{margin:7px 0 4px;color:#111827;font-size:clamp(27px,3vw,38px)}.shopactivity-preview-heading p{margin:0;color:#64748b}.shopactivity-title-image{display:block;width:clamp(150px,18vw,230px);height:auto;max-height:105px;object-fit:contain;flex:0 0 auto}.shopactivity-open-all{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 18px;border-radius:13px;background:#f4511e;color:#fff;text-decoration:none;font-weight:700;white-space:nowrap;box-shadow:0 8px 20px #f4511e2e}.shopactivity-slider{position:relative;padding:0 48px 34px}.shopactivity-viewport{overflow:hidden;border-radius:19px}.shopactivity-track{display:flex;gap:22px;min-height:360px;transition:transform .45s cubic-bezier(.2,.7,.2,1);will-change:transform}.shopactivity-card{flex:0 0 calc((100% - 44px)/3);overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-bottom:3px solid #f4511e;border-radius:18px;box-shadow:0 10px 28px #0f172a14;cursor:pointer;transition:transform .2s,box-shadow .2s}.shopactivity-card:hover{transform:translateY(-4px);box-shadow:0 17px 34px #0f172a24}.shopactivity-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e5e7eb}.shopactivity-body{padding:18px}.shopactivity-body h3{margin:0 0 14px;color:#111827;font-size:18px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shopactivity-meta{margin:5px 0;color:#1f2937;font-size:14px}.shopactivity-arrow{position:absolute;top:42%;z-index:3;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#2563eb;font-size:28px;box-shadow:0 5px 18px #0f172a24;cursor:pointer}.shopactivity-arrow:disabled{opacity:.32;cursor:default}.shopactivity-prev{left:0}.shopactivity-next{right:0}.shopactivity-dots{position:absolute;left:0;right:0;bottom:3px;display:flex;justify-content:center;gap:8px}.shopactivity-dot{width:9px;height:9px;padding:0;border:0;border-radius:20px;background:#cbd5e1;cursor:pointer;transition:.2s}.shopactivity-dot.active{width:27px;background:#2563eb}.shopactivity-loading{flex:1;min-height:340px;display:flex;align-items:center;justify-content:center;gap:11px;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:18px}.shopactivity-spinner{width:22px;height:22px;border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:shopactivitySpin .75s linear infinite}@keyframes shopactivitySpin{to{transform:rotate(360deg)}}@media(max-width:900px){.shopactivity-card{flex-basis:calc((100% - 22px)/2)}}@media(max-width:620px){.shopactivity-preview{padding:38px 0}.shopactivity-admin-actions{margin-bottom:14px}.shopactivity-admin-edit-button{width:100%}.shopactivity-preview-heading{align-items:flex-start;flex-direction:column}.shopactivity-title-row{gap:10px}.shopactivity-title-image{width:145px;max-height:78px}.shopactivity-open-all{width:100%}.shopactivity-slider{padding:0 0 42px}.shopactivity-card{flex-basis:100%}.shopactivity-track{min-height:340px}.shopactivity-arrow{top:auto;bottom:0;width:36px;height:36px}.shopactivity-prev{left:8px}.shopactivity-next{right:8px}}