/* CCO Wishlist: navy #1B3A5E, dorado #B89968, marfil #FCF9F2, esquinas rectas */
.cco-wl-btn.is-wished svg{ fill:#9B2C2C; stroke:#9B2C2C; }
.cco-wl-btn[aria-pressed="true"]{ border-color:#B89968; }
.cco-tools .icobtn{ position:relative; }

.cco-wl-toast{ position:fixed; left:50%; bottom:84px; transform:translate(-50%,12px); z-index:99999; background:#1B3A5E; color:#fff;
  font:500 12px/1.4 Jost,system-ui,sans-serif; letter-spacing:.12em; text-transform:uppercase; padding:12px 18px; border:1px solid #B89968;
  opacity:0; pointer-events:none; transition:.25s; max-width:calc(100vw - 32px); text-align:center; }
.cco-wl-toast.is-on{ opacity:1; transform:translate(-50%,0); pointer-events:auto; }
.cco-wl-toast a{ color:#D4B886; margin-left:6px; text-decoration:underline; }

.cco-wl-page{ max-width:1180px; margin:0 auto; padding:8px 16px 56px; font-family:Jost,system-ui,sans-serif; color:#16273E; }
.cco-wl-loading,.cco-wl-oos{ color:#5C6877; font-size:13px; letter-spacing:.12em; text-transform:uppercase; }
.cco-wl-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.cco-wl-card{ position:relative; background:#fff; border:1px solid #e3d6b8; display:flex; flex-direction:column; min-width:0; }
.cco-wl-img{ display:block; aspect-ratio:1/1; background:#fff; border-bottom:1px solid #ece2cc; }
.cco-wl-img img{ width:100%; height:100%; object-fit:contain; padding:18px; display:block; }
.cco-wl-body{ padding:14px 14px 16px; display:flex; flex-direction:column; gap:8px; flex:1; }
.cco-wl-name{ font:500 22px/1.15 "Cormorant Garamond",Georgia,serif; margin:0; }
.cco-wl-name a{ color:#16273E; text-decoration:none; }
.cco-wl-price{ font:600 16px Jost,sans-serif; color:#16273E; margin-top:auto; }
.cco-wl-atc{ display:block; width:100%; text-align:center; background:#1B3A5E; color:#fff; border:1px solid #1B3A5E; border-radius:0; padding:12px 8px;
  font:500 12px Jost,sans-serif; letter-spacing:.18em; text-transform:uppercase; cursor:pointer; text-decoration:none; position:static; opacity:1; transform:none; }
.cco-wl-atc:hover{ background:#122238; color:#fff; }
.cco-wl-select{ background:transparent; color:#1B3A5E; }
.cco-wl-select:hover{ background:#1B3A5E; color:#fff; }
.cco-wl-remove{ position:absolute; top:8px; right:8px; z-index:2; width:30px; height:30px; border:1px solid #e3d6b8; background:rgba(255,255,255,.9);
  color:#5C6877; font-size:20px; line-height:1; cursor:pointer; border-radius:0; padding:0; }
.cco-wl-remove:hover{ border-color:#9B2C2C; color:#9B2C2C; }
.cco-wl-empty{ text-align:center; padding:48px 16px; }
.cco-wl-empty p{ font:500 28px "Cormorant Garamond",Georgia,serif; margin:0 0 8px; }
.cco-wl-empty .cco-wl-sub{ font:400 14px Jost,sans-serif; color:#5C6877; margin-bottom:22px; }
.cco-wl-shop{ display:inline-block; background:#1B3A5E; color:#fff; padding:14px 28px; font:500 12px Jost,sans-serif; letter-spacing:.18em; text-transform:uppercase; text-decoration:none; }
@media (max-width:900px){ .cco-wl-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:640px){
  .cco-wl-grid{ grid-template-columns:repeat(2,1fr); gap:12px; }
  .cco-wl-name{ font-size:19px; }
  .cco-wl-img img{ padding:10px; }
  .cco-wl-toast{ bottom:76px; }
}

/* El tema oculta .cco-qadd hasta el hover de la tarjeta; aqui debe verse siempre (el drawer la necesita con esta clase). */
body .cco-wl-card .cco-qadd.cco-wl-atc{ display:block; position:static; opacity:1; visibility:visible; transform:none; left:auto; right:auto; bottom:auto; width:100%; margin:0; background:#1B3A5E; color:#fff; border:1px solid #1B3A5E; border-radius:0; padding:12px 8px; }
body .cco-wl-card .cco-qadd.cco-wl-atc:hover{ background:#122238; }
.cco-wl-title{ font:500 clamp(30px,5vw,44px)/1.1 "Cormorant Garamond",Georgia,serif; text-align:center; margin:8px 0 24px; color:#16273E; }
.cco-wl-remove{ width:28px; height:28px; font-size:18px; background:#fff; }