
/* SnapChat Ads/sckp-common.css */
:root{--sckp-yellow: #fffc00;--sckp-yellow-hover: #f0ec00}
.sckp{--sckp-ink: #ffffff;--sckp-font: -apple-system, BlinkMacSystemFont, "Avenir Next", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;position: relative;width: 100%;font-family: var(--sckp-font);color: var(--sckp-ink);-webkit-font-smoothing: antialiased}
.sckp,.sckp *,.sckp *::before,.sckp *::after{box-sizing: border-box}
.sckp-sprite{position: absolute;width: 0;height: 0;overflow: hidden}
.sckp-phone{position: relative;width: 360px;height: 720px;max-width: 100%;border-radius: 40px;background: #000000;border: 10px solid #1a1c23;box-shadow: 0 24px 60px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(255, 255, 255, 0.08);overflow: hidden;margin: 0 auto;user-select: none}
.sckp-notch{position: absolute;top: 10px;left: 50%;transform: translateX(-50%);width: 110px;height: 24px;background: #000000;border-radius: 999px;z-index: 50;display: flex;align-items: center;justify-content: center}
.sckp-camera-lens{width: 10px;height: 10px;border-radius: 50%;background: #0d0f14;border: 1px solid #20242e}
.sckp-media-bg{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: 1}
.sckp-vignette-top{position: absolute;top: 0;left: 0;right: 0;height: 160px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);z-index: 2;pointer-events: none}
.sckp-vignette-bottom{position: absolute;bottom: 0;left: 0;right: 0;height: 220px;background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 60%, transparent 100%);z-index: 2;pointer-events: none}
.sckp-story-progress{position: absolute;top: 14px;left: 12px;right: 12px;display: flex;gap: 4px;z-index: 30}
.sckp-progress-segment{flex: 1;height: 2.5px;background: rgba(255, 255, 255, 0.35);border-radius: 2px;overflow: hidden;position: relative}
.sckp-progress-fill{position: absolute;top: 0;left: 0;bottom: 0;width: 0%;background: #ffffff;border-radius: 2px;transition: width 0.1s linear}
.sckp-progress-fill.is-completed{width: 100% !important}
.sckp-brand-header{position: absolute;top: 24px;left: 14px;right: 14px;display: flex;align-items: center;justify-content: space-between;z-index: 30}
.sckp-brand-info{display: flex;align-items: center;gap: 10px}
.sckp-brand-avatar{width: 38px;height: 38px;border-radius: 50%;border: 1.5px solid #ffffff;object-fit: cover;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5)}
.sckp-brand-text{display: flex;flex-direction: column}
.sckp-brand-name{font-size: 14px;font-weight: 700;color: #ffffff;text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);display: flex;align-items: center;gap: 4px}
.sckp-sponsored-text{font-size: 10.5px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: rgba(255, 255, 255, 0.85);text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8)}
.sckp-header-actions{display: flex;align-items: center;gap: 8px}
.sckp-icon-btn{width: 32px;height: 32px;border-radius: 50%;background: rgba(0, 0, 0, 0.35);backdrop-filter: blur(8px);border: 1px solid rgba(255, 255, 255, 0.15);color: #ffffff;display: flex;align-items: center;justify-content: center;cursor: pointer;padding: 0;transition: all 0.15s ease}
.sckp-icon-btn:hover{background: rgba(0, 0, 0, 0.6);transform: scale(1.08)}
.sckp-icon-btn svg{width: 16px;height: 16px;fill: currentColor}
.sckp-swipe-up-wrap{position: absolute;bottom: 24px;left: 0;right: 0;display: flex;flex-direction: column;align-items: center;gap: 6px;z-index: 30;cursor: pointer;transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1)}
.sckp-swipe-up-wrap:hover{transform: translateY(-4px)}
.sckp-swipe-arrows{display: flex;flex-direction: column;align-items: center;margin-bottom: -4px;animation: sckpPulseChevron 1.6s infinite ease-in-out}
.sckp-swipe-arrows svg{width: 22px;height: 12px;fill: var(--sckp-yellow);filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.8))}
.sckp-swipe-arrows svg:nth-child(2){margin-top: -6px;opacity: 0.6}
@keyframes sckpPulseChevron{0%, 100% { transform: translateY(0); opacity: 0.9; }
  50% { transform: translateY(-5px); opacity: 1; }}
.sckp-cta-pill{display: inline-flex;align-items: center;gap: 8px;padding: 10px 24px;background: rgba(0, 0, 0, 0.75);backdrop-filter: blur(12px);border: 1.5px solid var(--sckp-yellow);border-radius: 999px;color: #ffffff;font-size: 13.5px;font-weight: 800;letter-spacing: 0.04em;text-transform: uppercase;box-shadow: 0 4px 20px rgba(255, 252, 0, 0.35);transition: all 0.2s ease}
.sckp-cta-pill:hover{background: var(--sckp-yellow);color: #000000;box-shadow: 0 6px 24px rgba(255, 252, 0, 0.6)}
.sckp-cta-pill.solid-yellow{background: var(--sckp-yellow);color: #000000;border: none}
.sckp-cta-pill.solid-yellow:hover{background: var(--sckp-yellow-hover)}
.sckp-drawer{position: fixed;bottom: 0;left: 50%;transform: translateX(-50%) translateY(105%);width: 100%;max-width: 440px;background: #14151a;border: 1px solid rgba(255, 255, 255, 0.14);border-bottom: none;border-radius: 24px 24px 0 0;z-index: 200;padding: 16px 20px 24px;box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.85);transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1)}
.sckp-drawer.is-open{transform: translateX(-50%) translateY(0)}
.sckp-drawer-handle{width: 40px;height: 4px;border-radius: 2px;background: rgba(255, 255, 255, 0.3);margin: 0 auto 14px}
.sckp-drawer-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 16px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding-bottom: 10px}
.sckp-drawer-title{font-size: 16px;font-weight: 800;color: #ffffff;display: flex;align-items: center;gap: 8px}
.sckp-drawer-close{background: transparent;border: none;color: rgba(255, 255, 255, 0.6);font-size: 24px;cursor: pointer;padding: 0;line-height: 1}
.sckp-drawer-close:hover{color: #ffffff}
.sckp-toast{position: fixed;bottom: 24px;left: 50%;transform: translateX(-50%) translateY(100px);background: rgba(18, 18, 22, 0.95);backdrop-filter: blur(12px);border: 1px solid var(--sckp-yellow);color: #ffffff;padding: 10px 22px;border-radius: 999px;font-size: 13px;font-weight: 700;box-shadow: 0 8px 30px rgba(0, 0, 0, 0.8), 0 0 15px rgba(255, 252, 0, 0.3);z-index: 300;opacity: 0;pointer-events: none;transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);text-align: center;max-width: 90%}
.sckp-toast.is-active{transform: translateX(-50%) translateY(0);opacity: 1}
/* SnapChat Ads/demos/app-install/app-install.css */
.sckp-app-banner{position: absolute;bottom: 60px;left: 14px;right: 14px;background: rgba(18, 18, 22, 0.92);backdrop-filter: blur(14px);border: 1px solid rgba(255, 255, 255, 0.16);border-radius: 16px;padding: 10px 14px;display: flex;align-items: center;gap: 12px;z-index: 20;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6)}
.sckp-app-icon{width: 44px;height: 44px;border-radius: 10px;background-size: cover;background-position: center;flex-shrink: 0}
.sckp-app-details{flex: 1;min-width: 0}
.sckp-app-title{font-size: 13px;font-weight: 700;color: #ffffff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.sckp-app-rating{display: flex;align-items: center;gap: 4px;font-size: 11px;color: rgba(255, 255, 255, 0.65);margin-top: 2px}
.sckp-app-rating svg{width: 12px;height: 12px;fill: var(--sckp-yellow)}
.sckp-app-btn{padding: 6px 14px;border-radius: 999px;background: var(--sckp-yellow);color: #000000;font-size: 12px;font-weight: 800;text-decoration: none;border: none;cursor: pointer;flex-shrink: 0}
.sckp-app-btn:hover{background: var(--sckp-yellow-hover)}
/* SnapChat Ads/demos/ar-lens/ar-lens.css */
.sckp-lens-carousel{position: absolute;bottom: 60px;left: 0;right: 0;display: flex;justify-content: center;align-items: center;gap: 12px;z-index: 20;padding: 0 16px}
.sckp-lens-item{width: 48px;height: 48px;border-radius: 50%;background: rgba(0, 0, 0, 0.65);border: 2px solid rgba(255, 255, 255, 0.4);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1)}
.sckp-lens-item svg{width: 22px;height: 22px;fill: #ffffff;transition: transform 0.2s ease}
.sckp-lens-item.is-active{width: 60px;height: 60px;border-color: var(--sckp-yellow);background: rgba(255, 252, 0, 0.2);box-shadow: 0 0 18px rgba(255, 252, 0, 0.6)}
.sckp-lens-item.is-active svg{fill: var(--sckp-yellow);transform: scale(1.15)}
.sckp-lens-item:hover:not(.is-active){border-color: rgba(255, 255, 255, 0.8);transform: scale(1.08)}
/* SnapChat Ads/demos/chat/chat.css */
.sckp-chat-history{display: flex;flex-direction: column;gap: 10px;max-height: 240px;overflow-y: auto;margin-bottom: 14px;padding-right: 4px}
.sckp-bubble{padding: 10px 14px;border-radius: 16px;font-size: 13px;max-width: 82%;line-height: 1.4}
.sckp-bubble.bot{background: #242630;color: #ffffff;align-self: flex-start;border-bottom-left-radius: 4px}
.sckp-bubble.user{background: var(--sckp-yellow);color: #000000;align-self: flex-end;border-bottom-right-radius: 4px;font-weight: 600}
.sckp-chat-input-row{display: flex;gap: 8px}
/* SnapChat Ads/demos/collection/collection.css */
.sckp-collection-tray{position: absolute;bottom: 58px;left: 12px;right: 12px;display: grid;grid-template-columns: repeat(4, 1fr);gap: 8px;z-index: 20}
.sckp-collection-item{background: rgba(18, 18, 22, 0.85);backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.16);border-radius: 12px;padding: 6px 4px 8px;display: flex;flex-direction: column;align-items: center;text-align: center;cursor: pointer;transition: all 0.18s ease}
.sckp-collection-item:hover{transform: translateY(-2px);border-color: var(--sckp-yellow);background: rgba(28, 29, 36, 0.95)}
.sckp-collection-thumb{width: 44px;height: 44px;border-radius: 8px;background-size: cover;background-position: center;margin-bottom: 4px;border: 1px solid rgba(255, 255, 255, 0.1)}
.sckp-collection-name{font-size: 10px;font-weight: 700;color: #ffffff;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.sckp-collection-price{font-size: 10px;font-weight: 800;color: var(--sckp-yellow);margin-top: 2px}
/* SnapChat Ads/demos/commercial/commercial.css */
.sckp-commercial-timer{position: absolute;top: 50px;right: 14px;background: rgba(0, 0, 0, 0.75);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 999px;padding: 4px 12px;display: flex;align-items: center;gap: 6px;font-size: 11.5px;font-weight: 700;color: #ffffff;z-index: 25;backdrop-filter: blur(8px)}
.sckp-commercial-sec{color: var(--sckp-yellow);font-weight: 800;font-family: monospace}
/* SnapChat Ads/demos/dynamic-ad/dynamic-ad.css */
.sckp-product-card{position: absolute;bottom: 60px;left: 14px;right: 14px;background: rgba(18, 18, 22, 0.92);backdrop-filter: blur(14px);border: 1px solid rgba(255, 255, 255, 0.16);border-radius: 16px;padding: 10px 14px;display: flex;align-items: center;gap: 12px;z-index: 20;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6)}
.sckp-product-img{width: 48px;height: 48px;border-radius: 10px;background-size: cover;background-position: center;flex-shrink: 0}
.sckp-product-details{flex: 1;min-width: 0}
.sckp-product-title{font-size: 13px;font-weight: 700;color: #ffffff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.sckp-product-price-row{display: flex;align-items: center;gap: 8px;margin-top: 3px}
.sckp-product-now{font-size: 13px;font-weight: 800;color: var(--sckp-yellow)}
.sckp-product-was{font-size: 11px;color: rgba(255, 255, 255, 0.45);text-decoration: line-through}
/* SnapChat Ads/demos/event/event.css */
.sckp-event-card{position: absolute;bottom: 60px;left: 14px;right: 14px;background: rgba(18, 18, 22, 0.92);backdrop-filter: blur(14px);border: 1px solid rgba(255, 255, 255, 0.16);border-radius: 16px;padding: 10px 14px;display: flex;align-items: center;gap: 12px;z-index: 20;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6)}
.sckp-event-date-box{width: 44px;height: 44px;border-radius: 10px;background: rgba(255, 252, 0, 0.15);border: 1px solid rgba(255, 252, 0, 0.4);display: flex;flex-direction: column;align-items: center;justify-content: center;flex-shrink: 0}
.sckp-event-month{font-size: 9px;font-weight: 800;text-transform: uppercase;color: var(--sckp-yellow)}
.sckp-event-day{font-size: 16px;font-weight: 900;color: #ffffff;line-height: 1}
.sckp-event-info{flex: 1;min-width: 0}
.sckp-event-title{font-size: 13px;font-weight: 700;color: #ffffff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.sckp-event-venue{font-size: 11px;color: rgba(255, 255, 255, 0.6);margin-top: 2px}
/* SnapChat Ads/demos/lead-gen/lead-gen.css */
.sckp-form-group{margin-bottom: 12px}
.sckp-form-label{display: block;font-size: 12px;font-weight: 600;color: rgba(255, 255, 255, 0.75);margin-bottom: 5px}
.sckp-input{width: 100%;background: #1c1d24;border: 1px solid rgba(255, 255, 255, 0.14);border-radius: 10px;padding: 10px 14px;font-size: 13.5px;color: #ffffff;outline: none;transition: border-color 0.15s ease}
.sckp-input:focus{border-color: var(--sckp-yellow)}
.sckp-btn-yellow{width: 100%;padding: 12px;border-radius: 999px;background: var(--sckp-yellow);color: #000000;border: none;font-size: 14px;font-weight: 800;cursor: pointer;box-shadow: 0 4px 16px rgba(255, 252, 0, 0.4);transition: all 0.15s ease}
.sckp-btn-yellow:hover{background: var(--sckp-yellow-hover);transform: translateY(-1px)}
/* SnapChat Ads/demos/story/story.css */
/* SnapChat Ads/demos/top-snap/top-snap.css */
/* site/frames.css */
.ttkp{display: block;width: fit-content;max-width: none;margin: 0 -13px;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.ttkp > .ttkp-drawer{left: 12px;right: 12px;bottom: 12px}
@media (max-width: 479px){
.ttkp{max-width: 100%;margin: 0 auto}
}
.sckp{display: block;width: fit-content;max-width: none;margin: 0 -13px;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.sckp, .sckp *, .sckp *::before, .sckp *::after{box-sizing: border-box}
@media (max-width: 479px){
.sckp{max-width: 100%;margin: 0 auto}
}
.wwm-fbd-frame{display: block;width: 100%;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-fbd-frame>.fbkp{width: 100%}
@media (max-width:479px){
.wwm-fbd-frame{padding: 8px}
}
.wwm-fbd-frame .fbkp-marketplace-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px}
.wwm-fbd-frame .fbkp-messenger-drawer, .wwm-fbd-frame .fbkp-lead-modal, .wwm-fbd-frame .fbkp-canvas-modal{position: absolute}
.wwm-fbd-frame .fbkp-canvas-dialog, .wwm-fbd-frame .fbkp-lead-dialog{height: auto;max-height: calc(100% - 8px)}
.wwm-fbd-frame .fbkp-messenger-drawer{width: calc(100% - 24px);height: calc(100% - 24px);max-height: 520px}
.wwm-slot-phone .wwm-fbd-frame{margin: 0}
.wwm-rtd-frame{display: block;width: fit-content;max-width: none;margin: 0 -13px;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-rtd-frame.is-fluid{width: 100%;max-width: 100%;margin: 0}
.wwm-rtd-frame>.igkp, .wwm-rtd-frame>.likp, .wwm-rtd-frame>.ytkp{margin: 0 auto;min-height: 0}
@media (max-width:479px){
.wwm-rtd-frame{max-width: 100%;margin: 0 auto}
}
.wwm-rtd-frame:not(.is-fluid)>.igkp{width: 360px;max-width: 100%;height: 640px}
.wwm-rtd-frame:not(.is-fluid)>.igkp>.igkp-vertical-phone{margin: 0}
.wwm-kd-frame{display: block;width: 100%;max-width: 100%;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-kd-frame>.ytkp, .wwm-kd-frame>.amkp, .wwm-kd-frame>.likp, .wwm-kd-frame>.mskp,
.wwm-kd-frame>.pskp, .wwm-kd-frame>.askp, .wwm-kd-frame>.pnkp, .wwm-kd-frame>.rdkp{height: auto;min-height: 0;overflow: visible}
.wwm-kd-frame>.igkp{height: auto;overflow: visible}
.wwm-kd-frame [class*="phone"], .wwm-kd-frame [class*="vertical"]{max-width: 100%}
@media (max-width:479px){
.wwm-kd-frame{padding: 8px}
}
.wwm-gx-demo{display: block;width: 100%;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-gx-demo>.gmkp{border-radius: 8px}
@media (max-width:479px){
.wwm-gx-demo{padding: 8px}
.wwm-gx-demo.is-snip .gmkp-results{padding: 14px}
}
/* site/google.css */
.gmkp.is-standalone{height: auto !important;min-height: 0 !important;overflow: visible !important;background: transparent}
.gmkp-main{max-height: 600px;padding: 15px 0 0 clamp(24px,18cqw,182px);background: var(--gmkp-bg)}
@container (max-width: 900px){
.gmkp-main{padding: 16px 16px 0}
}
.gmkp-product-img img{width: 100%;height: 158px;object-fit: cover}
@container (max-width:480px){
.gmkp-icon-mic, .gmkp-icon-clear, .gmkp-divider{display: none}
}
@media (prefers-reduced-motion:reduce){
.gmkp-sk{animation: none}
.gmkp.is-armed .gmkp-header, .gmkp.is-armed [data-gmkp-step]{transform: none}
.gmkp .is-sweep::after{display: none}
}
.wwm-gx-demo.is-snip .gmkp{min-height: 0}
.wwm-gx-demo.is-snip .gmkp-results{width: 100%;padding: 20px}
.wwm-gx-demo > .gmkp, .serp-demo-frame > .gmkp{border-radius: 8px}
.wwm-gx-demo .gmkp{--gmkp-bg: #fff;font-family: Arial,sans-serif;border: 1px solid var(--rule)}
.wwm-gx-demo .gmkp-badge{color: #1f1f1f}
.wwm-gx-demo .gmkp-sitelinks a{color: #1a0dab}
.wwm-gx-demo .gmkp-result-head{color: #202124}
.wwm-gx-demo .gmkp-search-bar{background: #fff;box-shadow: 0 1px 6px rgba(32,33,36,.2)}
.wwm-gx-demo .gmkp-sitelinks a, .wwm-gx-demo .gmkp-hero-sitelinks a{color: #1a0dab}
.wwm-gx-demo .gmkp .gmkp-local-cta, .wwm-gx-demo .gmkp .gmkp-app-cta, .wwm-gx-demo .gmkp .gmkp-leadform-cta{background: #0b57d0;color: #fff}
.wwm-gx-demo .gmkp-local-phone{color: #0b57d0}
.wwm-gx-demo .gmkp-map-num{background: #ea4335;color: #fff}
.wwm-gx-demo .gmkp-map-pin{fill: #ea4335;filter: drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.wwm-gx-demo .gmkp-map-canvas{background: repeating-linear-gradient(0deg,transparent 0 27px,rgba(0,0,0,.05) 27px 28px),repeating-linear-gradient(90deg,transparent 0 27px,rgba(0,0,0,.05) 27px 28px),linear-gradient(135deg,#e6f0e3,#e8eef6)}
.wwm-gx-demo .gmkp-ai{background: radial-gradient(120% 160% at 0% 0%,rgba(66,133,244,.10),transparent 60%),radial-gradient(120% 160% at 100% 0%,rgba(234,67,53,.06),transparent 55%),#f8fafd}
.wwm-gx-demo .gmkp-guaranteed{background: #e6f4ea}
.wwm-gx-demo .gmkp-suggestion b{color: #1f1f1f}
.wwm-gx-demo .gmkp-suggestion.is-pressed{background: #e8eaed}
.wwm-gx-demo .gmkp-home-box{box-shadow: 0 1px 6px rgba(32,33,36,.18);border-color: transparent;background: #fff}
.wwm-gx-demo .gmkp-suggestions{background: #fff;box-shadow: 0 4px 6px rgba(32,33,36,.18)}
.wwm-gx-demo .gmkp-home-actions span{background: #f8f9fa;color: #3c4043}
.wwm-gx-demo .gmkp-hero-media:empty, .wwm-gx-demo .gmkp-result-media:empty, .wwm-gx-demo .gmkp-hotel-media:empty, .wwm-gx-demo .gmkp-showcase-item:empty{background: linear-gradient(135deg,#e8f0fe 0%,#f1f3f4 55%,#fef7e0 100%)}
.wwm-slot-snip:has(.wwm-gx-demo){max-width: none;width: 100%}
.wwm-gx-frame .wwm-gx-demo>.gmkp{height: 720px;min-height: 0}
@media (max-width:767px){
.wwm-gx-frame .wwm-gx-demo>.gmkp{height: 640px}
}
.wwm-gx-anat .wwm-gx-demo>.gmkp{height: auto}
.wwm-gx-anat .wwm-gx-demo>.gmkp::after{display: none}
.wwm-slot-serp .wwm-gx-demo{position: relative}
.wwm-slot-serp .wwm-gx-demo>.gmkp{height: 600px;min-height: 0}
.wwm-slot-serp .wwm-gx-demo>.gmkp::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 120px;background: linear-gradient(transparent,#fff);pointer-events: none;z-index: 5}
/* site/reddit.css */
.wwm-kd-frame>.rdkp{--rdkp-line: #e5ebee;--rdkp-ink-heading: #0f1a1c}
.wwm-kd-frame .rdkp-cta-strip{background: #f6f7f8}
.wwm-kd-frame .rdkp-drawer-title, .wwm-kd-frame .rdkp-catalog-title{color: var(--rdkp-ink-heading)}
.wwm-kd-frame .rdkp-reply-input, .wwm-kd-frame .rdkp-input{background: #f6f7f8;color: #0f1a1c}
.wwm-kd-frame .rdkp-carousel-card, .wwm-kd-frame .rdkp-catalog-card{background: #fff}
.wwm-kd-frame .rdkp-media-wrap{background: #f6f7f8}
.wwm-kd-frame .rdkp-product-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 8px;margin: 12px 0}
.wwm-kd-frame .rdkp-product-item{border: 1px solid var(--rdkp-line);border-radius: 10px;padding: 6px;overflow: hidden;background: #fff}
.wwm-kd-frame .rdkp-product-img{display: block;width: 100%;height: auto;aspect-ratio: 1;object-fit: cover;background-size: cover;background-position: center;border-radius: 6px}
.wwm-kd-frame .rdkp-product-name{font-size: 12px;font-weight: 700;color: var(--rdkp-ink-heading);margin-top: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.wwm-kd-frame .rdkp-product-price{font-size: 12px;font-weight: 800;color: #d93a00}
.wwm-kd-frame .rdkp [style*="#131519"]{background: #f6f7f8 !important}
.wwm-kd-frame .rdkp [style*="color: #ffffff"]{color: #0f1a1c !important}
.wwm-rd-post>.wwm-rd-cmts{grid-column: 2}
