.rank-cross-sell{box-sizing:border-box;width:min(1210px,calc(100% - 48px));margin:56px auto 88px;padding:28px;border:1px solid #e2e8f4;border-radius:22px;background:#f8faff;color:#14223d;font-family:Inter,'DM Sans',Arial,sans-serif}.rank-cross-sell *{box-sizing:border-box}.rank-cross-sell-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.rank-cross-sell h2{margin:0;font:800 clamp(23px,2.5vw,32px)/1.15 Manrope,Inter,Arial,sans-serif;letter-spacing:-.045em;color:#14223d}.rank-cross-sell p{max-width:390px;margin:0;color:#66748c;font-size:13px;line-height:1.5}.rank-cross-sell-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 3px 12px;scrollbar-color:#bfcef0 transparent}.rank-cross-sell-card{position:relative;flex:0 0 175px;min-height:208px;display:flex;flex-direction:column;padding:13px;border:1px solid #e2e8f4;border-radius:15px;background:#fff;color:#14223d!important;text-decoration:none!important;scroll-snap-align:start;transition:border-color .2s,transform .2s,box-shadow .2s}.rank-cross-sell-card:hover{border-color:#2258e8;transform:translateY(-3px);box-shadow:0 9px 22px rgba(34,88,232,.1)}.rank-cross-sell-card:focus-visible{outline:3px solid #2258e8;outline-offset:2px}.rank-cross-sell-card img{width:100%;height:114px;object-fit:contain;margin-bottom:11px;background:#f4f7fc;border-radius:9px}.rank-cross-sell-name{padding-right:18px;font-size:13px;font-weight:800;line-height:1.25}.rank-cross-sell-card small{margin-top:5px;color:#66748c;font-size:11px}.rank-cross-sell-arrow{position:absolute;right:12px;bottom:12px;color:#2258e8;font-size:18px}@media(max-width:640px){.rank-cross-sell{width:calc(100% - 36px);margin:38px auto 60px;padding:20px}.rank-cross-sell-heading{display:block}.rank-cross-sell h2{font-size:24px}.rank-cross-sell p{margin-top:8px}.rank-cross-sell-card{flex-basis:148px;min-height:188px}.rank-cross-sell-card img{height:95px}}
body:has(#order_name) .rank-cross-sell{margin-top:18px}body:has(#order_name) #order_name{margin-bottom:24px!important}body:has(#order_name) .oe_website_sale h3{font:800 clamp(27px,3vw,38px)/1.15 Manrope,Inter,Arial,sans-serif;letter-spacing:-.055em}body:has(#order_name) #order_confirmation_banner{border-radius:14px;border:1px solid #bed6c6;background:#e9f7ed;color:#185434;padding:16px 18px}body:has(#order_name) .oe_website_sale .card{box-shadow:0 8px 24px rgba(16,39,77,.035)}
.rank-cross-sell-arrow svg{display:block;width:17px;height:17px}

@media(max-width:640px){
  .rank-cross-sell{padding:18px;margin:32px auto 54px}
  .configurator>.rank-cross-sell{width:100%}
  .rank-cross-sell-rail{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;overflow:visible;padding:0;scroll-snap-type:none}
  .rank-cross-sell-card{display:grid;grid-template-columns:76px minmax(0,1fr) 18px;grid-template-rows:1fr 1fr;align-items:center;column-gap:10px;min-width:0;min-height:0;padding:9px;border-radius:12px}
  .rank-cross-sell-card img{grid-column:1;grid-row:1/3;width:76px;height:72px;margin:0}
  .rank-cross-sell-name{grid-column:2;grid-row:1;align-self:end;padding:0;font-size:13px}
  .rank-cross-sell-card small{grid-column:2;grid-row:2;align-self:start;margin-top:4px;padding:0;font-size:11px}
  .rank-cross-sell-arrow{position:static;grid-column:3;grid-row:1/3;justify-self:end;align-self:center}
}