/* いいねこれ — balancing retailer cards without editing affiliate ad creatives.
   Page-only. DO NOT stretch/crop/rewrite advertisement images or tracking HTML. */
.page-id-10004 .iia8-live-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
  align-items: stretch !important;
  gap: 16px !important;
}
.page-id-10004 .iia8-live-grid > .iia8-live-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 16px !important;
  border: 1px solid #efd0df !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 3px 12px rgba(132, 44, 91, 0.06);
}
.page-id-10004 .iia8-live-card > p:first-child {
  text-align: center;
  margin: 0 0 14px !important;
  padding: 0 0 10px;
  border-bottom: 1px solid #f2dfeb;
  color: #a92f70 !important;
  font-size: 14px !important;
  font-weight: 700;
}
.page-id-10004 .iia8-live-card .iia8-live-original {
  flex: 1;
  width: 100%;
  max-width: 100% !important;
  min-width: 0;
  overflow-wrap: anywhere;
  text-align: center !important;
}
/* Moshimo material: intact image and label; match surrounding typography. */
.page-id-10004 .iia8-moshimo-original > a {
  display: block;
  font-size: 14px !important;
  line-height: 1.6;
  font-weight: 600;
  color: #51404d;
  text-decoration: none;
}
.page-id-10004 .iia8-moshimo-original > a > img {
  display: block;
  height: auto;
  max-width: 100%;
  max-height: 168px;
  width: auto;
  object-fit: contain;
  margin: 0 auto 14px;
}
/* A8's original creative is a 170px table with a 160px source thumbnail.
   Widen only the surrounding table box so the existing text wraps naturally.
   Do not upscale or replace the original Amazon image. */
.page-id-10004 .iia8-live-original > table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto;
  margin: 0 auto;
}
.page-id-10004 .iia8-live-original > table tr:first-child td {
  width: auto !important;
  padding: 12px 4px 16px !important;
  text-align: center;
  vertical-align: middle !important;
}
.page-id-10004 .iia8-live-original > table tr:first-child td img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.page-id-10004 .iia8-live-original > table tr:nth-child(2) td {
  width: auto !important;
  padding: 8px 10px !important;
  font-size: 14px !important;
  line-height: 1.6;
  text-align: center;
}
.page-id-10004 .iia8-live-original > table tr:nth-child(2) td p:first-child a {
  font-weight: 600;
  color: #51404d;
  text-decoration: none;
}
.page-id-10004 .iia8-live-card a:focus-visible {
  outline: 2px solid #ad3e7c;
  outline-offset: 3px;
}
/* Two-column mobile catalog, inspired by compact shopping grids.
   No clipping, upscaling, URL replacement or text removal. */
@media (max-width: 619px) {
  .page-id-10004 .iia8-live-shop {
    padding: 12px !important;
  }
  .page-id-10004 .iia8-live-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    align-items: stretch !important;
  }
  .page-id-10004 .iia8-live-grid > .iia8-live-card {
    padding: 9px 7px !important;
    border-radius: 12px !important;
    gap: 7px !important;
    min-width: 0;
  }
  .page-id-10004 .iia8-live-card > p:first-child {
    margin: 0 0 6px !important;
    padding: 0 0 7px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
  .page-id-10004 .iia8-moshimo-original > a {
    font-size: 12px !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }
  .page-id-10004 .iia8-moshimo-original > a > img {
    display: block !important;
    width: min(100%, 138px) !important;
    max-width: 100% !important;
    height: 138px !important;
    max-height: 138px !important;
    margin: 0 auto 8px !important;
    object-fit: contain;
  }
  .page-id-10004 .iia8-live-original > table {
    width: 100% !important;
    min-width: 0 !important;
    border-collapse: collapse;
  }
  .page-id-10004 .iia8-live-original > table tr:first-child td {
    padding: 7px 0 10px !important;
  }
  .page-id-10004 .iia8-live-original > table tr:first-child td img {
    width: min(100%, 138px) !important;
    max-width: 100% !important;
    height: 138px !important;
    max-height: 138px !important;
    object-fit: contain;
  }
  .page-id-10004 .iia8-live-original > table tr:nth-child(2) td {
    padding: 7px 2px !important;
    font-size: 11.5px !important;
    line-height: 1.42 !important;
    overflow-wrap: anywhere;
  }
  .page-id-10004 .iia8-live-original > table tr:nth-child(2) td p {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }
  .page-id-10004 .iia8-live-original > table tr:nth-child(2) td p:first-child a {
    font-size: 11.5px !important;
    line-height: 1.42 !important;
  }
}

/* Shared compact two-column layout for short-code-generated product catalog.
   On wide screens genres have their own headings. On phones, preserve the
   genre selector but flatten the groups so a lone toy and a lone cup appear
   SIDE BY SIDE rather than in separate single-card rows. */
@media (max-width: 619px) {
  .page-id-10004 .iia8-catalog .iia8-catalog-groups {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    align-items: stretch;
  }
  .page-id-10004 .iia8-catalog .iia8-catalog-group:not([hidden]) {
    display: contents !important;
  }
  .page-id-10004 .iia8-catalog .iia8-catalog-group > h3 {
    display: none !important;
  }
  .page-id-10004 .iia8-catalog .iia8-catalog-group .iia8-live-grid {
    display: contents !important;
  }
  .page-id-10004 .iia8-catalog .iia8-live-card[data-creative-width="300"] {
    grid-column: auto !important;
  }
  .page-id-10004 .iia8-catalog .iia8-shop-label {
    text-align: center !important;
    align-self: stretch;
    font-size: 12px !important;
  }
  .page-id-10004 .iia8-catalog .iia8-live-original {
    overflow-x: hidden;
  }
  .page-id-10004 .iia8-catalog .iia8-live-original > table {
    width: 100% !important;
    min-width: 0 !important;
    border-collapse: collapse;
  }
  .page-id-10004 .iia8-catalog .iia8-live-original > table tr:first-child td {
    padding: 7px 0 10px !important;
    width: auto !important;
  }
  .page-id-10004 .iia8-catalog .iia8-live-original > table tr:nth-child(2) td {
    width: auto !important;
    padding: 7px 2px !important;
    font-size: 11.5px !important;
    line-height: 1.42;
    overflow-wrap: anywhere;
  }
  .page-id-10004 .iia8-catalog .iia8-live-original > a {
    font-size: 12px !important;
    line-height: 1.42 !important;
  }
  .page-id-10004 .iia8-catalog .iia8-live-original > a > img,
  .page-id-10004 .iia8-catalog .iia8-live-original > table tr:first-child td img {
    height: 138px !important;
    max-height: 138px;
    width: min(100%, 138px) !important;
    max-width: 100% !important;
    object-fit: contain;
  }
}

/* Make catalogue-wide sort actually global on PC as well as phones.
   Without flattening, a "lowest price" sort only rearranges each genre. */
@media (min-width: 620px) {
  .page-id-10004 .iia8-catalog.iia8-catalog--flat .iia8-catalog-groups {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  .page-id-10004 .iia8-catalog.iia8-catalog--flat .iia8-catalog-group:not([hidden]) {
    display: contents !important;
  }
  .page-id-10004 .iia8-catalog.iia8-catalog--flat .iia8-catalog-group > h3 {
    display: none !important;
  }
  .page-id-10004 .iia8-catalog.iia8-catalog--flat .iia8-live-grid {
    display: contents !important;
  }
  .page-id-10004 .iia8-catalog.iia8-catalog--flat .iia8-live-card[data-creative-width="300"] {
    grid-column: auto !important;
  }
}
@media (min-width: 620px) and (max-width: 900px) {
  .page-id-10004 .iia8-catalog.iia8-catalog--flat .iia8-catalog-groups {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* 2026-11-04: WHITE BASE / STRONG PINK ACCENT.
   Outer page and cards only: original A8/Moshimo ad HTML is unchanged. */
.page-id-10004 {background:#fff;color:#2b2530}
.page-id-10004 .wp-site-blocks,
.page-id-10004 .entry-content {background:#fff}
.page-id-10004 .iikw-worlds .iikw-teenie,
.page-id-10004 .iikw-worlds .iikw-teenie-copy,
.page-id-10004 .iikw-worlds .iikw-visual,
.page-id-10004 .iia8-live-shop {
  background:#fff !important;
  background-image:none !important;
  color:#2b2530 !important;
}
.page-id-10004 .iia8-live-shop {
  border:1px solid #d7ccd1 !important;
  box-shadow:0 8px 28px rgba(51,29,39,.07) !important;
  border-radius:16px !important;
}
.page-id-10004 .iia8-live-shop h2,
.page-id-10004 .iikw-worlds h2,
.page-id-10004 .iia8-catalog .iia8-catalog-group h3 {
  color:#302331 !important;
  font-weight:800 !important;
  letter-spacing:.015em;
}
.page-id-10004 .iia8-live-shop h2 {
  border-left:5px solid #b31f64;
  padding:3px 0 3px 13px;
}
.page-id-10004 .iia8-catalog {
  color:#302331;
  background:#fff;
}
.page-id-10004 .iia8-catalog .iia8-catalog-group h3 {
  border-left-color:#b31f64 !important;
}
.page-id-10004 .iia8-catalog .iia8-filters {
  background:#fff !important;
  border:1px solid #d1bdc7 !important;
  border-top:3px solid #b31f64 !important;
  box-shadow:0 3px 14px rgba(40,25,35,.04);
}
.page-id-10004 .iia8-catalog .iia8-filters label {
  color:#38313a !important;
  font-weight:700 !important;
}
.page-id-10004 .iia8-catalog .iia8-filters input,
.page-id-10004 .iia8-catalog .iia8-filters select {
  background:#fff !important;
  color:#231f25 !important;
  border-color:#a9a0a6 !important;
}
.page-id-10004 .iia8-catalog .iia8-filter-reset,
.page-id-10004 .iia8-catalog .iia8-filter-more {
  background:#b31f64 !important;
  color:#fff !important;
  border-color:#b31f64 !important;
  font-weight:800 !important;
}
.page-id-10004 .iia8-catalog .iia8-filter-count,
.page-id-10004 .iia8-large__count {
  color:#7f1645 !important;
  font-weight:800 !important;
}
.page-id-10004 .iia8-catalog .iia8-live-card,
.page-id-10004 .iia8-live-grid > .iia8-live-card,
.page-id-10004 .iia8-large__card {
  background:#fff !important;
  border:1px solid #d2c7cf !important;
  border-top:3px solid #b31f64 !important;
  border-radius:13px !important;
  box-shadow:0 5px 17px rgba(42,31,40,.08) !important;
}
.page-id-10004 .iia8-catalog .iia8-shop-label,
.page-id-10004 .iia8-large__shop {
  color:#8f194c !important;
  font-weight:800 !important;
}
.page-id-10004 .iia8-live-original a,
.page-id-10004 .iia8-large__original a {
  color:#87244f;
  text-underline-offset:3px;
}
.page-id-10004 .iia8-catalog .iia8-live-card:focus-within,
.page-id-10004 .iia8-large__card:focus-within {
  outline:3px solid #b31f64;
  outline-offset:2px;
}

/* Scalable 24-per-page merchant shelf. Four desktop columns, two mobile.
   Original ad code remains untouched; layout does not create fake buy links. */
.iia8-large {max-width:1200px;margin:25px auto 55px;padding:0 10px}
.iia8-large *{box-sizing:border-box}
.iia8-large__filters {
  display:grid;
  grid-template-columns:2fr 1fr 1fr auto;
  gap:12px;
  align-items:end;
  border:1px solid #d1bdc7;
  border-top:3px solid #b31f64;
  border-radius:14px;
  background:#fff;
  padding:16px;
}
.iia8-large__filters label {display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#38313a}
.iia8-large__filters input,.iia8-large__filters select {
  width:100%;min-width:0;min-height:44px;background:#fff;border:1px solid #aba1a7;
  border-radius:8px;padding:8px 10px;font-size:16px;color:#201d21;
}
.iia8-large__filter-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.iia8-large__filter-actions button,
.iia8-large__pagination a {
  background:#b31f64;color:#fff !important;border:1px solid #b31f64;
  border-radius:9px;padding:10px 15px;min-height:44px;font-size:14px;
  font-weight:800;text-decoration:none;cursor:pointer;
}
.iia8-large__filter-actions>a {font-size:13px;color:#7f1949;text-decoration:underline}
.iia8-large__count {color:#7f1645;font-weight:800;font-size:15px;margin:18px 0 14px}
.iia8-large__grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;align-items:stretch;
}
.iia8-large__card {
  min-width:0;
  display:flex;flex-direction:column;
  padding:13px 10px;
  background:#fff;border:1px solid #d2c7cf;border-top:3px solid #b31f64;
  border-radius:13px;
}
.iia8-large__shop{font-weight:800;color:#8f194c;font-size:13px;margin:0 0 10px}
.iia8-large__original{width:100%;min-width:0;overflow-x:auto;overflow-y:visible}
.iia8-large__original>table{max-width:100%;width:100%!important}
.iia8-large__original img{max-width:100%;height:auto}
.iia8-large__original img[width="1"][height="1"]{width:1px!important;height:1px!important}
.iia8-large__pagination{display:flex;justify-content:center;gap:8px;align-items:center;flex-wrap:wrap;margin:22px 0 0}
.iia8-large__pagination strong{padding:10px 13px;color:#fff;background:#6a1542;border-radius:8px}
.iia8-large__empty{font-size:15px;color:#4c414b;padding:28px 10px}
@media(max-width:920px){
  .iia8-large__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .iia8-large__filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .iia8-large__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .iia8-large__card{padding:9px 7px;min-width:0}
  .iia8-large__filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px}
  .iia8-large__filters label:first-child,.iia8-large__filter-actions{grid-column:1/-1}
  .iia8-large__original img:not([width="1"]){max-width:100%}
  .iia8-large__pagination a{font-size:13px;min-height:44px}
}

/* ValueCommerce LinkSwitch: merchant URLs remain unmodified in the HTML. */
.iia8-vc-yahoo {background:#fff;color:#2e2330}
.iia8-vc-yahoo h2 {color:#29222e;font-weight:800;border-left:5px solid #aa205d;padding-left:12px}
.iia8-vc-yahoo .iia8-large__card {justify-content:space-between;gap:9px}
.iia8-vc-yahoo .iia8-large__card p:not(.iia8-large__shop) {
  color:#302834;font-size:14px;font-weight:700;line-height:1.65;margin:0;
}
.iia8-vc-yahoo .iia8-large__card img {width:100%;height:auto;max-height:210px;object-fit:contain}
.iia8-vc-yahoo .iia8-large__card>a {
  margin-top:auto;display:block;min-height:44px;text-align:center;
  background:#aa205d;color:#fff!important;border-radius:8px;
  text-decoration:none;font-size:14px;font-weight:800;padding:11px 5px;
}
.iia8-vc-yahoo .iia8-large__card>a:hover,
.iia8-vc-yahoo .iia8-large__card>a:focus {background:#7d1643;color:#fff!important}


/* Owner-issued Moshimo text creatives: visible product title is stored metadata,
   original sponsor HTML and impression pixel are displayed unchanged. */
.iia8-live-card[data-creative-format="text"] .iia8-product-title,
.iia8-large__card[data-creative-format="text"] .iia8-product-title {
  font-size:14px;line-height:1.55;font-weight:750;color:#312735;
  overflow-wrap:anywhere;margin:4px 0 12px;text-align:left;
}
.page-id-10004 .iia8-catalog .iia8-live-card[data-creative-format="text"] .iia8-product-title {
  font-size:14px!important;line-height:1.55!important;color:#312735!important;
}
.iia8-live-card[data-creative-format="text"] .iia8-live-original>a,
.iia8-large__card[data-creative-format="text"] .iia8-large__original>a {
  display:block;min-height:44px;padding:11px 8px;
  border-radius:8px;background:#a72160;color:#fff!important;
  text-align:center;font-weight:800;font-size:14px!important;
  line-height:1.5!important;text-decoration:none!important;
}
.iia8-live-card[data-creative-format="text"] .iia8-live-original>a:focus-visible,
.iia8-large__card[data-creative-format="text"] .iia8-large__original>a:focus-visible{
  outline:3px solid #562440;outline-offset:3px;
}
.iia8-live-card[data-creative-format="text"] .iia8-live-original img[width="1"],
.iia8-large__card[data-creative-format="text"] .iia8-large__original img[width="1"]{
  width:1px!important;height:1px!important;position:absolute;
}

/* Three-mall photo cards: preserve the official image aspect ratio and avoid
   turning the photograph into a pink button. Original A8/Moshimo ads are intact. */
.iia8-three-mall .iia8-large__card {justify-content:space-between;gap:9px}
.iia8-three-mall .iia8-large__card>p:not(.iia8-large__shop) {
  margin:0;font-size:14px;line-height:1.5;font-weight:750;
  overflow-wrap:anywhere;color:#302834;
}
.iia8-three-mall .iia8-three-mall__photo {
  display:block;background:#fff;width:100%;min-width:0;
}
.iia8-three-mall .iia8-three-mall__photo>img {
  display:block;width:100%;height:180px;max-width:100%;
  object-fit:contain;object-position:center;
}
.iia8-three-mall .iia8-three-mall__buy {
  display:block;min-height:44px;margin-top:auto;
  padding:11px 7px;text-align:center;
  border-radius:8px;background:#aa205d;color:#fff!important;
  text-decoration:none;font-size:14px;font-weight:800;
}
.iia8-three-mall .iia8-three-mall__buy:hover,
.iia8-three-mall .iia8-three-mall__buy:focus-visible {
  background:#7d1643;color:#fff!important;
}
@media(max-width:620px) {
  .iia8-three-mall .iia8-three-mall__photo>img {height:140px}
  .iia8-three-mall .iia8-large__card>p:not(.iia8-large__shop) {
    font-size:13px;line-height:1.4;
  }
}

/* Keep multiple seller offers reachable without showing the same item as
   repeated giant cards. The original ASP creative is never rewritten. */
.iia8-three-mall__alternates {
  margin-top:9px;border-top:1px solid #e6d8e0;padding-top:8px;
  font-size:13px;color:#3d3540;
}
.iia8-three-mall__alternates summary {
  cursor:pointer;min-height:44px;padding:10px 2px;
  font-weight:800;color:#9d225b;
}
.iia8-three-mall__alternate {
  padding:10px 0;border-top:1px solid #efe4ea;
}
.iia8-three-mall__alternate>p {margin:0 0 8px;font-weight:750}
.iia8-three-mall__alternate>a {
  display:block;text-align:center;border:1px solid #a72260;
  border-radius:8px;color:#8e194f;text-decoration:none;
  font-weight:750;padding:10px 6px;min-height:44px;
}
.iia8-three-mall__alternate img {max-width:100%;height:auto;object-fit:contain}


/* Teenieping is a product parent, so use the wide page area instead of the
   theme's 760px article column. Existing official advertisement HTML is intact. */
body.page-id-10004 .iik-page-main > .wp-block-post-content {
  max-width:1180px!important;width:100%;margin-inline:auto;
}
body.page-id-10004 .iikw-teenie {display:block!important;max-width:960px;margin-inline:auto;background:#fff}
body.page-id-10004 .iikw-teenie .iikw-visual {width:100%;margin:20px 0 0;background:#fff}
body.page-id-10004 .iikw-teenie .iikw-youtube-wrap {aspect-ratio:16/9;width:100%}
@media(min-width:1101px) {
  body.page-id-10004 .iia8-catalog .iia8-live-grid {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(min-width:741px) and (max-width:1100px) {
  body.page-id-10004 .iia8-catalog .iia8-live-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* The card layout must respect the filter/pagination hidden state. Otherwise
   deferred cards appear with their still-inert advertisement templates. */
body.page-id-10004 .iia8-catalog .iia8-live-grid > .iia8-live-card[hidden],
body.page-id-10004 .iia8-catalog .iia8-catalog-group[hidden],
body.page-id-10004 .iia8-catalog .iia8-filter-more[hidden],
body.page-id-10004 .iia8-catalog .iia8-filter-empty[hidden] {
  display:none!important;
}
