.dtf-bento-section{background-color:var(--bento-bg, #0c0e12);color:#fff;position:relative;overflow:hidden;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dtf-bento-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.05) 1px,transparent 0);background-size:24px 24px;pointer-events:none;opacity:.7}.dtf-bento-container{max-width:1320px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.dtf-bento-header{text-align:center;max-width:780px;margin:0 auto 52px}.dtf-bento-kicker{display:inline-flex;align-items:center;gap:8px;background:#ff55001f;border:1px solid rgba(255,85,0,.35);color:#fa0;font-family:Montserrat,sans-serif;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:5px 14px;border-radius:999px;margin-bottom:16px}.dtf-bento-kicker-dot{width:6px;height:6px;border-radius:50%;background:#f50;box-shadow:0 0 8px #f50;animation:bentoPulse 2s infinite ease-in-out}@keyframes bentoPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}to{transform:scale(1);opacity:1}}.dtf-bento-heading{font-family:Montserrat,sans-serif!important;font-size:clamp(28px,3.8vw,48px)!important;font-weight:900!important;letter-spacing:-.025em!important;line-height:1.12!important;color:#fff!important;margin:0 0 16px!important;text-transform:uppercase!important}.dtf-bento-heading-accent{background:linear-gradient(135deg,#f50,#ffb800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.dtf-bento-subtext{font-size:clamp(14px,1.2vw,17px);color:#9da7b8;line-height:1.6;margin:0}.dtf-bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media screen and (max-width:991px){.dtf-bento-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:640px){.dtf-bento-grid{grid-template-columns:1fr;gap:16px}}.dtf-bento-card{background:linear-gradient(180deg,#181c24d9,#101319f2);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dtf-bento-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,85,0,0),transparent);transition:all .3s ease}.dtf-bento-card:hover{border-color:#f506;transform:translateY(-3px);box-shadow:0 12px 36px #00000080,0 0 24px #ff55001f}.dtf-bento-card:hover:after{background:linear-gradient(90deg,transparent,#ff5500,transparent)}.dtf-bento-card--large{grid-column:span 2}@media screen and (max-width:991px){.dtf-bento-card--large{grid-column:span 2}}@media screen and (max-width:640px){.dtf-bento-card--large{grid-column:span 1}}.dtf-bento-card__badge-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px}.dtf-bento-tag{font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 10px;border-radius:4px;text-transform:uppercase;font-family:Montserrat,sans-serif}.dtf-bento-tag--orange{background:#ff550026;color:#ff7728;border:1px solid rgba(255,85,0,.35)}.dtf-bento-tag--amber{background:#ffaa001f;color:#fa0;border:1px solid rgba(255,170,0,.3)}.dtf-bento-tag--slate{background:#ffffff14;color:#cbd5e1;border:1px solid rgba(255,255,255,.12)}.dtf-bento-live-badge{display:inline-flex;align-items:center;gap:8px;background:#ff550024;border:1px solid rgba(255,85,0,.4);color:#fa0;font-size:11px;font-weight:800;padding:5px 12px;border-radius:4px;letter-spacing:.06em;font-family:Montserrat,sans-serif}.dtf-bento-pulse-dot{width:7px;height:7px;border-radius:50%;background:#f50;box-shadow:0 0 #ff5500b3;animation:dtfPulse 1.8s infinite}@keyframes dtfPulse{0%{box-shadow:0 0 #ff5500b3}70%{box-shadow:0 0 0 8px #f500}to{box-shadow:0 0 #f500}}.dtf-bento-visual{margin-bottom:22px;border-radius:8px;overflow:hidden}.dtf-bento-sheet-mockup{background:#090a0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px}.dtf-bento-sheet-header{display:flex;align-items:center;gap:6px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);font-size:11px}.dtf-bento-dot{width:8px;height:8px;border-radius:50%}.dtf-bento-dot--c{background:#00d4ff}.dtf-bento-dot--m{background:#ff2a85}.dtf-bento-dot--y{background:#fa0}.dtf-bento-sheet-title{color:#e2e8f0;font-family:monospace;font-size:11px;margin-left:6px;letter-spacing:-.01em}.dtf-bento-sheet-metric{margin-left:auto;color:#f50;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.dtf-bento-sheet-canvas{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:8px;background-color:#040507;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:16px 16px;padding:12px;border-radius:6px;border:1px dashed rgba(255,85,0,.3)}.dtf-bento-item{background:#ff550014;border:1px solid rgba(255,85,0,.4);border-radius:4px;padding:10px;display:flex;flex-direction:column;justify-content:center;color:#f1f5f9;font-size:12px;font-weight:700;transition:all .2s ease}.dtf-bento-item small{color:#fa0;font-size:10px;font-weight:500;margin-top:3px;font-family:monospace}.dtf-bento-item--1{grid-row:span 2;background:#ff55001f;border-color:#f509}.dtf-bento-visual--speed{background:#090a0d;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:16px}.dtf-bento-speed-clock{text-align:center;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}.dtf-bento-speed-time{font-family:Montserrat,sans-serif;font-size:28px;font-weight:900;color:#fa0;letter-spacing:-.02em}.dtf-bento-speed-label{font-size:12px;color:#94a3b8;margin-top:2px}.dtf-bento-route-list{display:flex;flex-direction:column;gap:10px}.dtf-bento-route-item{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#cbd5e1}.dtf-bento-route-pin{width:6px;height:6px;border-radius:50%;background:#f50;display:inline-block;margin-right:6px}.dtf-bento-route-item strong{color:#fff;font-size:11px;background:#ffffff14;padding:2px 6px;border-radius:3px}.dtf-bento-visual--ink{background:#090a0d;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:16px}.dtf-bento-ink-bars{display:flex;gap:6px;height:48px;margin-bottom:14px}.dtf-bento-ink-bar{flex:1;border-radius:4px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;font-size:11px;font-weight:900;color:#000;font-family:Montserrat,sans-serif}.dtf-bento-ink-bar--c{background:#00b9e8;color:#fff}.dtf-bento-ink-bar--m{background:#e6007e;color:#fff}.dtf-bento-ink-bar--y{background:#fa0}.dtf-bento-ink-bar--k{background:#1a202c;color:#fff;border:1px solid rgba(255,255,255,.2)}.dtf-bento-ink-bar--w{background:#fff;flex:1.5;color:#000;box-shadow:0 0 12px #ffffff4d}.dtf-bento-ink-stat{display:flex;align-items:center;gap:10px}.dtf-bento-ink-stat-num{font-family:Montserrat,sans-serif;font-size:24px;font-weight:900;color:#f50}.dtf-bento-ink-stat-text{font-size:11px;color:#94a3b8;line-height:1.4}.dtf-bento-visual--finishes{background:#090a0d;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:14px}.dtf-bento-chips-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dtf-bento-chip{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:10px 8px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;color:#cbd5e1;transition:all .2s ease}.dtf-bento-chip--active{background:#ff55001f;border-color:#ff550080;color:#fff}.dtf-bento-chip-icon{font-size:14px}.dtf-bento-visual--specs{background:#090a0d;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:16px 20px}.dtf-bento-specs-row{display:flex;align-items:center;justify-content:space-between;gap:12px}@media screen and (max-width:767px){.dtf-bento-specs-row{flex-direction:column;align-items:stretch;gap:8px}}.dtf-bento-spec-box{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:12px 14px;display:flex;flex-direction:column}.dtf-bento-spec-box--accent{background:#ff55001f;border-color:#f506}.dtf-bento-spec-val{font-family:Montserrat,sans-serif;font-size:18px;font-weight:800;color:#fff;letter-spacing:-.01em}.dtf-bento-spec-box--accent .dtf-bento-spec-val{color:#fa0}.dtf-bento-spec-sub{font-size:11px;color:#94a3b8;margin-top:2px}.dtf-bento-spec-divider{color:#f50;font-weight:700;opacity:.7}@media screen and (max-width:767px){.dtf-bento-spec-divider{display:none}}.dtf-bento-card__title{font-family:Montserrat,sans-serif!important;font-size:clamp(17px,1.4vw,21px)!important;font-weight:800!important;color:#fff!important;margin:0 0 10px!important;line-height:1.3!important}.dtf-bento-card__desc{font-size:13.5px;line-height:1.55;color:#9da7b8;margin:0 0 14px}.dtf-bento-card__link{display:inline-flex;align-items:center;gap:8px;color:#f50;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s ease}.dtf-bento-card__link:hover{color:#fa0;transform:translate(3px)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-dtf-bento-grid.css.map */