/* SOT Triggers Section — SOT-WEB-TRIGGERS-002. Builds on the theme's --sot-* tokens and .sot-* classes. */

/* ---- product grid (category page) ---- */
.sot-trg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px!important}
.sot-trg-grid>*{margin:0!important}
@media (max-width:1024px){.sot-trg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sot-trg-grid{grid-template-columns:1fr;gap:18px}}

.sot-trg-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--sot-line,#D9DEE5);border-top:3px solid var(--sot-red,#E0674A);transition:border-color .15s,transform .15s,box-shadow .15s}
.sot-trg-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,31,51,.12)}
.sot-trg-card .wp-block-image{margin:0!important;aspect-ratio:3/2;overflow:hidden;background:var(--sot-ink,#101F33)}
.sot-trg-card .wp-block-image img{width:100%;height:100%;object-fit:cover;display:block}
.sot-trg-card-body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px!important;margin:0!important}
.sot-trg-card-body>*{margin-top:0!important}
.sot-trg-card h3{font-size:1.08rem!important;letter-spacing:.04em;margin:2px 0 8px!important;line-height:1.25}
.sot-trg-card h3 a{color:var(--sot-ink,#101F33);text-decoration:none}
.sot-trg-card h3 a:hover{color:var(--sot-brick,#B23E26)}
.sot-trg-maker{font-size:.72rem!important;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sot-brick,#B23E26);margin-bottom:4px!important}
.sot-trg-blurb{font-size:.93rem;line-height:1.5;color:#3a4757;margin-bottom:0!important}
.sot-trg-card .sot-chips{margin-top:14px!important}
.sot-trg-pricerow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:auto!important;padding-top:16px;border-top:1px solid var(--sot-line,#D9DEE5);margin-bottom:0!important}
.sot-trg-card .sot-chips+.sot-trg-pricerow{margin-top:16px!important}
.sot-trg-price{font-size:1.35rem;font-weight:800;color:var(--sot-ink,#101F33);letter-spacing:.01em}
.sot-trg-mpn{font-size:.74rem;font-weight:700;letter-spacing:.12em;color:#5b6878;text-transform:uppercase}
.sot-trg-go{margin:12px 0 0!important}
.sot-trg-go a{font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--sot-brick,#B23E26)!important}
.sot-trg-badge{position:absolute;z-index:2;top:12px;left:12px;margin:0!important;background:var(--sot-ink,#101F33);color:#fff;font-size:.66rem!important;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:5px 9px;border-left:3px solid var(--sot-red,#E0674A)}
.sot-trg-badge-inline{position:static;display:inline-block;margin-bottom:12px!important}
.sot-trg-card-cta{background:var(--sot-ink,#101F33);border-color:var(--sot-ink,#101F33);border-top-color:var(--sot-red,#E0674A);justify-content:center}
.sot-trg-card-cta .sot-trg-card-body{justify-content:center;padding:32px 28px!important}
.sot-trg-card-cta h3 a{color:#fff}
.sot-trg-card-cta .sot-trg-maker{color:var(--sot-redl,#F08A6C)}
.sot-trg-card-cta .sot-trg-blurb{color:var(--sot-dim,#C2CCD8)}
.sot-trg-card-cta .sot-trg-go a{color:var(--sot-redl,#F08A6C)!important}

/* ---- tables ---- */
.sot-trg-table{margin:22px 0 0!important;overflow-x:auto;-webkit-overflow-scrolling:touch}
.sot-trg-table table{border-collapse:collapse;width:100%;background:#fff;font-size:.92rem;line-height:1.45}
.sot-trg-table thead th{background:var(--sot-ink,#101F33);color:#fff;text-align:left;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;padding:12px 14px;border:0}
.sot-trg-table td{padding:11px 14px;border:0;border-bottom:1px solid var(--sot-line,#D9DEE5);vertical-align:top;color:var(--sot-text,#1B2430)}
.sot-trg-table tbody tr:nth-child(even) td{background:#FAFBFC}
.sot-trg-table td:first-child{color:var(--sot-ink,#101F33)}
.sot-trg-table figcaption{font-size:.8rem;color:#5b6878;text-align:left;margin-top:10px}
.sot-trg-compare table{table-layout:auto;min-width:860px}
.sot-trg-compare td:first-child,.sot-trg-compare th:first-child{position:sticky;left:0;background:#fff;z-index:1;min-width:150px}
.sot-trg-compare thead th:first-child{background:var(--sot-ink,#101F33)}
.sot-trg-compare tbody tr:nth-child(even) td:first-child{background:#FAFBFC}
.sot-trg-compare thead th:nth-child(2){border-bottom:3px solid var(--sot-red,#E0674A)}
.sot-trg-specs table{table-layout:auto}
.sot-trg-specs td:first-child{width:42%}

/* ---- product page ---- */
.sot-trg-product{align-items:flex-start!important}
.sot-trg-product .wp-block-image{margin:0!important;border:1px solid var(--sot-line,#D9DEE5)}
.sot-trg-product .wp-block-image img{width:100%;height:auto;display:block}
.sot-trg-buy{background:var(--sot-cream,#F7F4EB);border-top:3px solid var(--sot-red,#E0674A);padding:26px 26px 22px!important}
.sot-trg-buy>*{margin-top:0!important}
.sot-trg-pricebig{border-top:0;padding-top:0;margin-bottom:6px!important}
.sot-trg-pricebig .sot-trg-price{font-size:2.1rem}
.sot-trg-keyfacts{list-style:none;padding:0!important;margin:10px 0 20px!important;border-top:1px solid #DDD6C6}
.sot-trg-keyfacts li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #DDD6C6;font-size:.93rem}
.sot-trg-keyfacts li strong{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#5b6878;font-weight:700}
.sot-trg-buy .wp-block-buttons{gap:10px;margin-bottom:12px}
.sot-trg-reason{border-left:3px solid var(--sot-red,#E0674A);padding:2px 0 2px 18px!important;margin:0 0 18px!important}
.sot-trg-reason h3{font-size:1.02rem!important;margin:0 0 6px!important;color:var(--sot-ink,#101F33)}
.sot-trg-reason p{margin:0!important;font-size:.95rem}
.sot-trg-reason .sot-num{color:var(--sot-brick,#B23E26);margin-right:6px;font-size:.85em}
.sot-notice+.sot-notice{margin-top:14px!important}

/* ---- related ---- */
.sot-trg-related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0!important}
.sot-trg-related>*{margin:0!important;background:#fff;border:1px solid var(--sot-line,#D9DEE5);transition:border-color .15s}
.sot-trg-related>*:hover{border-color:var(--sot-brick,#B23E26)}
.sot-trg-related .wp-block-image{margin:0!important;aspect-ratio:3/2;overflow:hidden;background:var(--sot-ink,#101F33)}
.sot-trg-related .wp-block-image img{width:100%;height:100%;object-fit:cover;display:block}
.sot-trg-mini-name{margin:12px 14px 2px!important;font-weight:700;font-size:.92rem;line-height:1.3}
.sot-trg-mini-name a{color:var(--sot-ink,#101F33);text-decoration:none}
.sot-trg-mini-meta{margin:0 14px 14px!important;font-size:.8rem;color:#5b6878}
@media (max-width:1024px){.sot-trg-related{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.sot-trg-related{grid-template-columns:1fr 1fr;gap:12px}.sot-trg-mini-name{font-size:.84rem}}

/* ---- FAQ ---- */
.sot-trg-faq{background:#fff;border:1px solid #DDD6C6;border-left:3px solid var(--sot-red,#E0674A);margin:0 0 10px!important;padding:0!important}
.sot-trg-faq summary{cursor:pointer;font-weight:700;padding:16px 20px;color:var(--sot-ink,#101F33);list-style-position:outside}
.sot-trg-faq summary:hover{color:var(--sot-brick,#B23E26)}
.sot-trg-faq[open] summary{border-bottom:1px solid #EEE8DC}
.sot-trg-faq p{padding:14px 20px 18px;margin:0!important;font-size:.95rem}
[id="compare"]{scroll-margin-top:110px}

/* ---- small screens ---- */
@media (max-width:781px){
  .sot-trg-product>.wp-block-column{flex-basis:100%!important}
  .sot-trg-buy{padding:22px 18px!important}
  .sot-trg-pricebig .sot-trg-price{font-size:1.8rem}
  .sot-trg-buy .wp-block-button{flex:1 1 100%}
  .sot-trg-buy .wp-block-button__link{width:100%;text-align:center}
}
