/* Brand */
.domesc-plc{--domesc-plc-accent:#002C75;position:relative;width:100%;padding:0 74px}

/* Outer swiper: hide overflow to avoid showing "half of 4th card" */
.domesc-plc .domesc-plc-outer{padding:0;overflow:hidden}
.domesc-plc .swiper{overflow:hidden}

/* Filter bar */
.domesc-plc-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}
.domesc-plc-filter{border:2px solid var(--domesc-plc-accent);background:#fff;color:var(--domesc-plc-accent);border-radius:999px;padding:7px 12px;font-weight:700;cursor:pointer;font-size:13px}
.domesc-plc-filter.is-active{background:var(--domesc-plc-accent);color:#fff}

/* Cards */
.domesc-plc-card{border:1px solid rgba(0,0,0,.08);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.06);height:100%;display:flex;flex-direction:column}

/* Media 700x500 ratio */
.domesc-plc-media{position:relative;aspect-ratio:700/500;background:#f3f4f6;overflow:hidden;height:clamp(260px, 30vw, 500px)}
.domesc-plc-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.domesc-plc-noimg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#555;text-decoration:none}

/* Inner swiper fills media */
.domesc-plc-media .domesc-plc-inner{position:absolute;inset:0}
.domesc-plc-media .domesc-plc-inner,
.domesc-plc-media .domesc-plc-inner .swiper-wrapper,
.domesc-plc-media .domesc-plc-inner .swiper-slide,
.domesc-plc-media .domesc-plc-inner .swiper-slide a{height:100%}
.domesc-plc-media .domesc-plc-inner .swiper-slide a{display:block}

/* Body */
.domesc-plc-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;flex:1}
.domesc-plc-title{margin:0;font-size:16px;line-height:1.25}
.domesc-plc-title a{text-decoration:none;color:inherit}
.domesc-plc-cat{font-size:12px}
.domesc-plc-cat a{color:var(--domesc-plc-accent);text-decoration:none;font-weight:700}
.domesc-plc-cat a:hover{text-decoration:underline}
.domesc-plc-excerpt{margin:0;color:#444;font-size:14px;line-height:1.35}
.domesc-plc-meta{font-size:12px;color:#666}

/* Readmore */
.domesc-plc-readmore{margin-top:auto;display:inline-block;text-decoration:none;font-weight:800;color:var(--domesc-plc-accent)}
.domesc-plc-readmore:hover{text-decoration:underline}

/* Buttons */
.domesc-plc-btn{line-height:0;
  position:absolute;z-index:12;top:50%;transform:translateY(-50%);
  width:34px;height:34px;border-radius:999px;border:2px solid var(--domesc-plc-accent);
  background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  font-size:20px;line-height:1;color:var(--domesc-plc-accent);padding:0
}

/* Outer arrows: bigger and in side gutters (outside cards) */
.domesc-plc-outer-prev,.domesc-plc-outer-next{width:50px;height:50px;font-size:30px}
.domesc-plc-outer-prev{left:14px}
.domesc-plc-outer-next{right:14px}

/* Inner arrows */
.domesc-plc-inner-nav{position:absolute;left:8px;right:8px;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:13}
.domesc-plc-inner-nav .domesc-plc-btn{position:static;transform:none;pointer-events:auto;width:34px;height:34px;font-size:22px;}
.domesc-plc-inner-pagination{position:absolute;left:0;right:0;bottom:6px;z-index:13}

/* Pagination bullets */
.domesc-plc .swiper-pagination-bullet{background:var(--domesc-plc-accent);opacity:.35}
.domesc-plc .swiper-pagination-bullet-active{background:var(--domesc-plc-accent);opacity:1}

/* Empty */
.domesc-plc-empty{padding:10px;border:1px dashed rgba(0,0,0,.25);border-radius:12px}


/* Outer pagination (posts) */
.domesc-plc-outer-pagination{position:relative;margin-top:10px;text-align:center}

@media (max-width: 640px){
  /* Make filter bar single-line horizontally scrollable */
  .domesc-plc-filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:6px}
  .domesc-plc-filter{font-size:12px;padding:6px 10px;white-space:nowrap;flex:0 0 auto}
  /* Give more room to the card */
  .domesc-plc{padding:0 12px}
  /* Hide outer arrows on mobile; use dots + swipe */
  .domesc-plc-outer-prev,.domesc-plc-outer-next{display:none !important}
  .domesc-plc-outer-pagination{margin-top:8px}
  /* Increase image presence on screen */
  .domesc-plc-media{height:min(62vw, 420px)}
}


.domesc-plc-icon{position:relative;top:-1px;line-height:1;display:inline-block}