/* 06-INTEGRACOES-COMERCIAIS/02-decathlon-tenis-corrida.png */
.running-surface{--running-blue:#0068b9;--running-badge:#e0f5f9}
.running-surface .product-head .wordmark{width:58px}.running-surface .product-head .brand h1{font-size:14px;font-weight:400;border-left:1px solid var(--io-text);padding-left:10px;letter-spacing:-.03em}
.product-ready .running-surface .product-head{min-height:53px;padding-block:4px}
.running-surface .account-icon{position:relative;border:0;background:transparent}.running-surface .account-icon::before{content:'';position:absolute;width:27px;height:27px;border:1px solid var(--io-nav-active);border-radius:50%}.running-surface .account-icon .design-icon{width:17px;height:17px}
.running-surface .area-scroll{padding:3px 16px 20px}.running-surface .area-dock{padding-inline:16px}
.running-surface .running-answer{width:fit-content;max-width:85%;margin:8px 0 8px auto;padding:7px 12px;border-radius:16px;background:linear-gradient(110deg,#f5e4c2,#f5e2bd);font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.running-message{display:grid;grid-template-columns:39px minmax(0,1fr);gap:9px;align-items:start;margin:8px 0 5px}.running-mascot{width:39px;height:43px;object-fit:contain;flex:none}
.running-message>p{width:fit-content;background:#fffc;border:1px solid var(--io-border);border-radius:6px 14px 14px 14px;padding:8px 10px;font-size:12px;line-height:1.4;letter-spacing:-.02em;overflow-wrap:anywhere}
.running-choices{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 8px 48px}.running-surface .running-choices button{min-height:44px;padding:7px 12px;border:1px solid var(--io-border);border-radius:99px;background:transparent;color:var(--io-text);font-size:11px;line-height:1.3;cursor:pointer}.running-choices button[aria-pressed=true]{background:#fff0d6;border-color:#d3aa63}
.running-surface .running-notice{font-size:12px;line-height:1.5;color:var(--io-text-secondary);padding:8px 12px;margin:8px 0;background:#fff3e0;border-radius:10px}
.running-partner{padding:12px;margin:8px 17px 0;border:1px solid var(--io-border);border-radius:19px;background:#ffffffb3;box-shadow:0 4px 12px #42300e0c}
.running-surface .running-eyebrow,.running-dialog .running-eyebrow{font-size:9px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--io-nav-active);margin:0 0 5px}
.running-partner-logo{display:block;width:50px;height:16px;margin-bottom:5px}
.running-surface .running-partner h2{font-size:16px;line-height:1.3;letter-spacing:-.04em;font-weight:600;margin:0 0 9px}
.running-results{display:grid;gap:7px}.running-result{display:grid;grid-template-columns:106px minmax(0,1fr) 72px;align-items:center;gap:8px;padding:0;border:1px solid #eee6da;border-radius:12px;min-height:76px;overflow:hidden}
.running-result>img{width:106px;height:70px;object-fit:contain;border-radius:10px;align-self:center}.running-result-copy{min-width:0;padding-block:4px}
.running-surface .running-result-copy h3{font-size:12px;font-weight:600;line-height:1.3;letter-spacing:-.03em;margin:0 0 3px;overflow-wrap:anywhere}.running-result-copy>p{font-size:9px;line-height:1.4;color:var(--io-text-secondary);margin:0 0 3px;overflow-wrap:anywhere}
.running-surface .running-result-copy .running-price{font-size:12px;line-height:1.3;font-weight:600;color:var(--io-text);margin-bottom:4px}.running-tag{display:inline-block;padding:2px 5px;border-radius:99px;background:var(--running-badge);color:#124e69;font-size:9px;line-height:1.3}
.running-surface .running-product-action{min-height:44px;display:block;margin-right:5px;padding:7px 4px;background:var(--running-blue);color:white;border:1px solid var(--running-blue);border-radius:12px;font-size:11px;line-height:1.4;cursor:pointer}.running-product-action svg{width:12px;height:12px;vertical-align:middle}
.running-reason{display:flex;align-items:center;gap:10px;margin:10px 0 8px}.running-reason .running-mascot{width:30px;height:34px}.running-reason p{font-size:11px;line-height:1.45;letter-spacing:-.015em}
.running-surface .running-disclosure{font-size:10px;line-height:1.5;color:var(--io-text-secondary);margin:8px 0}
.running-actions{display:flex;gap:7px;margin-top:8px}.running-surface .running-actions button{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 9px;border:1px solid #e7ad52;border-radius:12px;background:transparent;color:var(--io-text);font-size:11px;line-height:1.3;cursor:pointer}.running-surface .running-actions .primary{background:linear-gradient(110deg,#f2bd62,#ecad45);border-color:#e6a641}.running-actions svg{width:13px;height:13px;flex:none}
.running-empty>p:not(.running-eyebrow){font-size:13px;line-height:1.5;color:var(--io-text-secondary);margin:8px 0}
.running-tools{margin-top:6px}.running-tools>div{display:flex;gap:16px;justify-content:space-between}.running-surface .running-text-button{min-height:44px;border:0;background:transparent;color:var(--io-text-secondary);padding:8px 0;font-size:11px;line-height:1.4;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.running-surface button:disabled{opacity:.5;cursor:default}.running-dialog svg{width:15px;height:15px;flex:none}.running-comparison{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.running-comparison caption{font-weight:600;text-align:left;padding-bottom:8px}.running-comparison td,.running-comparison th{padding:10px 6px;vertical-align:top;text-align:left;overflow-wrap:anywhere;border-bottom:1px solid var(--io-border)}.running-comparison th:nth-child(2){width:22%}
@media(max-width:390px){.running-surface .area-scroll{padding-inline:14px}.running-partner{padding:10px;border-radius:17px;margin-inline:0}.running-message{grid-template-columns:34px minmax(0,1fr);gap:8px}.running-mascot{width:34px;height:40px}.running-choices{margin-left:42px;gap:5px}.running-surface .running-choices button{padding-inline:9px;font-size:10px}.running-result{grid-template-columns:78px minmax(0,1fr) 65px;gap:6px}.running-result>img{width:78px;height:52px}.running-surface .running-product-action{font-size:10px;margin-right:4px}.running-surface .running-actions button{font-size:11px;padding-inline:5px}}
@media(forced-colors:active){.running-partner,.running-message>p,.running-answer,.running-product-action,.running-tag{border:1px solid CanvasText;color:CanvasText;background:Canvas}}