/* Static Amazon affiliate box (license-free AAWP replacement).
   Layout adapts to the BOX's own width via container queries, so it works in a narrow
   sidebar widget AND in wide article content, on every screen size. Default (no @container
   support) = vertical card, which also looks fine everywhere. */

.smp-amazon{container-type:inline-size;display:block;margin:26px 0;clear:both}
.smp-amazon-box{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;border:1px solid #e4e4e7;border-radius:12px;padding:18px;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.06)}
.smp-amazon-box *{box-sizing:border-box}

.smp-amazon-box__imglink{display:block;flex:0 0 auto;max-width:100%;line-height:0}
.smp-amazon-box__img{max-width:170px;max-height:160px;width:auto;height:auto;display:block;margin:0 auto;object-fit:contain}

.smp-amazon-box__body{display:flex;flex-direction:column;align-items:center;gap:11px;width:100%;min-width:0}
.smp-amazon-box__title{margin:0;font-family:inherit;font-size:1rem !important;font-weight:600 !important;line-height:1.35 !important;color:#1a1a1a !important;text-transform:none !important;letter-spacing:normal !important;text-decoration:none;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.smp-amazon-box__title:hover{text-decoration:underline}

.smp-amazon-btn{display:inline-block;max-width:100%;background:#ffa41c !important;color:#0f1111 !important;font-family:inherit;font-size:.92rem !important;font-weight:700 !important;line-height:1.2 !important;text-transform:none !important;text-decoration:none;padding:10px 22px;border-radius:8px;border:1px solid #f49000;cursor:pointer}
.smp-amazon-btn:hover{background:#f49000 !important;color:#0f1111 !important}

.smp-amazon-box__note{font-size:.74rem;color:#8a8a8a;line-height:1.35;margin:0}

.smp-amazon-inline-img{display:inline-block;line-height:0;max-width:100%}
.smp-amazon-inline-img img{height:auto;max-width:100%;border-radius:6px}
.smp-amazon-inline-img.is-small img{max-width:120px}
.smp-amazon-inline-img.is-medium img{max-width:230px}
.smp-amazon-inline-img.is-large img{max-width:340px}

/* Wider container → horizontal card (image left, text right) */
@container (min-width:380px){
  .smp-amazon-box{flex-direction:row;align-items:center;text-align:left;gap:22px;padding:20px}
  .smp-amazon-box__imglink{flex:0 0 170px}
  .smp-amazon-box__body{align-items:flex-start;flex:1 1 auto}
  .smp-amazon-box__title{-webkit-line-clamp:2}
  .smp-amazon-box--minimal{flex-direction:column;align-items:flex-start;text-align:left}
}