/* Metal roller kalem ürün detay sayfası — standard-card.css üzerine */
.pen-product-page .card-gallery figure>img{padding:24px}
.pen-thumbnails{grid-template-columns:repeat(4,1fr)}
.pen-thumbnails img{padding:4px}
.pen-colors{flex-wrap:wrap}
.pen-colors .card-option{flex:1 1 30%}
.pen-swatch{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:7px;flex-shrink:0;border:1px solid rgba(15,23,42,.25);vertical-align:-2px}
.pen-colors .card-option span{justify-content:flex-start;padding-left:12px}
.pen-colors .card-option input:checked+span{padding-left:11px}
.pen-qty{display:flex;align-items:stretch;border:1px solid #cfdae6;border-radius:7px;overflow:hidden;max-width:260px;background:#fff}
.pen-qty input{flex:1;min-width:0;border:0;text-align:center;font:600 15px 'Inter',sans-serif;color:#17334e;padding:12px 6px;-moz-appearance:textfield}
.pen-qty input::-webkit-inner-spin-button,.pen-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.pen-qty button{width:46px;border:0;background:#f0f6fb;color:#075b94;font:600 20px 'Inter',sans-serif;cursor:pointer}
.pen-qty button:hover{background:#e0eef8}
.pen-qty input:focus-visible,.pen-qty button:focus-visible{outline:3px solid #e52182;outline-offset:-3px}
.pen-product-page .card-quote-row b{color:#17334e}
.pen-spec{margin:0;padding-left:20px;font-size:15px;line-height:1.9;color:#52647b}
.pen-spec-note{font-size:13px!important;margin-top:10px!important;color:#64748b!important}
.pen-related a{align-items:center;font-weight:500}
.pen-related img{width:56px;height:56px;object-fit:contain;background:#f8fafc;border-radius:6px;flex-shrink:0}
.pen-related span{display:grid;gap:2px}
.pen-related strong{font-size:14px;color:#17334e}
.pen-related small{font-size:12px;color:#64748b;font-weight:500}
@media(max-width:700px){.pen-thumbnails{grid-template-columns:repeat(3,1fr)}.pen-qty{max-width:none}}