/* ILLCO GA4 product grid: neutral, square JTL product cards */
.illco-ga4-products{background:#f7fafb;color:#24313d}
.illco-ga4-products .illco-v3-eyebrow{color:#276e8e}
.illco-ga4-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:stretch}
.illco-ga4-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.illco-ga4-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.illco-ga4-grid__item{min-width:0;min-height:0}
.illco-ga4-grid__item .productbox{height:100%;border:1px solid #dbe3e7;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(20,38,50,.05);overflow:hidden}
.illco-ga4-grid__item .productbox-inner{height:100%}
.illco-ga4-grid__item .productbox-image,.illco-ga4-grid__item .square-image{aspect-ratio:1 / 1}
.illco-ga4-grid__item .productbox-image img{object-fit:contain!important;max-height:100%!important}
.illco-ga4-grid__item .productbox-title{font-weight:750;line-height:1.35}
.illco-ga4-grid__item .productbox:hover{border-color:#91cbe5;box-shadow:0 10px 28px rgba(20,38,50,.10)}
@media(max-width:991px){.illco-ga4-grid,.illco-ga4-grid--3,.illco-ga4-grid--5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.illco-ga4-grid,.illco-ga4-grid--3,.illco-ga4-grid--5{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}}
@media(max-width:380px){.illco-ga4-grid__item .productbox-inner{padding:.6rem}}

/* Version 2.6.8: OPC renders safe product placeholders without NOVA price scope */
.illco-opc-preview-products,.illco-opc-preview-fallback{padding:1.25rem;border:1px dashed #9ca3af;border-radius:10px;background:#f8fafc;color:#374151;min-height:90px}.illco-opc-preview-products strong,.illco-opc-preview-fallback strong{display:block;margin-bottom:.4rem}.illco-opc-preview-products span,.illco-opc-preview-fallback p{font-size:.9rem;line-height:1.5}


/* 2.6.12: self-contained, always visible Amazon-style 2x2 article tiles.
   Deliberately does not depend on NOVA's productbox form/layout internals. */
.illco-ga4-products .illco-ga4-four-packs{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch
}
.illco-ga4-products .illco-ga4-four-packs--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.illco-ga4-products .illco-ga4-four-packs--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.illco-ga4-products .illco-ga4-four-packs--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.illco-ga4-products .illco-ga4-four-pack{
  min-width:0;border:1px solid #dce6eb;border-radius:14px;background:#fff;
  padding:16px;box-shadow:0 4px 18px rgba(20,38,50,.045)
}
.illco-ga4-products .illco-ga4-four-pack__grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;align-content:start
}
.illco-ga4-products .illco-ga4-compact-item{
  display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0;min-height:0;
  overflow:visible;color:#24313d
}
.illco-ga4-products .illco-ga4-compact-item__image{
  display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;
  background:#fff;border-radius:8px;overflow:hidden;text-decoration:none
}
.illco-ga4-products .illco-ga4-compact-item__image img{
  display:block;width:100%;height:100%;max-height:none;object-fit:contain
}
.illco-ga4-products .illco-ga4-compact-item__no-image{
  color:#627787;font-size:11px;text-align:center;padding:8px
}
.illco-ga4-products .illco-ga4-compact-item__title{
  color:#253847;font-size:12px;line-height:1.4;font-weight:600;text-decoration:none;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  min-height:2.8em;overflow-wrap:anywhere
}
.illco-ga4-products .illco-ga4-compact-item__title:hover{color:#19759f;text-decoration:underline}
.illco-ga4-products .illco-ga4-compact-item__price{
  color:#142b3b;font-size:14px;line-height:1.35;font-weight:750;min-width:0
}
.illco-ga4-products .illco-ga4-compact-item__price .price_wrapper,
.illco-ga4-products .illco-ga4-compact-item__price .price,
.illco-ga4-products .illco-ga4-compact-item__price .productbox-price{
  font-size:inherit;line-height:inherit;font-weight:inherit;margin:0;white-space:normal
}
.illco-ga4-products .illco-ga4-four-pack:hover{
  border-color:#a4d3e8;box-shadow:0 8px 25px rgba(20,38,50,.07)
}
@media(max-width:1250px){
  .illco-ga4-products .illco-ga4-four-packs,
  .illco-ga4-products .illco-ga4-four-packs--3,
  .illco-ga4-products .illco-ga4-four-packs--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .illco-ga4-products .illco-ga4-four-packs,
  .illco-ga4-products .illco-ga4-four-packs--2,
  .illco-ga4-products .illco-ga4-four-packs--3,
  .illco-ga4-products .illco-ga4-four-packs--4{grid-template-columns:minmax(0,1fr)}
  .illco-ga4-products .illco-ga4-four-pack{padding:13px}
  .illco-ga4-products .illco-ga4-compact-item__title{font-size:13px}
}
.illco-ga4-editor-quad{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
  width:min(280px,100%);margin:12px 0
}
.illco-ga4-editor-quad span{
  border:1px solid #d5e4eb;background:#fff;border-radius:6px;aspect-ratio:1/1;
  display:grid;place-items:center;color:#627787;font-size:12px
}

/* 2.6.13: mixed four-cell blocks (GA4 / pinned JTL products / categories / campaigns). */
.illco-ga4-products .illco-ga4-four-pack__heading{font-size:16px;line-height:1.3;margin:0 0 14px;color:#213848;font-weight:750}
.illco-ga4-products .illco-ga4-feature-tile{position:relative;display:flex;flex-direction:column;min-width:0;gap:5px;color:#263845}
.illco-ga4-products .illco-ga4-feature-tile__image{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:8px;background:#f3f8fa;overflow:hidden;text-decoration:none}
.illco-ga4-products .illco-ga4-feature-tile__image img{width:100%;height:100%;object-fit:contain;display:block}
.illco-ga4-products .illco-ga4-feature-tile__placeholder{font-size:12px;color:#638094;text-align:center;padding:10px}
.illco-ga4-products .illco-ga4-feature-tile__title{font-size:12px;line-height:1.4;font-weight:700;color:#233b4b;text-decoration:none;overflow-wrap:anywhere}
.illco-ga4-products .illco-ga4-feature-tile__title:hover{text-decoration:underline;color:#267b9f}
.illco-ga4-products .illco-ga4-feature-tile__text{font-size:11px;line-height:1.5;color:#607381;margin:0}
.illco-ga4-products .illco-ga4-feature-tile__badge{align-self:flex-start;background:#89cff0;border-radius:3px;color:#143447;font-size:10px;font-weight:800;padding:4px 7px}
.illco-ga4-products .illco-ga4-feature-tile__button{margin-top:auto;align-self:flex-start;color:#1b7097;font-size:11px;text-decoration:underline;font-weight:700}
.illco-ga4-products .illco-ga4-four-pack--large-ad .illco-ga4-four-pack__grid{display:block}
.illco-ga4-products .illco-ga4-four-pack--large-ad .illco-ga4-feature-tile__image{aspect-ratio:1.15/1}
.illco-ga4-products .illco-ga4-four-pack--large-ad .illco-ga4-feature-tile__title{font-size:16px}
.illco-ga4-products .illco-ga4-four-pack--large-ad .illco-ga4-feature-tile__text{font-size:13px}
.illco-ga4-editor-blocks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}
.illco-ga4-editor-block{min-width:0;border:1px solid #d9e6eb;border-radius:10px;background:#fff;padding:9px}
.illco-ga4-editor-block .illco-ga4-editor-quad{width:100%;margin:6px 0}
.illco-ga4-editor-block .illco-ga4-editor-quad span{aspect-ratio:1.3/1;font-size:11px}
@media(max-width:1100px){.illco-ga4-editor-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.illco-ga4-editor-blocks{grid-template-columns:1fr}}