.fotos-panel { padding: 24px 0; color: #334155; }
.fotos-heading { margin-bottom: 24px; }
.fotos-eyebrow { color: #347d94; font-size: 11px; font-weight: 700; letter-spacing: 1.4px; }
.fotos-heading h3 { margin: 8px 0; color: #20394a; font-size: 25px; font-weight: 600; }
.fotos-heading p { color: #748391; line-height: 1.6; }
.fotos-card { background: #fff; border: 1px solid #e2e9ef; border-radius: 12px; padding: 24px; margin-bottom: 24px; box-shadow: 0 4px 18px rgba(32,57,74,.04); }
.fotos-card h4 { margin: 0 0 20px; color: #20394a; font-size: 17px; font-weight: 600; }
.fotos-selector { display: flex; position: relative; flex-direction: column; align-items: center; width: 100%; margin: 0; padding: 26px 14px; border: 2px dashed #bad4df; border-radius: 10px; background: #f5fafc; text-align: center; cursor: pointer; transition: background .2s, border-color .2s; }
.fotos-selector:hover, .fotos-selector:focus-within { background: #eaf5f9; border-color: #347d94; }
.fotos-selector-icon { display: block; width: 40px; height: 40px; margin-bottom: 12px; border-radius: 12px; background: #dfedf3; color: #347d94; font-size: 28px; line-height: 38px; font-weight: 400; }
.fotos-selector strong { color: #28677e; font-size: 14px; }
.fotos-selector > span:not(.fotos-selector-icon) { margin-top: 6px; color: #738796; font-size: 12px; font-weight: 400; }
.fotos-selector small { margin-top: 12px; color: #738796; font-size: 11px; font-weight: 400; }
.fotos-selector input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.fotos-preview { margin-top: 18px; padding: 14px; border: 1px solid #e2e9ef; background: #f8fafc; border-radius: 8px; }
.fotos-preview img { max-width: 100%; max-height: 280px; object-fit: contain; margin: 12px auto; border-radius: 6px; }
.fotos-preview p { margin: 8px 0 0; font-size: 12px; color: #64748b; overflow-wrap: anywhere; }
.fotos-description { margin: 22px 0; }
.fotos-description label { font-size: 13px; font-weight: 600; }
.fotos-description label span { font-weight: 400; color: #8796a4; }
.fotos-description textarea { resize: vertical; min-height: 100px; border-color: #dce4eb; border-radius: 8px; padding: 12px; box-shadow: none; }
.fotos-description textarea:focus { border-color: #347d94; }
.fotos-save { border-radius: 7px; padding: 11px; background: #347d94; border-color: #347d94; font-weight: 600; white-space: normal; }
.fotos-save:hover, .fotos-save:focus { background: #28677e; border-color: #28677e; }
.fotos-hint { margin: 12px 0 0; text-align: center; font-size: 11px; color: #8796a4; }
.fotos-gallery-heading { border-bottom: 1px solid #edf1f5; margin-bottom: 16px; padding-bottom: 16px; }
.fotos-gallery-heading h4 { margin-bottom: 6px; }
.fotos-gallery-heading > span { color: #8796a4; font-size: 12px; }
.fotos-gallery .products-list { margin: 0; }
.fotos-gallery .products-list .item { padding: 18px 0; border-bottom: 1px solid #edf1f5; }
.fotos-gallery .products-list .item:last-child { border-bottom: 0; }
.fotos-gallery .products-list .product-img img { width: 88px; height: 88px; object-fit: cover; border-radius: 8px; }
.fotos-gallery .products-list .product-info { margin-left: 106px; min-height: 88px; }
.fotos-gallery .product-info .btn { border-radius: 6px; }
.fotos-gallery .product-description { margin-top: 10px; white-space: normal; }
.fotos-empty { padding: 45px 16px; text-align: center; color: #8796a4; line-height: 1.8; }
@media (max-width: 767px) { .fotos-card { padding: 18px; } .fotos-heading h3 { font-size: 22px; } }