.cxshop { max-width: 1100px; margin: 0 auto; padding: 20px; }
.cxshop-bar { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-bottom: 14px; }
.cxshop-search, .cxshop-availability, .cxshop-category, .cxshop-subcategory, .cxshop-form input, .cxshop-form textarea {
  padding: 10px 12px; border:1px solid #e5e7eb; border-radius:12px; font-size:14px;
}
.cxshop-search { flex: 1; min-width: 280px; }
.cxshop-availability { min-width: 160px; }
.cxshop-category, .cxshop-subcategory { min-width: 180px; }
.cxshop-cartlink { text-decoration:none; border:1px solid #e5e7eb; padding: 10px 12px; border-radius: 12px; color:#111; }
.cxshop-cartcount { font-weight:700; margin-left:6px; }

.cxshop-grid { display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 1000px){ .cxshop-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px){ .cxshop-grid{ grid-template-columns: 1fr; } }

.cxshop-card { border:1px solid #e5e7eb; border-radius:14px; padding: 12px; background:#fff; }
.cxshop-card--clickable { cursor:pointer; }
.cxshop-cardlink { display:block; color:inherit; text-decoration:none; }
.cxshop-cardlink:focus { outline:2px solid #0a6bff; outline-offset:2px; border-radius:12px; }
.cxshop-title { font-weight: 800; margin-top: 10px; }
.cxshop-meta { color:#6b7280; margin-top: 6px; font-size: 13px; display:flex; align-items:center; gap:6px; }
.cxshop-price { font-weight: 900; margin-top: 10px; }
.cxshop-dot { width:8px; height:8px; border-radius: 999px; display:inline-block; }

.cxshop-btn { margin-top: 10px; width:100%; padding: 10px 12px; border-radius: 12px; border:1px solid #0a6bff; background:#0a6bff; color:#fff; cursor:pointer; }
.cxshop-btn:disabled { opacity:.6; cursor:not-allowed; }

/* Skeletons */
.cxshop-skeleton-card { position: relative; overflow: hidden; }
.cxshop-skeleton-img,
.cxshop-skeleton-line,
.cxshop-skeleton-btn {
  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
  background-size: 200% 100%;
  animation: cxshop-skeleton 1.2s ease-in-out infinite;
  border-radius: 10px;
}
.cxshop-skeleton-img { height: 140px; }
.cxshop-skeleton-line { height: 12px; margin-top: 10px; }
.cxshop-skeleton-line.w-80 { width: 80%; }
.cxshop-skeleton-line.w-60 { width: 60%; }
.cxshop-skeleton-line.w-40 { width: 40%; }
.cxshop-skeleton-btn { height: 36px; margin-top: 14px; border-radius: 12px; }

@keyframes cxshop-skeleton {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.cxshop-cartwrap { display:grid; grid-template-columns: 1.4fr 1fr; gap: 14px; }
@media (max-width: 900px){ .cxshop-cartwrap{ grid-template-columns: 1fr; } }

.cxshop-row { display:flex; gap: 10px; flex-wrap:wrap; }
.cxshop-row input { flex:1; min-width: 220px; }

.cxshop-form button { padding: 12px 14px; border-radius: 12px; border:0; background:#111827; color:#fff; cursor:pointer; width: 100%; margin-top: 10px; }
.cxshop-msg { margin-top: 10px; color:#b91c1c; font-weight:600; }
.cxshop-payments { margin-top: 12px; padding: 12px; border:1px solid #e5e7eb; border-radius: 12px; background:#fafafa; }
.cxshop-payments__title { font-weight: 700; margin-bottom: 8px; }
.cxshop-radio { display:flex; gap:10px; align-items:flex-start; margin-bottom: 8px; }
.cxshop-radio__label { font-weight: 600; }

.cxshop-cartitem { display:flex; justify-content:space-between; gap: 10px; padding: 10px 0; border-bottom: 1px solid #eef2f7; }
.cxshop-cartitem:last-child { border-bottom: 0; }
.cxshop-qty { width: 90px; }
.cxshop-remove { border:1px solid #ef4444; background:#fff; color:#b91c1c; border-radius:10px; padding:6px 10px; cursor:pointer; }

.cxshop-float-toast{
  position:fixed;
  top:20px;
  right:20px;
  z-index:9999;
  max-width:320px;
}
.cxshop-float-toast .cxshop-notice{
  background:#fff;
  border:1px solid #e5e7eb;
  border-left:4px solid var(--accent, #ce0b4d);
  border-radius:12px;
  padding:12px;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.cxshop-float-toast .cxshop-notice__text{
  font-weight:700;
  color:#111827;
}
.cxshop-float-toast .cxshop-notice__name{
  margin-left:4px;
  font-weight:600;
  color:#374151;
}
.cxshop-float-toast .cxshop-notice__actions{
  margin-top:10px;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.cxshop-float-toast .cxshop-notice__btn{
  display:inline-flex;
  align-items:center;
  padding:8px 14px;
  border-radius:999px;
  background:var(--accent, #ce0b4d);
  color:#fff;
  font-weight:700;
  text-decoration:none;
}
.cxshop-float-toast .cxshop-notice__ghost{
  border:1px solid #e5e7eb;
  background:transparent;
  color:#111827;
  padding:8px 12px;
  border-radius:999px;
}
.cxshop-float-toast .cxshop-notice__close{
  border:none;
  background:transparent;
  color:#6b7280;
  font-size:18px;
  line-height:1;
  padding:0 6px;
}