/* peptik-xo: carrusel de ofertas del PDP, portado 1:1 (venia inline en el PDP original) */

      .peptik-xo{ padding:8px 0 48px; }
      .peptik-xo__panel{ background:#fbfaf8; border:1px solid #ece7df; border-top:2px solid #b08d57; border-radius:4px; padding:34px 32px 30px; }
      .peptik-xo__head{ text-align:center; margin-bottom:26px; }
      .peptik-xo__eyebrow{ display:inline-block; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.28em; color:#b08d57; margin-bottom:10px; }
      .peptik-xo__title{ margin:0; font-size:27px; font-weight:500; letter-spacing:.01em; color:var(--color-foreground-heading,#10003e); }
      .peptik-xo__sub{ margin:9px auto 0; max-width:520px; color:#7c7a86; font-size:14px; line-height:1.5; }
      .peptik-xo__scroller{ display:flex; gap:22px; overflow-x:auto; scroll-snap-type:x proximity; padding:4px 2px 12px; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:#d9cdb8 transparent; }
      .peptik-xo__scroller::-webkit-scrollbar{ height:5px; }
      .peptik-xo__scroller::-webkit-scrollbar-thumb{ background:#dccfb8; border-radius:999px; }
      .peptik-xo__card{ flex:0 0 236px; scroll-snap-align:start; display:flex; flex-direction:column; background:#fff; border:1px solid #eee9e1; border-radius:3px; overflow:hidden; transition:box-shadow .25s, transform .25s, border-color .25s; }
      .peptik-xo__card:hover{ box-shadow:0 14px 36px rgba(16,0,62,.08); transform:translateY(-3px); border-color:#e3d6bf; }
      .peptik-xo__media{ display:block; background:#fafaf9; aspect-ratio:1/1; }
      .peptik-xo__img{ width:100%; height:100%; object-fit:contain; display:block; }
      .peptik-xo__body{ padding:16px 17px 18px; display:flex; flex-direction:column; gap:10px; flex:1 1 auto; }
      .peptik-xo__name{ margin:0; font-size:14.5px; line-height:1.4; font-weight:500; letter-spacing:.005em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.8em; }
      .peptik-xo__name a{ color:var(--color-foreground,#10003e); text-decoration:none; }
      .peptik-xo__prices{ display:flex; align-items:baseline; gap:9px; flex-wrap:wrap; margin-top:auto; }
      .peptik-xo__was{ color:#b6b3bf; font-size:13.5px; text-decoration-thickness:1px; }
      .peptik-xo__now{ color:var(--color-foreground-heading,#10003e); font-weight:600; font-size:17px; letter-spacing:.01em; }
      .peptik-xo__save{ font-size:10.5px; font-weight:600; text-transform:uppercase; letter-spacing:.12em; color:#b08d57; border:1px solid #e3d2b2; border-radius:999px; padding:2px 9px; }
      .peptik-xo__btn{ margin-top:4px; text-align:center; background:transparent; color:#10003e; border:1px solid #10003e; padding:11px 12px; border-radius:2px; font-weight:600; font-size:11.5px; text-transform:uppercase; letter-spacing:.14em; text-decoration:none; transition:background .2s, color .2s; }
      .peptik-xo__btn:hover{ background:#10003e; color:#fff; }
      .peptik-xo__nav{ display:none; }
      .peptik-xo__arrow{ width:40px; height:40px; border-radius:999px; border:1px solid #d9cdb8; background:#fff; color:#10003e; font-size:22px; line-height:1; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .2s,color .2s,border-color .2s; }
      .peptik-xo__arrow:hover, .peptik-xo__arrow:active{ background:#10003e; color:#fff; border-color:#10003e; }
      .peptik-xo__arrow:disabled{ opacity:.32; pointer-events:none; }
      .peptik-xo__nav.is-hidden{ display:none !important; }
      @media (max-width:749px){
        .peptik-xo__panel{ padding:24px 16px 20px; }
        .peptik-xo__title{ font-size:22px; }
        .peptik-xo__card{ flex-basis:178px; }
        .peptik-xo__now{ font-size:16px; }
        .peptik-xo__nav{ display:flex; justify-content:center; gap:14px; margin-top:12px; }
      }