/* Order sample page specific styles — lean and compatible with templatemo theme */
:root{
  --accent:#6ea8fe;
  --muted:#6c7a99;
}

/* container spacing consistent with site */
.main-container{max-width:1100px;margin:1.5rem auto;padding:0 1rem}

/* grid of store cards */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.card{background:linear-gradient(180deg, #ffffff00, #ffffff00);border:1px solid #e6eefc;border-radius:12px;padding:0.9rem;display:flex;align-items:center;gap:0.75rem;transition:transform .12s ease,box-shadow .12s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 8px 18px rgba(30,50,90,0.06)}

.logo{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;font-weight:700;color:#081426;flex:0 0 48px}
.amazon{background:#ffb300}
.flipkart{background:#ffd73a}
.myntra{background:#ff3d6e;color:#fff}
.ajio{background:#b9c7d6}
.snapdeal{background:#e53935;color:#fff}
.tatacliq{background:#a78bfa}

.details h3{margin:0;font-size:1rem}
.details p{margin:0;color:var(--muted);font-size:.95rem}

.action a{display:inline-block;padding:.45rem .7rem;border-radius:10px;border:1px solid var(--primary-color);background:transparent;color:var(--primary-color);font-weight:600;text-decoration:none}

/* header and footer tweaks */
.page-header{padding:2rem 0 1rem;text-align:center}
.page-header p{color:var(--muted)}

footer{padding:1.5rem 0;text-align:center;color:var(--muted)}

@media (prefers-reduced-motion:reduce){.card{transition:none}}