
/* v7.3.160 — modality icons, mobile carousel and fast first open. */
.idmk-mode-grid{align-items:stretch!important;content-visibility:auto;contain-intrinsic-size:210px}
.idmk-mode-card{grid-template-columns:46px minmax(0,1fr)!important;align-items:center!important;gap:13px!important;min-height:132px!important;contain:layout paint;transform:translateZ(0)}
.idmk-mode-card>span:not(.idmk-mode-icon){display:grid;gap:4px;min-width:0}.idmk-mode-icon{width:46px;height:46px;border-radius:17px;display:grid;place-items:center;color:#e0fd0b;background:rgba(5,7,6,.48);border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 32px rgba(0,0,0,.22)}.idmk-mode-icon svg{width:27px;height:27px;display:block}.idmk-mode-card.is-events .idmk-mode-icon{color:#d9cbff}.idmk-mode-card.is-delivery .idmk-mode-icon{color:#ff9696}.idmk-mode-card.is-pickup .idmk-mode-icon{color:#ffd86a}.idmk-mode-card.is-domestic .idmk-mode-icon{color:#61f096}.idmk-mode-card.is-international .idmk-mode-icon{color:#7fb2ff}.idmk-mode-card:hover .idmk-mode-icon{transform:scale(1.04);transition:transform .18s ease}.idmk-card:nth-child(n+9),.idmk-event-rail-card:nth-child(n+6){content-visibility:auto;contain-intrinsic-size:320px}
@media(max-width:720px){.idmk-mode-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-inline:contain!important;scroll-snap-type:x mandatory!important;gap:10px!important;margin-left:-2px!important;margin-right:-2px!important;padding:2px 2px 12px!important;scrollbar-width:none!important}.idmk-mode-grid::-webkit-scrollbar{display:none!important}.idmk-mode-card{flex:0 0 78vw!important;max-width:78vw!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;min-height:138px!important;padding:16px!important}.idmk-mode-card strong{font-size:18px!important}.idmk-mode-card small{font-size:11.5px!important}.idmk-mode-card em{font-size:10.5px!important}.idmk-category-rail,.idmk-food-rail,.idmk-events-rail{scroll-snap-type:x proximity!important}.idmk-category-rail a,.idmk-food-rail a,.idmk-event-rail-card{scroll-snap-align:start!important}}
/* v7.3.891 — o cabeçalho de entrega do card não tinha regra nenhuma, então
   <strong>Store</strong><small>prazo</small> saía colado e o chip ficava solto
   no meio do card. Não era conteúdo errado: era layout inexistente. */
.idmk-delivery-head{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:10px}
.idmk-delivery-head>div{display:grid;gap:1px;min-width:0}
.idmk-delivery-head strong{font-size:12.5px;font-weight:950;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.idmk-delivery-head small{font-size:10px;color:rgba(255,255,255,.52);font-weight:800;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.idmk-delivery-chip{justify-self:end;border:1px solid rgba(224,253,11,.24);background:rgba(224,253,11,.09);color:#e0fd0b;border-radius:999px;padding:4px 9px;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
@media(max-width:430px){.idmk-mode-card{flex-basis:84vw!important;max-width:84vw!important}.idmk-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.idmk-card-desc{display:none!important}.idmk-card-meta-row{margin-top:6px!important}.idmk-card-link{padding:7px 9px!important}.idmk-price{font-size:15px!important}}
/* ═══ IDLINK v7.3.810 — grade das verticais + faixa de modalidades ═══
   Cinco colunas no desktop porque são cinco verticais e nenhuma delas deve
   ficar sobrando numa segunda fileira meia-vazia. No telefone vira carrossel
   com snap, que é o gesto que a pessoa já usa no app. */
.idmk-vert-head{margin:18px 0 12px}
.idmk-vert-h2{margin:6px 0 0;font-size:clamp(22px,3.2vw,34px);line-height:1.02;letter-spacing:-.045em;font-weight:1000;color:#fff}
.idmk-vert-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.idmk-vert-card{position:relative;overflow:hidden;display:grid;gap:11px;align-content:start;padding:18px;border-radius:24px;text-decoration:none!important;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);color:#fff!important;min-height:164px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.idmk-vert-card:before{content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.05);pointer-events:none}
.idmk-vert-card strong{display:block;font-size:19px;line-height:1.05;letter-spacing:-.035em;color:#fff!important}
.idmk-vert-card small{display:block;margin-top:5px;color:rgba(255,255,255,.66)!important;font-size:12px!important;line-height:1.5!important;font-weight:820}
.idmk-vert-card .idmk-mode-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:rgba(5,7,6,.46);border:1px solid rgba(255,255,255,.13);color:#e0fd0b}
.idmk-vert-card .idmk-mode-icon svg{width:26px;height:26px;display:block}
.idmk-vert-card:hover{transform:translateY(-3px);transition:.22s ease;border-color:rgba(255,255,255,.24)}
.idmk-vert-card.is-products{background:linear-gradient(150deg,rgba(210,255,0,.16),rgba(255,255,255,.03));border-color:rgba(224,253,11,.28)}
.idmk-vert-card.is-events{background:linear-gradient(150deg,rgba(80,102,255,.20),rgba(255,255,255,.03));border-color:rgba(129,148,255,.26)}
.idmk-vert-card.is-events .idmk-mode-icon{color:#d9cbff}
/* cada vertical guarda a cor que ela já tem no app: lima na estadia,
   azul no imóvel, prata no serviço. Reconhecimento entre as duas telas. */
.idmk-vert-card.is-stays{background:linear-gradient(150deg,rgba(200,255,61,.17),rgba(255,255,255,.03));border-color:rgba(200,255,61,.30)}
.idmk-vert-card.is-stays .idmk-mode-icon{color:#c8ff3d}
.idmk-vert-card.is-realty{background:linear-gradient(150deg,rgba(86,199,255,.18),rgba(255,255,255,.03));border-color:rgba(86,199,255,.28)}
.idmk-vert-card.is-realty .idmk-mode-icon{color:#56c7ff}
.idmk-vert-card.is-services{background:linear-gradient(150deg,rgba(197,207,217,.15),rgba(255,255,255,.03));border-color:rgba(197,207,217,.26)}
.idmk-vert-card.is-services .idmk-mode-icon{color:#c5cfd9}
.idmk-ship-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.idmk-ship-chip{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;padding:13px 14px;border-radius:18px;text-decoration:none!important;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);color:#fff!important}
.idmk-ship-chip .idmk-mode-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(5,7,6,.42);border:1px solid rgba(255,255,255,.11)}
.idmk-ship-chip .idmk-mode-icon svg{width:21px;height:21px;display:block}
.idmk-ship-chip strong{display:block;font-size:14px;letter-spacing:-.025em;color:#fff!important}
.idmk-ship-chip small{display:block;color:rgba(255,255,255,.5)!important;font-size:11px!important;font-weight:820}
.idmk-ship-chip:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.055)}
.idmk-ship-chip.is-delivery .idmk-mode-icon{color:#ff9696}
.idmk-ship-chip.is-pickup .idmk-mode-icon{color:#ffd86a}
.idmk-ship-chip.is-domestic .idmk-mode-icon{color:#61f096}
.idmk-ship-chip.is-international .idmk-mode-icon{color:#7fb2ff}
@media(max-width:1100px){.idmk-vert-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.idmk-ship-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .idmk-vert-grid{display:flex;grid-template-columns:none;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;gap:10px;padding:2px 2px 12px;scrollbar-width:none;margin:0 -2px}
  .idmk-vert-grid::-webkit-scrollbar{display:none}
  .idmk-vert-card{flex:0 0 74vw;max-width:74vw;scroll-snap-align:start;scroll-snap-stop:always;min-height:150px;padding:16px}
  .idmk-vert-card strong{font-size:18px}
  .idmk-ship-row{grid-template-columns:1fr 1fr;gap:8px}
  .idmk-ship-chip{padding:11px 12px;gap:9px;grid-template-columns:34px minmax(0,1fr)}
  .idmk-ship-chip .idmk-mode-icon{width:34px;height:34px;border-radius:11px}
  .idmk-ship-chip small{display:none}
}
@media(max-width:430px){.idmk-vert-card{flex-basis:82vw;max-width:82vw}}
@media(prefers-reduced-motion:reduce){.idmk-mode-card:hover .idmk-mode-icon,.idmk-card:hover,.idmk-event-rail-card:hover{transform:none!important;transition:none!important}}
