/* Home: "ready-made websites for sale" — same visual language as the services/pricing cards (dark surface, hairline border, orange→red brand gradient). */
.sale26 a{color:inherit;text-decoration:none}
.sale26-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sale26-card{display:flex;flex-direction:column;background:#141414;border:1px solid #1f1f1f;border-radius:22px;overflow:hidden;transition:border-color .25s ease,transform .25s ease}
.sale26-card:hover{border-color:rgba(255,138,0,.55);transform:translateY(-3px)}
.sale26-media{position:relative;display:block;background:#141414;overflow:hidden}
.sale26-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;filter:brightness(.82) saturate(1.05);transition:filter .3s ease,transform .5s ease}
.sale26-media::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:calc(55% + 2px);background:linear-gradient(180deg,rgba(20,20,20,0),#141414 92%);pointer-events:none}
.sale26-card:hover .sale26-media img{filter:brightness(.95) saturate(1.05);transform:scale(1.03)}
.sale26-ph{display:grid;place-items:center;aspect-ratio:16/10;color:#8f8f8f;font-weight:700}
.sale26-pill{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#ff8a00,#ff3b30);box-shadow:0 8px 22px -8px rgba(255,90,20,.8)}
.sale26-pill i{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.28)}
.sale26-body{display:flex;flex-direction:column;gap:8px;padding:0 22px 22px;margin-top:-18px;position:relative;z-index:2;flex:1}
.sale26-body h3{margin:0;font-size:21px;letter-spacing:-.02em;line-height:1.2}
.sale26-body h3 a:hover{color:#ff8a00}
.sale26-body>p{margin:0;color:#a3a3a3;font-size:14.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sale26-foot{margin-top:auto;padding-top:16px;border-top:1px solid #1f1f1f;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sale26-price{display:flex;flex-direction:column;gap:1px;min-width:0}
.sale26-price small{font-size:13px;color:#8f8f8f;line-height:1}
.sale26-price b{font-size:21px;letter-spacing:-.01em;white-space:nowrap}
.sale26-actions{display:flex;align-items:center;gap:8px}
.sale26-view,.sale26-buy{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:12px;font:700 14px/1 inherit;font-family:inherit;white-space:nowrap;cursor:pointer}
.sale26-view{border:1px solid #2a2a2a;background:none;color:#e8e8e8;transition:border-color .2s}
.sale26-view:hover{border-color:#ff8a00}
.sale26-buy{border:0;color:#fff;background:linear-gradient(135deg,#ff8a00,#ff3b30);box-shadow:0 10px 24px -12px rgba(255,90,20,.9)}
.sale26-buy:hover{filter:brightness(1.07)}
.sale26-more{margin:18px 0 0;text-align:right}.sale26-more a{font-weight:800;color:#ff8a00}
@media (max-width:980px){.sale26-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sale26-grid{grid-template-columns:minmax(0,1fr)}.sale26-more{text-align:left}}
@media (prefers-reduced-motion:reduce){.sale26-card,.sale26-media img{transition:none}}

/* explanation panels above the grid */
.sale26-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}
.sale26-note{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:22px;background:#141414;border:1px solid #1f1f1f}
.sale26-note i{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#ff8a00;background:rgba(255,138,0,.12);border:1px solid rgba(255,138,0,.28)}
.sale26-note i svg{width:22px;height:22px}
.sale26-note b{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:18px;letter-spacing:-.01em;margin-bottom:6px}
.sale26-note p{margin:0;color:#a3a3a3;font-size:14.5px;line-height:1.6}
.sale26-note em{font-style:normal;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#ff8a00,#ff3b30)}
.sale26-note--free{border-color:rgba(255,138,0,.4);background:radial-gradient(90% 140% at 100% 0%,rgba(255,138,0,.14),transparent 60%),#141414}
@media (max-width:820px){.sale26-notes{grid-template-columns:minmax(0,1fr)}}