/* Shared storefront/editor banner layout; deliberately scoped to campaign banners. */
.category-banner.category-banner--campaign {
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:stretch;
  gap:0;isolation:isolate;min-width:0;margin:14px 0 22px;padding:0;
  border:1px solid #d1ae6452;border-radius:18px;overflow:hidden;
  background:linear-gradient(118deg,#1b2028,#14171d);direction:rtl;
}
.category-banner--campaign>.category-banner-media {
  display:flex;align-items:center;justify-content:center;position:relative;min-width:0;
  min-height:220px;max-height:310px;padding:0;margin:0;line-height:0;
  text-decoration:none;background:#11151b;overflow:hidden;cursor:pointer;border:0;border-radius:0;
}
.category-banner.category-banner--campaign .category-banner-media img {
  display:block;width:100%;height:100%;max-height:310px;aspect-ratio:5/2;
  object-fit:contain;margin:0;padding:0;border:0;border-radius:0;background:transparent;
  transition:filter .18s ease;
}
.category-banner--campaign>.category-banner-copy {
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:10px;min-width:0;padding:28px 30px;text-align:right;
}
.category-banner--campaign .category-banner-eyebrow {
  display:block;max-width:100%;color:#d7c18f;font-size:12px;font-weight:600;line-height:1.6;overflow-wrap:anywhere;
}
.category-banner--campaign .category-banner-title {
  display:block;color:#f4dfa9;font-size:clamp(20px,2vw,28px);font-weight:800;
  line-height:1.55;letter-spacing:0;overflow-wrap:anywhere;text-wrap:pretty;
  max-width:100%;margin:0;padding:0;
}
.category-banner.category-banner--campaign .category-banner-subtitle {
  display:block;margin:0;padding:0;max-width:100%;font-size:14px;line-height:1.85;
  color:#d1d5dd;overflow-wrap:anywhere;white-space:pre-line;
}
.category-banner--campaign .category-banner-link {
  display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;
  width:auto;max-width:100%;min-height:44px;box-sizing:border-box;
  margin:4px 0 0;padding:10px 16px;border:1px solid #e0bf72;border-radius:11px;
  background:#e6c67d;color:#171b20;text-decoration:none;font-weight:750;
  font-size:13px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;
}
.category-banner--campaign .category-banner-link span{color:inherit;font:inherit}
.category-banner--campaign .category-banner-arrow{flex:none;font-size:18px!important;line-height:1}
.category-banner--campaign .category-banner-link:hover{background:#f0d698;color:#10141a}
.category-banner--campaign .category-banner-media:hover img{filter:brightness(1.05)}
.category-banner--campaign a:focus-visible{outline:3px solid #f3dc99;outline-offset:-5px}
.category-banner--campaign .category-banner-link:focus-visible{outline:3px solid #fff0c1;outline-offset:3px}
.category-banner--campaign.banner-image-unavailable{grid-template-columns:minmax(0,1fr)}
.category-banner--campaign>.category-banner-media[hidden]{display:none!important}
.category-banner--campaign .category-banner-placeholder{color:#bbc2ce;line-height:1.8;font-size:13px;text-align:center;padding:22px}
/* Editor additions do not change the rest of the dashboard. */
#albarunBannerEditor{display:grid;gap:24px}
#albarunBannerEditor .banner-admin-card{min-width:0;border:1px solid #ad8e5145;border-radius:16px;padding:20px;background:#141820}
#albarunBannerEditor .banner-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#albarunBannerEditor .banner-admin-grid label{min-width:0;margin:0;line-height:1.7}
#albarunBannerEditor input:not([type=checkbox]),#albarunBannerEditor textarea{box-sizing:border-box;min-width:0;width:100%;max-width:100%;font:inherit}
#albarunBannerEditor textarea{min-height:92px;resize:vertical}
#albarunBannerEditor input[type=checkbox]{width:auto}
#albarunBannerEditor .banner-editor-note{font-size:13px;line-height:1.8;color:#bdc5d2;margin:9px 0 15px}
#albarunBannerEditor .banner-preview-caption{margin:18px 0 6px;color:#e8c986;font-size:13px}
#albarunBannerEditor .banner-preview-host .category-banner{margin:0 0 14px}
#albarunBannerEditor .banner-editor-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0}
#albarunBannerEditor .banner-editor-actions button{width:auto;min-height:44px;margin:0}
#albarunBannerEditor .banner-draft-status{font-size:12px;color:#e3bf6d}
#albarunBannerEditor .banner-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;grid-column:1/-1;background:#211e18;border:1px solid #947644;border-radius:12px;padding:12px;color:#f3d494}
#albarunBannerEditor .banner-toggle button{width:auto;min-width:130px;margin:0;min-height:44px}
#albarunBannerEditor .banner-toggle-status{font-weight:700}
@media(max-width:700px){
 .category-banner.category-banner--campaign{grid-template-columns:minmax(0,1fr);margin:10px 0 18px;border-radius:15px}
 .category-banner--campaign>.category-banner-media{min-height:0;max-height:none;aspect-ratio:2.5/1}
 .category-banner.category-banner--campaign .category-banner-media img{height:100%;max-height:220px;aspect-ratio:auto}
 .category-banner--campaign>.category-banner-copy{display:flex;padding:16px 17px;gap:7px;align-items:flex-start;justify-content:center}
 .category-banner--campaign .category-banner-eyebrow{font-size:11px}
 .category-banner--campaign .category-banner-title{font-size:20px;line-height:1.55}
 .category-banner.category-banner--campaign .category-banner-subtitle{font-size:13px;line-height:1.75}
 .category-banner--campaign .category-banner-link{margin-top:5px;padding:9px 14px;font-size:12px;min-height:44px}
 #albarunBannerEditor .banner-admin-card{padding:13px}
 #albarunBannerEditor .banner-admin-grid{grid-template-columns:minmax(0,1fr)}
 #albarunBannerEditor .banner-editor-actions{gap:8px}
}
@media(prefers-reduced-motion:reduce){.category-banner.category-banner--campaign *{transition:none!important}}