/* TGD Amazon API – product elements (works with the TechGearDen theme styles) */
.tgd-amz-img{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;aspect-ratio:1/1;padding:10px;overflow:hidden}
.tgd-amz-img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .2s}
.tgd-amz-img:hover img{transform:scale(1.04)}
.tgd-pick .tgd-amz-img,.tgd-pick .tgd-amz-noimg{aspect-ratio:4/3;margin-bottom:.2em}
.tgd-product-media .tgd-amz-img{border:1px solid #E2E8F0}
.tgd-amz-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15em .5em;margin:.2em 0 .9em;line-height:1.3}
.tgd-amz-price .now{font-size:1.35em;font-weight:800;color:#0F172A}
.tgd-amz-price .was{color:#94A3B8;font-size:.95em}
.tgd-amz-price .save{background:#DC2626;color:#fff;font-size:12px;font-weight:800;border-radius:6px;padding:.15em .5em}
.tgd-amz-price .deal{background:#FEF3C7;color:#92400E;font-size:12px;font-weight:800;border-radius:6px;padding:.15em .5em}
.tgd-amz-asof{flex-basis:100%;font-size:12px;color:#94A3B8}
.tgd-amz-info{cursor:help;border-bottom:1px dotted currentColor}
.tgd-pick .tgd-amz-price{justify-content:center;margin:.1em 0 .3em}
.tgd-pick .tgd-amz-asof{text-align:center}
.tgd-amz-rating{font-size:14px;color:#475569;margin:.1em 0 .6em;display:flex;align-items:center;gap:.35em;flex-wrap:wrap}
.tgd-pick .tgd-amz-rating{justify-content:center}
.tgd-amz-rating .stars{position:relative;display:inline-block;color:#CBD5E1;letter-spacing:1px;font-size:15px;line-height:1}
.tgd-amz-rating .stars:before{content:"★★★★★";position:absolute;left:0;top:0;width:var(--tgd-pct);overflow:hidden;color:#F59E0B;white-space:nowrap}
.tgd-amz-rating .count{color:#64748B}
.tgd-amz-table td{vertical-align:middle}
.tgd-amz-table .tgd-amz-tcell-img{width:96px}
.tgd-amz-table .tgd-amz-img{width:80px;height:80px;padding:4px;border:1px solid #E2E8F0}
.tgd-amz-table .tgd-amz-price{margin:0}
.tgd-amz-table .tgd-amz-price .now{font-size:1.05em}
.tgd-amz-table .tgd-amz-rating{margin:.2em 0 0;font-size:13px}
.tgd-amz-table .tgd-badge{font-size:10px;padding:.3em .7em;margin-bottom:.3em}
.tgd-amz-na{color:#64748B;font-size:14px}

.tgd-amz-thumb{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;background:#fff;padding:18px;box-sizing:border-box}
.tgd-amz-thumb img{max-width:100%;max-height:100%;width:auto!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}

/* category slider */
.tgd-cat-slider{margin:24px 0 0;text-align:left}
.tgd-cat-slider-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#FBBF24}
.tgd-cat-slider .nav button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:20px;line-height:1;cursor:pointer;margin-left:6px;padding:0}
.tgd-cat-slider .nav button:hover{background:#F59E0B;border-color:#F59E0B;color:#1F2937}
.tgd-cat-slider .track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 6px}
.tgd-cat-slider .track::-webkit-scrollbar{display:none}
.tgd-slide{flex:0 0 200px;scroll-snap-align:start;background:#fff;border-radius:14px;padding:12px;text-decoration:none!important;display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 26px -14px rgba(0,0,0,.45);transition:transform .15s}
.tgd-slide:hover{transform:translateY(-3px)}
.tgd-slide .im{display:flex;align-items:center;justify-content:center;height:130px}
.tgd-slide img{max-height:130px;max-width:100%;width:auto;object-fit:contain}
.tgd-slide .t{color:#0F172A;font-size:14px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tgd-slide .p{color:#B45309;font-weight:800;font-size:15px}
.tgd-cat-slider .tgd-amz-asof{color:rgba(255,255,255,.6);margin-top:6px}
@media(max-width:640px){.tgd-slide{flex-basis:160px}.tgd-slide .im{height:110px}.tgd-slide img{max-height:110px}}
